Projektujemy stronę www – szablon

Na dzisiejszych zajęciach zajmiemy się projektowaniem strony internetowej w tym celu pobierzemy sobie szablon.

W szablonie pozmieniamy sobie podstawowe elementy, nazwy w menu, kolorystykę, spróbujemy wstawić obraz.

Czym jest strona www? To zbiór powiązanych ze sobą stron i innych dokumentów, umieszczonych na jednym serwerze w danej domenie, tworzących spójną pod względem szaty graficznej rozbudowaną publikację. Witryna www potocznie jest nazywana jest stroną internetową.

Adres strony www składa się z nazwy głównej oraz rozszerzenia czyli domeny np. pl, com, gov, edu, info.

Witryny mogą mieć różny charakter:

witryny firmowe;
portal wielotematyczny;
portal tematyczny – z danej dziedziny wiedzy;
serwis społecznościowy;
sklep online;
blog – prywatny lub otwarty dziennik;

Każda strona ma swoją strukturę. Nawigacja po danej witrynie powinna być nieskomplikowana, intuicyjna. Wyraźne menu powinno znajdować się na każdej podstronie w tym samym miejscu. Kolejne strony łączymy za pomocą odpowiednich odnośników w kodzie.

<a href="http://adres strony">opis</a>

Struktura dokumentu HTML

header – obszar przeznaczony na nagłówek;

nav – elementy nawigacyjne menu;

article – niezależna część dokumentu;

section – odrębne bloki;

aside – elementy dodatkowe – np. reklamy

footer – stopka dokumentu.

Otwórz kurs Wstęp do HTML/CSS: Tworzenie stron internetowych w Akademii Khana i znajdź temat dalsza nauka. Zapoznaj się z informacjami dotyczącymi projektu strony internetowej oraz walidacji HTML, a następnie rozwiąż Quiz: Sprawdź poprawność kodu HTML.

https://pl.khanacademy.org/computing/ computer-programming/html-css