Terminologia Stron Internetowych: Jaki Żargon Powinieneś Znać?

wydaje mi się, że brzydki Designer tworzy terminologię internetową, aby nas zmylić. Front-end. Back-end. Design. Rozwijaj się. Dlaczego nie zrobić rzeczy prostych?

jeśli myślisz o budowie lub przeprojektowaniu strony internetowej, potrzebujesz tego artykułu. Po pierwsze, rzućmy okiem na różnicę między projektowaniem stron internetowych a tworzeniem stron internetowych. Inaczej znany jako front-end I back-end.

Jaka jest różnica między terminologią projektowania stron internetowych a tworzeniem stron internetowych?

projektanci stron internetowych są bardziej kreatywni z tych dwóch, zajmując się wizualizacją i układem strony internetowej. Chcesz jakiś kolor? Większy tekst? Załatwią to.

często mają tło w grafice i sztuce, więc będą wiedzieć, jak sprawić, by rzeczy wyglądały ładnie!

praca web Developera jest inna, zbudują rdzeń strony. Skupiają się na aspektach technicznych i upewniają się, że wszystko działa. Wiąże się to z wprowadzaniem kodu do stron internetowych w celu uzyskania optymalnej wydajności. Są logiczni i mają doświadczenie w informatyce lub programowaniu.

na przykład zewnętrzna strona samochodu jest przyjemna wizualnie, podczas gdy silnik jest zbudowany z myślą o zwrotności.

aby wszystko było proste, podzielimy przewodnik na terminologię dla projektantów i programistów. Trzymaj się herców!

Terminologia strony projektanta

treść

nie ma sensu mieć oszałamiającej strony internetowej, jeśli treść jest wszędzie. Gdzie są Twoje dane kontaktowe? Czy wizualizacje są we właściwym miejscu? A co z białą przestrzenią? Nikt nie chce bólu głowy, gdy odwiedzają Twoją witrynę. Pierwsze te aspekty prawo sprawi, że podróż odwiedzających bardziej przyjemne i zwiększyć szansę na pojawienie się w wyszukiwarkach.

sprawdź ten przykład z Lyft, nie ma tam zbyt wiele treści, ale to sprawia, że działa. Na środku strony znajduje się proste wezwanie do działania, któremu towarzyszy urocza animacja. Nie ma szans, że wejdziesz na tę stronę i nie będziesz świadomy, jaki jest cel treści.

dostępność

ten aspekt projektowania jest często pomijany przez wielu projektantów stron internetowych, ale powinien być częścią podstaw projektowania stron internetowych. W ten sposób Twoja strona jest dostępna dla osób niepełnosprawnych.

Poradniki niepełnosprawności, prosta kopia i większe ikony pomagają im poruszać się po stronie. Funkcje te są popularne wśród organizacji opieki zdrowotnej. Oto przykład walki o wzrok, którzy mają regulator czcionek w prawym górnym rogu strony głównej.

CSS(kaskadowe arkusze stylów)

CSS to język arkuszy stylów używany do opisywania układu kodu HTML. Mówiąc prościej, HTML jest językiem tekstu, a CSS jest językiem projektowania stron. CSS oszczędza wiele pracy programistom stron internetowych, ponieważ pomaga im formatować kod HTML na różne układy i style.

układ statyczny

ten typ układu jest łatwiejszy do zaprojektowania, ale nie jest tak elastyczny dla użytkownika. Jeśli strona ma taką samą szerokość dla każdego odwiedzającego, może być nieprzewidywalna na różnych urządzeniach. Większość firm przerzuciła się na projektowanie responsywne wraz z rozwojem urządzeń mobilnych, ale możesz znaleźć firmy, które z niego korzystają.

Favicon

ikonka favicon to obraz, który pojawia się obok nazwy domeny w pasku adresu przeglądarki. Dobrym pomysłem jest pozwanie swojego logo lub czegoś, co odnosi się do Twojej firmy. Potrzebujesz inspiracji? Spójrz na niektóre z tych fajnych projektów logo!

Ogniskowa

gdzie chcesz skupić oko? Logo? Produkt? Jeśli Twoja strona jest zbyt zagracona lub nie wiesz, gdzie chcesz, aby użytkownik poszedł, może odejść. Amazon wykorzystuje górny baner jako główny punkt, ale nie wszystkie firmy mogą grać na sezonowych wydarzeniach, aby generować biznes, więc zastanów się, co Cię wyróżnia.

HTML (Hypertext Markup Language)

do you speak computer? Na szczęście projektanci tak. Wprowadzają kody do pliku tekstowego, przeglądarka odczytuje je i przekłada na strawną formę. Do kodowania HTML potrzebny jest szereg umiejętności typograficznych, projektowych i programistycznych.

rozdzielczość

termin używany dla liczby pikseli w pionowych i poziomych elementach ekranu. Chociaż wielu uważa, że jest to długość i szerokość.

układ responsywny

Układy responsywne można dostosowywać i zmieniać w zależności od urządzenia użytkownika. Optymalizują stronę tak, aby pasowała do jak największej ilości treści. Ten układ jest podstawą projektowania stron internetowych.

Przewodnik po stylu

podczas projektowania strony internetowej ważne jest, aby mieć spójny styl. Zbyt wiele kolorów lub kształtów może zmylić użytkownika, dlatego ważne jest, aby mieć mieszankę uzupełniającą. Spójrz na przewodnik po stylu Spotiy, coś tak lekkiego, jak błędne umieszczenie logo, może zagrozić ich marce.

UX Design

jak się czuje Użytkownik odwiedzający Twoją stronę? Jeśli jest praktyczny i łatwy w użyciu, będzie bardziej prawdopodobne, że pozostanie na stronie. Jeśli jest wiele zepsutych linków, poczują się rozczarowani. Ważne jest, aby dostać się do sposobu myślenia użytkownika i wczuć się w jego problemy.

