To tłumaczenie jest niekompletne. Pomóż przetłumaczyć ten artykuł z języka angielskiego.

Jak będzie wyglądała twoja strona internetowa? omówienie planowania i projektowania wyglądu jakie musisz wykonać zanim zaczniesz pisać kod, jak również, "Jakie informacje ma moja strona prezentować?" "Jakich czcionek i kolorów chcę użyć?" "Co jest celem mojej strony?"

Pierwsza sprawa: planowanie

Zanim zaczniesz cokolwiek robić musisz mieć jakiś pomysł. Co i jak twoja przyszła strona ma prezentować? Na początek wystarczy ogólny zarys. Zaczniemy od stworzenia prostego nagłówka strony, obrazów i kulku paragrafó tekstu.

Aby rozpocząć, potrzebujesz odpowiedzieć sobie na te pytania:

  1. O czym jest twoja strona? Czy lubisz psy, Nowy York albo Pacmana?
  2. Jakie informacje chcesz przedstawić w tym temacie? Napisz tytuł i kilka paragrafów, i zastanów się jakie obrazy chcesz pokazać.
  3. Jak ma wyglądać twoja strona?, w prostych ogólnych zdaniach. Jaki kolor ma mieć tło? Jaki rodzaj czcionki będzie odpowiedni: formalna, komiksowa, wytłuszczona i rzucająca się w oczy, subtelna?

Uwaga: Złożony projekt wymaga szczegółowych wytycznych co do użytych kolorów, czcionek, odleglości między elementami na stronie, i tak dalej. Czasem jest to nazywane wytyczne projektowe (ang. design guide lub a brand book). Przykład możesz zobaczyć w na Firefox OS Guidelines.

Szkic twojego projektu

Następnie weź ołówek i zrób szkic tego jak chcesz, żeby strona wyglądała. Dla twojej pierwszej prostej strony niewiele będzie do rozrysowania, ale już teraz powinieneś w sobie wyrobić ten nawyk. To naprawdę pomocne--nie musisz być Van Goghiem!

Uwaga: Nawet przy prawdziwych, złożonych witrynach , projektanci zaczynają od zgrubnego szkicu na papierze, a dopiero potem tworzą cyfrową makietę używając edytora graficznego lub technologii webowych.

Zespoły tworzące strony internetowe często zawierają projektanta grafiki i projektanta user experience (UX). Projektanci grafiki tworzą oczywiście wizualną stronę witryny. Projektanci UX mają nieco bardziej abstrakcyjną rolę dotyczącą tego, w jaki sposób użytkownicy będą korzystać i odwiedzać witrynę.

Dobieranie zasobów

W tym momencie to dobre miejsce by zacząć kompletować treść, która faktycznie ma się pojawić na twojej stronie.

Tekst

Nadal powinieneś mieć te kilka paragrafów i tytuł przygotowany wcześniej. Miej je w pobliżu.

Kolor motywu strony

Aby wybrać kolor, użyj the Color Picker i znajdź kolor jaki ci się podoba. Kiedy klikniesz na wybrany kolor, zobaczysz dziwny sześciocyfrowy kod jak np. #660066. To jest tzw. kod hexadecymalny (ang. hex code), który reprezentuje twój kolor. Skopiuj go na razie w jakieś bezpieczne miejsce.

Obrazy

Aby wybrać jakiś obraz odwiedź Google Images i znajdź coś odpowiedniego.

  1. Kiedy wybierzesz jakiś obraz, kliknij na niego.
  2. Kliknij na Pokaż obraz.
  3. Na następnej stronie kliknij na obrazie prawym klawiszem myszy (Ctrl + klik na Macu), wybierz Zapisz obraz jako..., i wybierz miejsce na komputerze, gdzie zapisać obraz. Albo skopiuj adres URL obrazu z paska adresowego twojej przeglądarki w bezpieczne miejsce, na dalszy użytek.

Uwaga: Większość obrazów w Internecie, z Grafika Google włącznie, posiadają prawa autorskie. Aby zmniejszyć prawdopodobieństwo naruszenia praw autorskich, możesz skorzystać z filtra licencji Google. Po prostu 1) kliknij na Narzędzia, a następnie na  2) Prawa do użytkowania.

Czcionki

Aby wybrać czionki:

  1. Odwiedź witrynę Google Fonts i przewijaj ją w dół aż znajdziesz takie czcionki jakich chcesz użyć. Do wyszukiwania możesz zastosować kontrolki po prawej stronie i ustawić różne filtry.
  2. Kliknij znaczek plusa obok nazwy czcionki, którą wybrałeś.
  3. Kliknij na panel jaki pojawi się na dole strony.
  4. Skopiuj i zapisz na później kod jaki się pojawił.

 

Autorzy i etykiety dokumentu

Autorzy tej strony: ffipe, 121ewelina.
Ostatnia aktualizacja: ffipe,