Warunki projektowania stron internetowych to najważniejsze rzeczy, które powinien znać biznesmen. Projektowanie stron internetowych to proces tworzenia i organizowania wizualnych i funkcjonalnych aspektów strony internetowej. Zawiera różne terminy i koncepcje opisujące różne aspekty projektowania i tworzenia stron internetowych.
Projektowanie stron internetowych istnieje już od dawna i nie traci czasu na tworzenie złożonego języka wypełnionego żargonem. Gdy tylko zrobisz najmniejszy krok w świat projektowania stron internetowych, zaczniesz słyszeć: „Z jakiego CMS-a chcesz korzystać?”, „Czy chcesz, aby był on w części widocznej na ekranie, czy w części widocznej po przewinięciu?”, „Czy wolisz chcesz mieć stały układ? ", "Z jakiego hostingu chcesz korzystać? ” i zastanawiasz się, co to wszystko znaczy. Wiemy, że próba zrozumienia wszystkich kluczowych definicji i terminów związanych z projektowaniem stron internetowych może być dość przytłaczająca, zwłaszcza gdy wszystko jest nowe.
Projektowanie stron internetowych obejmuje szeroki zakres prac, od twórców stron internetowych, którzy piszą kod, przez projektantów UI i UX, którzy pracują nad interfejsami, po projektantów stron internetowych, którzy dbają o wygląd i działanie Twojej witryny. W projektowanie stron internetowych zaangażowanych jest wiele osób.
Poznanie znaczenia zaledwie kilku akronimów i żargonu związanego z projektowaniem stron internetowych może znacznie ułatwić pracę projektantowi i programiście, a także może pomóc w zrozumieniu, jak faktycznie działa Twoja witryna internetowa. Niezależnie od tego, czy wynajmujesz pomoc, czy robisz to sam, znajomość najczęściej używanych i najbardziej mylących terminów w projektowaniu i tworzeniu stron internetowych może się przydać:
Definicje i terminy związane z projektowaniem stron internetowych.
Dostępność
Aktualnie Dostępność ma ogromne znaczenie w projektowaniu stron internetowych. Zasadniczo oznacza to, jak dostępna jest Twoja witryna internetowa dla osób, w tym osób z wadami słuchu lub wzroku. Należy o tym pamiętać przed i podczas tworzenia witryny internetowej. Jeśli nie wiesz od czego zacząć, spójrz na te sześć kroków, dzięki którym Twój projekt strony internetowej stanie się dostępny.
10 kar Google, które mogą mieć wpływ na Twoją witrynę
Poniżej zakładki (i powyżej zakładki).
Poniżej i powyżej zakładki znajdują się dwa terminy, które mają swoje korzenie w gazetach. „Zagięcie” to miejsce, w którym gazeta się składa. Góra i dół określają, czy informacje są wyświetlane w górnej, czy dolnej połowie zagięcia. W przypadku stron internetowych „fold” jest zwykle definiowany jako moment, w którym należy rozpocząć przewijanie, jednak zasada jest ta sama – informacja znajdująca się na górze strony (ATF) jest bardziej dostępna i widoczna niż informacja znajdująca się na dół strony (BTF). . .
Elastyczny (układ). Elastyczny (układ). Warunki projektowania stron internetowych
Układ elastyczny to podejście do projektowania stron internetowych, które opisuje relacje między elementami i ich pozycją na stronie w kategoriach procentowych, a nie specjalnie zaprojektowanych odstępów i rozmiarów. Oznacza to, że strony internetowe stają się bardziej elastyczne - zarówno pod względem rozmiaru, jak i preferencji ustawionych przez odwiedzających czcionka i odległości między nimi oraz optymalizacji strony do przeglądania na smartfonie lub tablecie.
Obecnie elastyczne układy są kluczową częścią responsywnego podejścia do projektowania, ale zanim narodził się pomysł responsywnego projektowania, elastyczne układy zapewniały łatwy sposób na zapewnienie responsywności stron internetowych.
Były. Dawny
Ex to jednostka miary, w której standardową miarą jest mała litera „x”.
Stała szerokość (układ). Stała szerokość (układ). Definicje i terminy związane z projektowaniem stron internetowych.
Układ o stałej szerokości to metoda projektowania stron internetowych, w której projektant określa, jak duża jest strona internetowa i dokładnie, gdzie pojawią się na niej elementy. Daje to projektantom znacznie większą kontrolę nad projektem strony internetowej niż w przypadku elastycznego układu, ale sprawia, że strony są mniej responsywne. różne rozmiary ekran.
Szesnastkowy.
Liczby szesnastkowe, zwane także liczbami szesnastkowymi, to system liczbowy o podstawie 16, co oznacza, że do określenia koloru używa się 16 znaków. Liczby szesnastkowe wykorzystują cyfry od 0 do 9 i litery od A do F. Każdy kolor jest identyfikowany przez trzy pary liczb szesnastkowych. Pierwsza para cyfr lub liter odnosi się do odcienia czerwonego, druga para do odcienia zielonego, a trzecia para do odcienia niebieskiego.
Nieskończone przewijanie. Nieskończone przewijanie
Nieskończone przewijanie ma miejsce, gdy w miarę dalszego przewijania ładuje się nowa zawartość. Tworzy to „nieskończony”, niekończący się zwój. Popularnymi przykładami są osie czasu na Facebooku, Pintereście lub Twitterze.
Przewijanie paralaksy. Przewijanie paralaksy.
Ta metoda przewijania stwarza wrażenie głębi projekt strony internetowej. Gdy użytkownik przewija, elementy witryny będą znajdować się w różnych odległościach i poruszać się z różną prędkością w miarę przewijania. Tworzy to iluzję głębi i odległości na płaskiej stronie internetowej.
Rezolucja. Pozwolenie. Definicje i terminy związane z projektowaniem stron internetowych.
Rozdzielczość to liczba pikseli wyświetlanych na ekranie. Jest to standardowa metoda stosowana w projektowaniu stron internetowych do określania размера obrazy. Jakość obrazu jest zwykle opisywana w pikselach na cal, przy czym większa liczba pikseli oznacza obraz o wyższej jakości.
Responsywna / dostosowana do urządzeń mobilnych / zoptymalizowana pod kątem urządzeń mobilnych. Responsywne / Przystosowane do urządzeń mobilnych / Zoptymalizowane pod kątem urządzeń mobilnych
Od ubiegłego roku ponad połowa ruchu w sieci pochodzi ze smartfonów. Oznacza to, że coraz ważniejsze staje się to, aby strona internetowa wyglądała lepiej urządzenia mobilne, a także na komputerach. Sprawienie, aby strony internetowe były responsywne/responsywne dla urządzeń mobilnych/optymalizowane pod kątem urządzeń mobilnych oznacza zaprojektowanie i stworzenie strony internetowej, która dostosuje się do urządzenia lub ekranu, na którym będzie przeglądana.
Użyteczność. Łatwość użycia.
Użyteczność to koncepcja projektowania stron internetowych, która opisuje, jak łatwa jest Twoja witryna dla odwiedzających, dla których została zaprojektowana. W idealnym przypadku odwiedzający będzie mógł łatwo korzystać z Twojej witryny, gdy napotka ją po raz pierwszy, przy minimalnych przeszkodach, frustracji i konieczności proszenia o pomoc. Zrozumienie zasad użyteczności jest kluczowym krokiem w tworzeniu świetnie strona internetowa.
UX (badania użytkowników) / UI (interfejs użytkownika)
Projektowanie UX i UI to praca poprawiająca doświadczenie użytkownika. Ważne jest, aby znać różnice między UX i UI, aby zrozumieć, jak ze sobą współdziałają.
UX, czyli badania użytkowników, obejmują każdy aspekt doświadczenia użytkownika ze stroną internetową od początku do końca. Cel - Poprawa jakości interakcja użytkownika z witryną.
UI, interfejs użytkownika, skupia się na wizualnych i interaktywnych elementach strony internetowej, takich jak przyciski, ikony i typografia. Celem jest poprawa wyglądu i funkcjonalności serwisu.
Anatomia witryny frontendowej. Definicje i terminy związane z projektowaniem stron internetowych.
-
Bułka tarta. Bułka tarta.
Gdy strony internetowe pokazują użytkownikom, w jaki sposób poruszali się po stronie internetowej i jak do niej wrócić strona główna, często odbywa się to za pomocą bułki tartej. Zwykle jest to wyświetlane jako seria zagnieżdżonych kategorii, np. Strona główna > Kategoria > Rok > Miesiąc > Post.
Favikona. Favikona.
Favikona to mała ikona wyświetlana na pasku kart przeglądarki. Mają zazwyczaj rozmiar 16 × 16 pikseli (w rzeczywistości jest to bardzo mały rozmiar) i są zapisywane jako obrazy .ico, .gif lub .png. Jako ikony możesz użyć prawie dowolnego obrazu, pod warunkiem, że ma on odpowiedni rozmiar i jest zapisany we właściwym formacie.
Punkt centralny. Koordynator.
Fokus strony internetowej to część strony, na którą przyciągana jest Twoja uwaga. Projektanci spędzą dużo czasu na stworzeniu centralnego punktu, który naprawdę przyciągnie uwagę widza, a następnie skupią się na najważniejszej rzeczy na stronie. Dzięki temu obejrzy go jak najwięcej osób.
Przód. Przód.
Są to wszystkie elementy, takie jak obrazy, tekst i strony, które ludzie zobaczą, gdy po raz pierwszy odwiedzą Twoją witrynę. Zasadniczo jest to coś, z czym ludzie będą wchodzić w interakcje i z czym będą się angażować na stronie internetowej.
Ikona hamburgera. Ikona hamburgera.
Ikona hamburgera odnosi się do ikony menu, która jest powszechnie spotykana w późniejszych programach. Ma trzy poziome paski (stąd „hamburger”) i ukrywa tradycyjne menu nawigacyjne za jedną ikoną.
Wstęp. Wstęp.
Jest to pierwsza strona, którą zobaczą odwiedzający Twoją witrynę. Wiele witryn korzysta z dedykowanej strony docelowej, aby dowiedzieć się czegoś od odwiedzającego (np. udostępnić jego adres e-mail lub stronę dotyczącą konkretnego produktu). Twój wstęp to jedna z najważniejszych stron w Twojej witrynie i powinieneś poświęcić dużo czasu na jej optymalizację.
Nawigacja. Nawigacja.
Nawigacja to system używany do poruszania się pomiędzy elementami na Twojej stronie internetowej i jest jednym z najważniejszych elementów każdej strony internetowej. Dlatego tak ważna jest znajomość kluczowych zasad nawigacji w serwisie. Najbardziej świecący przykład Nawigacje to menu pojawiające się na większości stron internetowych. Ale zwróć także szczególną uwagę na sposób organizacji stron i powiązania między nimi. Mogą także znacznie ułatwić odwiedzającym poruszanie się po stronie internetowej.
Anatomia backendu witryny internetowej. Definicje i terminy związane z projektowaniem stron internetowych.
-
Tył. Tył.
Jest to część systemu, która skutecznie obsługuje witrynę, ale jest ukryta przed odwiedzającymi. Dostępnych jest wiele różnych komponentów zaplecza, ale wszystkie zazwyczaj zawierają te same elementy — aplikacje, strukturę informacji i system CMS.
CMS
System zarządzania treścią jest systemem wewnętrznym narzędzie do zarządzania zawartością serwisu, dodawanie użytkowników, zarządzanie komentarzami i prawdopodobnie wiele więcej. Jeśli kiedykolwiek korzystałeś z WordPressa do tworzenia strony internetowej, korzystałeś z CMS-a. CMS znacznie ułatwia projektowanie i tworzenie strony internetowej, ponieważ ukrywa większość surowego kodu obsługującego witrynę.
Handel elektroniczny. Handel elektroniczny.
e-commerce oznacza „handel elektroniczny”. tak jak „e-mail” oznacza „pocztę elektroniczną”. Zwykle dodajesz sklep do swojej witryny handel elektroniczny, który będzie obsługiwał opisy produktów, zakupy i sprzedaż oraz dane klientów.
HTTP/HTTPS
Jest to system obsługujący komunikację pomiędzy przeglądarkami, serwerami i aplikacjami internetowymi. Określa, w jaki sposób dane powinny być pakowane i wysyłane.
HTTPS jest rozszerzeniem protokołu HTTP, które umożliwia nawiązywanie połączeń za pośrednictwem protokołu SSL (Secure Socket Layer). Jest to znacznie bezpieczniejszy sposób udostępniania danych online. Wiele nowoczesnych przeglądarek internetowych wyświetli ostrzeżenie, jeśli witryna internetowa korzysta ze standardowego protokołu HTTP zamiast HTTPS.
Jako właściciel witryny możesz kupić certyfikaty SSL potrzebne do korzystania z protokołu HTTPS od różnych dostawców. Po dodaniu sprawi, że Twoja witryna będzie bezpieczniejsza i zbuduje zaufanie wśród klientów.
Podłącz. Warunki projektowania stron internetowych
Mały program instalowany na stronie głównej i zapewniający dodatkowe bezpieczeństwo. Wtyczki są dostępne dla najpopularniejszych platform CMS i można ich używać do wielu różnych funkcji, od automatyzacji wpisów na blogu po zarządzanie leadami.
Szablon. Próbka.
Szablony są używane w projektowaniu stron internetowych w podobny sposób, jak w przypadku dokumentów i obrazów — aby zapewnić spójny projekt na wielu różnych stronach. Większość platform CMS udostępnia zestaw szablonów dla Twojej witryny, które pomogą zapewnić spójność pomiędzy stronami i Twoim projektem na nich.
Warunki techniczne Internetu. Definicje i terminy związane z projektowaniem stron internetowych.
-
Tekst kotwicy. Tekst kotwicy.
Tekst zakotwiczenia to fraza lub kilka słów zawierających hiperłącze. Użycie odpowiedniego tekstu zakotwiczenia może mieć ogromny wpływ na pozycję Twojej strony w wyszukiwarkach.
Link zwrotny. Link zwrotny.
Są to linki do Twojej witryny z innych witryn. Kiedy inna witryna łączy się z Twoją, na przykład w celu skierowania czytelników do zasobu, otrzymujesz link zwrotny. Linki zwrotne są bardzo ważne, jeśli chodzi o podniesienie rankingów wyszukiwania, ponieważ wiele linków zwrotnych z zaufanych witryn zwiększy widoczność Twojej witryny.
Przepustowość łącza. Przepustowość łącza.
Przepustowość to termin używany w wielu różnych kontekstach, ale zasadniczo oznacza ilość danych wysłanych lub odebranych w danym okresie. Można go na przykład użyć do opisania szybkości Internetu, zwykle wyrażanej w kilobitach na sekundę (kb/s). Czasami jednak używa się go do opisania, ile danych możesz wykorzystać miesięcznie w ramach pakietu hostingowego.
Pamięć podręczna. Gotówka.
Pamięć podręczna to zbiór danych przechowywanych w przeglądarce internetowej. Oznacza to, że następnym razem, gdy użytkownik odwiedzi witrynę, strona będzie ładować się szybciej, ponieważ jest ładowana z pamięci lokalnej.
Warunki dotyczące projektowania stron internetowych DNS
DNS oznacza usługę nazw domen. Jest to system, dzięki któremu Twoja przeglądarka internetowa wyszukuje strony internetowe. Kiedy ty azbyka.com.ua , Twoja przeglądarka wyszukuje „tabelę DNS”, która konwertuje ten adres przyjazny człowiekowi na adres przyjazny komputerowi (to znaczy składający się z liczb). System DNS śledzi, gdzie znajdują się wszystkie strony internetowe na świecie, aby Twoja przeglądarka mogła je znaleźć.
Домен
To jest nazwa Twojej witryny. Możesz kupić domeny od wielu firm. Nie mogą zawierać więcej niż 63 znaki. Na przykład, https://azbyka.com.ua/to nasza nazwa domeny.
FTP
FTP oznacza protokół przesyłania plików i to system przesyłania plików i danych z lokalnego magazynu (powiedzmy na komputerze) na serwer internetowy. Aby korzystać z FTP, musisz pobrać mały program zwany klientem FTP.
Bezpośrednie łącze. Stałe łącze
Bezpośredni link umożliwiający podanie adresu, który zawsze będzie wskazywał konkretny wpis na blogu lub stronę, niezależnie od tego, jak zmienisz wokół niego strukturę witryny. Jest to bardzo przydatne, jeśli używasz wpisów na blogu do zwiększania ruchu w swojej witrynie, ponieważ nie musisz ręcznie zmieniać dziesiątek (lub setek) linków, jeśli zdecydujesz się na zmianę projekt Twojej strony internetowej lub zmień nazwę domeny.
URL
Adres wskazujący, gdzie można znaleźć określoną stronę lub inny zasób.
Hosting. Definicje i terminy związane z projektowaniem stron internetowych.
Hosting to firma zarządzająca serwerami, na których przechowywane są Twoje strona internetowa. Jak wyjaśniliśmy w naszym artykule na temat hostingu, dostawcy usług hostingowych mogą znacznie różnić się poziomem oferowanych usług. Dobry hosting będzie w stanie zapewnić, że Twoja witryna będzie dostępna przez 99,9% czasu, a także zapewni narzędzia zapewniające jej bezpieczeństwo i wydajność.
serwer internetowy
Serwer WWW to komputer, na którym faktycznie przechowywana jest Twoja strona internetowa. Najprawdopodobniej znajduje się on w instalacji serwerowej należącej do Twojego dostawcy usług hostingowych, chociaż możliwe jest również uruchomienie własnych serwerów.
Terminologia tworzenia stron internetowych. Definicje i terminy związane z projektowaniem stron internetowych.
CSS
CSS oznacza kaskadowe arkusze stylów i wraz z HTML arkusze te stanowią najbardziej podstawową część każdej strony internetowej. Dziesięć lat temu formatowanie stron internetowych, np. wielkość nagłówków czy to, czy obrazy mają obramowania, było określane w samym kodzie HTML. Oznaczało to, że zmiana formatowania była pracochłonna proces przekazywania każdego elementu strony i zmiany w kodzie.
Dzięki CSS wszystko jest znacznie prostsze. Styl strony jest zawarty w jednym (lub większej liczbie) plików CSS, które określają wygląd nagłówków, sposób wyświetlania obrazów i wiele innych elementów. Informują przeglądarkę, jak wyświetlić witrynę. W ten sposób można zmienić format całych stron internetowych, zmieniając tylko jeden fragment kodu.
DHTML
DHTML oznacza dynamiczny język znaczników hipertekstowych. To termin określający język, który łączy wiele języków projektowania stron internetowych — HTML, JavaScript i CSS — w jeden superjęzyk do tworzenia stron internetowych. Zwykle tego używają współcześni twórcy stron internetowych, aby stworzyć dla Ciebie witrynę internetową.
Typ dokumentu. Definicje i terminy związane z projektowaniem stron internetowych.
W HTML typ dokumentu to opis rodzaju HTML i wersji używanej na stronie internetowej. Jest używany przez przeglądarki do sprawdzania integralności strony i może powodować błędy bezpieczeństwa, jeśli jest nieprawidłowy.
Em. EM. Warunki projektowania stron internetowych
Em służy do opisania rozmiaru czcionki w odniesieniu do czcionki „nadrzędnej” użytej na stronie. 1Em oznacza, że czcionka (lub czasami inne elementy) ma ten sam rozmiar co element nadrzędny, 2em oznacza, że jest dwukrotnie większa i tak dalej.
Wbudowany styl. Wbudowany styl. Warunki projektowania stron internetowych
Chociaż CSS (patrz wyżej) może zostać użyty do opisania formatu całych stron na raz, czasami wystarczy zmienić styl tylko na jednej stronie. Dzieje się tak, gdy używany jest styl wbudowany. Styl wbudowany to fragment kodu CSS zapisany w nagłówku strony internetowej, który wpływa tylko na elementy tej strony, a nie na całą witrynę.
Rodzina/styl/waga czcionki. Rodzina/styl/waga czcionki
Projektanci i programiści stron internetowych często nie pracują z określonymi czcionkami, ponieważ różne przeglądarki nie zawsze używają tych samych czcionek. Dlatego właśnie w dokumencie CSS zobaczysz, że używana czcionka jest zdefiniowana jako rodzina czcionek — grupa czcionek, których można używać — a nie tylko jedna z osobna. Oprócz tej definicji dokument CSS będzie również definiował styl czcionki (kursywa, podkreślenie itp.) i wagę (pogrubienie, jasność itp.).
HTML. Definicje i terminy związane z projektowaniem stron internetowych.
Hipertekstowy język znaczników jest podstawą Internetu. Wszystkie strony internetowe są napisane, przynajmniej w pewnym stopniu, w języku HTML, który został zaprojektowany tak, aby jego pisanie było jak najłatwiejsze. W rzeczywistości może to być bardzo przydatne, spróbuj Instruktaż nadotycząca Kod HTML, przekonaj się, czy łatwo jest pisać - będziesz zaskoczony, co możesz osiągnąć w kilka godzin!
Metadane.
Metadane to dane zawarte w nagłówkach stron internetowych. Dane te są dostępne dla Twojej przeglądarki, ale nie są wyświetlane w ramach przeglądanej strony internetowej - aby uzyskać do nich dostęp, musisz wyświetlić kod źródłowy.
Otwarte źródło. Otwarte źródło. Warunki projektowania stron internetowych
Oprogramowanie typu open source jest obsługiwane przez użytkownika i można je swobodnie wykorzystywać i modyfikować. Kontrastuje to z oprogramowaniem zastrzeżonym, które jest własnością konkretnej firmy i jest przez nią utrzymywane. Większość twórców stron internetowych przynajmniej czasami będzie korzystać z oprogramowania typu open source, ponieważ jest ono nie tylko tańsze, ale także może być bezpieczniejsze. Obecnie większość twórców stron internetowych minimalizuje naruszenia bezpieczeństwa, korzystając z kontenerów napisanych w językach open source.
Inscenizacja. Inscenizacja. Definicje i terminy związane z projektowaniem stron internetowych.
Sieć inscenizacyjnaсайта to proces tworzenia niemal ostatecznej kopii witryny, a następnie testowania jej przed wdrożeniem działającej wersji witryny. Większość twórców stron internetowych „przygotowuje” witrynę przed jej udostępnieniem, aby upewnić się, że wszystko działa poprawnie. Często poważne zmiany w witrynie internetowej mają miejsce w witrynie tymczasowej, a nie w witrynie działającej.
Ważny. Ważny.
W projektowaniu stron internetowych prawidłowe strony internetowe to te, które nie zawierają błędów. W praktyce oznacza to strony internetowe spełniające standardy określone w specyfikacjach HTML opublikowanych przez W3C, społeczność wyznaczającą standardy tworzenia stron internetowych.
XML-a. Warunki projektowania stron internetowych
XML oznacza rozszerzalny język znaczników. XML jest podstawową częścią projektowania stron internetowych, ponieważ działa jak „metajęzyk”, który tłumaczy elementy jednego języka na inny. Oznacza to, że strony internetowe można tworzyć przy użyciu wielu różnych języków, z których wszystkie komunikują się poprzez XML.
Ostatnia rzecz…
Oczywiście, aby rozpocząć, nie musisz znać wszystkich definicji i terminów związanych z projektowaniem stron internetowych. rozwój strony internetowej - samodzielnie lub z pomocą. Ostatecznie projektowanie stron internetowych to proces uczenia się, a najlepsze projekty to powtarzalne dzieła sztuki, które stale udoskonalają się w miarę uczenia się nowych rzeczy.
Jednakże posiadanie przewodnika po czasami złożonym świecie projektowania stron internetowych może być bardzo pomocne, zwłaszcza gdy dopiero zaczynasz. Nasi profesjonalni projektanci stron internetowych pomogą Ci rozpocząć ekscytujący świat projektowania stron internetowych.
Zostaw komentarz