graficzny interfejs użytkownika

Apple sprawia, że urządzenia są odpowiednie dla małych dzieci. Spójrz na mobilny ekran główny ze wszystkimi aplikacjami i menu. GUI powinny być proste i łatwe w nawigacji, co sprowadza się do sprytnego projektu.

Growth Driven Design

Growth driven design to praktyka budowania strony internetowej z prostymi podstawami projektowania stron internetowych. Projektant będzie dodawać bardziej złożone funkcje podczas tworzenia strony internetowej. Oznacza to, że niezależnie od tego, jakie ma problemy, są one chronione przez silne fundamenty. Nie postawiłbyś dachu na domu bez fundamentów. Następnie możesz regularnie aktualizować witrynę, upewniając się, że jest ona zawsze aktualna.

Terminologia witryny dla programistów

AJAX (asynchroniczny JavaScript i XML)

AJAX używa różnych narzędzi programistycznych do wysyłania i pobierania danych bez konieczności odświeżania strony internetowej. Jeśli masz swoją stronę główną Facebooka w przeglądarce, będzie ona odświeżać, aby zapewnić Ci aktualizacje. Oto przykład kodu AJAX.

Back-end

strony internetowe nie są powierzchowne; istnieje wiele wewnętrznych procesów, których Użytkownik nie widzi. Zaplecze witryny to miejsce, w którym aktualizujesz oprogramowanie, publikujesz blogi w systemie CMS i przesyłasz nowe produkty. To jest wsparcie WordPress..

Bad Neighbourhood

bad neighbourhood to grupa stron o złej reputacji i rankingach wyszukiwania. Nie chciałbyś mieszkać w złym sąsiedztwie, podobnie jak twoja strona internetowa. Umieszczenie Twojej strony w wyszukiwarkach zmniejszy twoje szanse na pojawienie się w wyszukiwarce. Zdobądź najlepszy pakiet hostingowy; nie chcesz kary za niegrzeczne zachowanie sąsiadów!

przepustowość

Twoje wideo jest buforowane. Dlaczego?! Przepustowość to poziom ruchu i danych, które mogą przechodzić przez Twoją witrynę. Większe firmy potrzebują większej przepustowości, ponieważ uzyskują większy ruch i transmisje danych. Przepustowość jest różna, dlatego ważne jest, aby uzyskać odpowiednią kwotę dla swojej firmy.

Pamięć podręczna

pamięć podręczna jest tymczasową przestrzenią dyskową urządzenia i poprawia wydajność aplikacji. Podczas odwiedzania strony internetowej przeglądarka będzie przechowywać rejestr odwiedzanych stron, przechowując pliki w pamięci podręcznej. Oznacza to, że przeglądarka nie musi ich ponownie czytać, co oszczędza czas.

Pliki cookie

Pliki cookie to małe pliki tekstowe, które zawierają podstawowe informacje o odwiedzanych stronach internetowych. Pliki cookie pomagają serwerom internetowym określić preferencje, patrząc na rodzaje odwiedzanych witryn lub to, co umieszczasz w Koszyku.

w ostatnich latach odnotowano wiele negatywnych opinii na temat plików cookie, ponieważ istnieją problemy z prywatnością. Spójrz na ten login z Amazon, włączenie automatycznego logowania oznacza, że firma pozostawi śledzący plik cookie w przeglądarce, więc nie musisz się logować.

baza danych

jak można się spodziewać, baza danych jest centrum przechowywania danych. Gdy przeglądarki poruszają się po twojej witrynie, wprowadzają zapytania wyszukiwania lub dane osobowe. Twoja baza danych przechowuje te informacje.

jeśli prowadzisz internetowy biznes odzieżowy, twoja baza danych może czytać:

• tshirt_size
• Tshirt_colour
• Tshirt_price

oto próbka anonimowej bazy danych.

Hosting

hosty internetowe dają nam możliwość publikowania stron internetowych w Internecie. Używają komputerów serwerowych, aby połączyć Twoją witrynę z Internetem. Gdy ktoś kliknie stronę twojej witryny, strona wyśle żądanie do serwera i załaduje się.

JavaScript

JV jest kompaktowym, elastycznym dynamicznym językiem programowania. Istnieje mnóstwo dodatkowych funkcji z JavaScript. Możesz wprowadzać karuzele, obrazy 3D i strumienie wideo na swojej stronie internetowej.

PHP (Hypertext Preprocessor)

PHP jest językiem programowania po stronie serwera używanym do tworzenia płynnych stron internetowych i łączenia się z bazami danych. Na przykład, możesz mieć przycisk logowania na swojej stronie internetowej z adresem e-mail i hasłem powyżej. Po wprowadzeniu i wysłaniu tych informacji, PHP wyśle je do bazy danych i sprawdzi, czy są poprawne.

spójrz na ten przykład kodu, zobacz, jak obsługuje on przychodzące żądanie? To PHP.

Python

Python to framework do tworzenia stron internetowych, który istnieje od 1980 roku. jest znany ze swojej łatwości użycia i czytelności. Początkujący często używają Pythona jako odskocznia od innych narzędzi programistycznych. Poza tym jest za darmo!

Serwery

Serwery wykonują dużo pracy, są komputerami po puszce szpinaku. Przechowują ogromne ilości danych, takich jak arkusze CSS, i łączą się z innymi serwerami za pośrednictwem połączeń internetowych. Serwery internetowe przechowują informacje internetowe, takie jak adresy URL, a gdy przeglądarka żąda strony, komunikuje się z serwerem.

i to jest różnica między wed design a web development. Masz teraz Kwalifikacje do waffle website terminology to your heart ’ s content!