Ta wikiHow uczy Cię, jak zaprojektować gładką, profesjonalnie wyglądającą stronę internetową. Chociaż możesz swobodnie decydować o projekcie swojej witryny, jest kilka ważnych rzeczy, których należy unikać podczas tworzenia witryny.
Krok
Część 1 z 2: Tworzenie projektu strony
Krok 1. Zdecyduj, czy chcesz korzystać z kreatora stron internetowych
Tworzenie witryny od podstaw wymaga szczegółowego zrozumienia kodu HTML, ale możesz utworzyć witrynę za pomocą bezpłatnej usługi hostingowej, takiej jak Weebly, Wix, WordPress lub Google Sites. Twórcy stron internetowych wydają się być znacznie łatwiejsi dla początkujących projektantów niż HTML.
- Jeśli zdecydujesz się na samodzielne kodowanie, powinieneś nauczyć się kodowania HTML i CSS.
- Jeśli nie chcesz poświęcać czasu i energii na stworzenie własnej strony internetowej, możesz zatrudnić projektanta stron internetowych. Usługi niezależnych projektantów różnią się znacznie, niektóre opłaty za godzinę, a niektóre za projekt, z łącznym zakresem od milionów do dziesiątek milionów rupii.
Krok 2. Utwórz mapę witryny
Przed otwarciem kreatora witryny należy ustalić, ile stron znajduje się w witrynie, jaka jest zawartość każdej strony oraz ogólny układ ważnych stron, takich jak „Strona główna” i „Informacje”.
Łatwiej będzie Ci wizualizować strony Twojej witryny, tworząc szorstkie obrazy, a nie tylko cienie
Krok 3. Użyj intuicyjnego projektu
Chociaż nowe pomysły są zwykle interesujące, podstawowe projekty powinny być zgodne z następującymi ogólnymi wytycznymi:
- Opcje nawigacji (na przykład wiele kart dla różnych stron) należy umieścić u góry strony.
- Jeśli używasz ikony menu (☰), powinna ona znajdować się w lewym górnym rogu strony.
- Jeśli używasz paska wyszukiwania, umieść go w prawym górnym rogu strony.
- Przydatne linki (na przykład linki do stron „O mnie” lub „Skontaktuj się z nami”) powinny znajdować się na dole strony.
Krok 4. Bądź konsekwentny
Bez względu na wybrany tekst, paletę kolorów, motyw obrazu i projekt, upewnij się, że stosujesz te same decyzje w całej witrynie. Użytkownicy będą zaskoczeni, gdy zobaczą, że czcionka i schemat kolorów na stronie „Informacje” bardzo różnią się od tych stosowanych na stronie głównej.
- Na przykład, jeśli używasz miękkiego koloru na stronie głównej, nie używaj jasnego koloru na następnej stronie.
- Należy pamiętać, że użycie jasnych lub kolidujących kolorów, zwłaszcza dynamicznie wyświetlanych (lub ruchomych) kolorów, może wywołać napady padaczkowe u mniejszości użytkowników. Jeśli zdecydujesz się użyć takiego koloru, upewnij się, że przed daną stroną zamieściłeś ostrzeżenie „ryzyko zajęcia”.
Krok 5. Dodaj opcje nawigacji
Umieszczanie bezpośrednich linków do ważnych stron nad stroną główną pomoże nowym odwiedzającym uzyskać dostęp do treści, które są dla nich ważne. Większość twórców stron internetowych dodaje ten link jako domyślny.
Ważne jest, aby zapewnić dostęp do wszystkich stron witryny poprzez kliknięcie opcji w witrynie, a nie tylko poprzez adres strony
Krok 6. Użyj pasujących kolorów
Podobnie jak wszystkie rodzaje projektów, projektowanie stron internetowych również opiera się na przyjemnych kombinacjach kolorów. Dlatego wybór odpowiedniego koloru motywu jest bardzo ważny.
Jeśli jesteś zdezorientowany, zacznij od czerni, bieli i szarości
Krok 7. Rozważ minimalistyczny projekt
Minimalistyczna koncepcja zachęca do stosowania chłodnych tonów, prostej grafiki, czarnych stron tekstowych na białym tle i jak najmniejszej ilości ozdób. Ponieważ minimalistyczny projekt wymaga bardzo niewielu elementów, łatwo jest sprawić, by Twoja witryna wyglądała profesjonalnie i atrakcyjnie bez zbytniego wysiłku.
- Większość twórców stron internetowych zapewnia „minimalistyczny” motyw, który możesz wybrać podczas tworzenia strony internetowej.
- Minimalistyczną alternatywą jest „brutalizm”, który używa ostrzejszych słów, jasnych kolorów, pogrubionego tekstu i minimalistycznej grafiki. Użytkowników brutalistycznych projektów jest znacznie mniej niż minimalistów, ale jeśli treść jest odpowiednia, ten projekt może być dobrym wyborem.
Krok 8. Zastosuj unikalne opcje
Elementy siatki i prostych linii to bezpieczny wybór, ale niektóre niepowtarzalne style dodadzą osobistego charakteru i wyróżnią Twoją witrynę na tle innych.
- Nie bój się przeciwstawić trendowi, umieszczając asymetryczne elementy witryny lub używając elementów ułożonych w stos, aby stworzyć warstwowy wygląd.
- Chociaż eleganckie, kwadratowe elementy o ostrych krawędziach (znane jako prezentacja oparta na kartach) są mniej pożądane niż miękkie, zaokrąglone elementy.
Część 2 z 2: Maksymalizacja wydajności witryny
Krok 1. Skorzystaj z opcji optymalizacji samochodu
Przeglądarki mobilne generują większy ruch niż przeglądarki komputerowe. Oznacza to, że uwaga, którą zwracasz na wersję mobilną, powinna być co najmniej taka sama jak w przypadku tworzenia witryny na komputery stacjonarne. Większość witryn twórców automatycznych ma już wersję samochodową, ale w przypadku witryn mobilnych pamiętaj o następujących informacjach:
- Upewnij się, że przyciski (na przykład linki do podstron) są duże i łatwe do dotknięcia.
- Unikaj funkcji, których nie widać na urządzeniach mobilnych (np. Flash, Java itp.).
- Zastanów się nad stworzeniem aplikacji samochodowej dla swojej witryny.
Krok 2. Nie umieszczaj zbyt wielu zdjęć na stronie
Przeglądarki stacjonarne i mobilne czasami mają problemy z ładowaniem stron z dużą ilością zdjęć lub filmów. Chociaż obrazy są bardzo ważne w projektowaniu stron internetowych, nadmierna ilość multimediów na stronę może wydłużyć czas ładowania, co zniechęca użytkowników do odwiedzania tych stron.
Ogólnie ładowanie strony powinno zająć mniej niż cztery sekundy
Krok 3. Dodaj stronę „Kontakt”
Możesz zauważyć, że większość witryn zawiera stronę „Skontaktuj się z nami”, która zawiera informacje kontaktowe (takie jak numer telefonu i adres e-mail). W rzeczywistości niektóre witryny udostępniają na tej stronie zautomatyzowany formularz zapytania. Strona „Kontakt” to bezpośrednia linia komunikacji między odwiedzającymi witrynę a Tobą, co oznacza, że jest również odpowiedzią na pytanie lub frustrację odwiedzającego.
Krok 4. Utwórz niestandardową stronę 404
Gdy odwiedzający trafi na konkretną stronę, która nie została utworzona lub nie istnieje, pojawi się strona „Błąd 404”. Większość przeglądarek udostępnia wbudowaną stronę 404, ale możesz dostosować jej wygląd w ustawieniach twórcy witryny. Jeśli chcesz utworzyć niestandardową stronę 404, wprowadź następujące dane:
- Śmieszne i zabawne komunikaty o błędach (np. „Gratulacje, trafiłeś na stronę błędu!”)
- Link z powrotem do strony głównej
- Lista linków, które zwykle widzą odwiedzający
- Obraz lub logo Twojej witryny
Krok 5. Wejdź w pasek wyszukiwania, jeśli to możliwe
Jeśli metoda tworzenia witryny, z której korzystasz, obsługuje dodawanie paska wyszukiwania, zalecamy jego dodanie. Dzięki temu użytkownicy mogą znaleźć konkretną stronę lub treść, której szukają, bez konieczności klikania wszystkich opcji nawigacji.
Pasek wyszukiwania jest również bardzo przydatny, gdy odwiedzający chcą wyszukiwać popularne hasła bez zagłębiania się w losowe strony
Krok 6. Zwróć większą uwagę na stronę główną
Gdy odwiedzający przechodzą na stronę główną, powinni mieć sedno motywu Twojej witryny. Ponadto wszystkie elementy strony głównej powinny się szybko wczytywać, w tym opcje nawigacji i obrazy. Strona główna powinna również zawierać następujące aspekty:
- Wezwanie do działania (na przykład przycisk do kliknięcia lub formularz do wypełnienia)
- Pasek narzędzi lub menu nawigacyjne
- Zapraszające grafiki (takie jak pełne zdjęcie, wideo lub wiele zdjęć z uzupełniającym tekstem)
- Słowa kluczowe związane z usługą, tematem lub celem Twojej witryny
Krok 7. Przetestuj swoją witrynę na różnych przeglądarkach i platformach
Jest to bardzo ważne, ponieważ przeglądarki przetwarzają różne aspekty witryny na różne sposoby. Zanim wypromujesz swoją witrynę, spróbuj otworzyć i korzystać z niej w następujących przeglądarkach na platformach Windows, Mac, iPhone i Android:
- Google Chrome
- Firefox
- Safari (tylko iPhone i Mac)
- Microsoft Edge i Internet Explorer (tylko Windows)
- Domyślna przeglądarka niektórych telefonów z systemem Android (Samsung Galaxy, Google Nexus itp.)
Krok 8. Aktualizuj witrynę
Trendy w projektowaniu, linki, zdjęcia, koncepcje i słowa kluczowe ciągle się zmieniają. Tak więc i Ty musisz zawsze wprowadzać zmiany, aby nadążyć za duchem czasu. Powinieneś sprawdzać wydajność swojej witryny i porównywać ją z podobnymi witrynami przynajmniej raz na trzy miesiące (najlepiej częściej).
Porady
- Dostępność jest również równie ważnym aspektem w tworzeniu stron internetowych. Ułatwienia dostępu obejmują opisy dla osób niedosłyszących, audiodeskrypcje dla osób niedowidzących oraz alerty o nadwrażliwości na światło, jeśli Twoja witryna wykorzystuje efekty potencjalnie wywołujące napady padaczkowe.
- Większość twórców witryn udostępnia szablony, których można użyć do określenia układu i projektu przed dodaniem żądanych elementów.
Ostrzeżenie
- Większość witryn twórców jest bezpłatna, ale jeśli chcesz korzystać z własnej domeny (np. „www.twojanazwa.com” zamiast „www.twojanazwa.wordpress.com”), musisz uiścić opłatę miesięczną lub roczną.
- Unikaj plagiatu i poznaj wszystkie prawa autorskie. Nie umieszczaj losowych obrazów z Internetu ani elementów konstrukcyjnych bez pozwolenia.
