Stwórz prostą witrynę składającą się z strony głównej o nazwie index.html oraz z podstron: strona1.html strona2.html Plik umieść w folderze oznaczonym Twoim numerem PESEL.

W celu wykonania witryny:

1. Umieść tytuł strony „Moja strona www” w odpowiednim znaczniku części nagłówkowej strony.

2. Umieść kodowanie polskich znaków

3. Zdefiniuj podział strony na: ramka, baner, panele: lewy i srodek oraz stopka przy pomocy znaczników <div>.

4. Zdefiniuj style poszczególnych bloków za pomocą CSS, na zewnątrz pliku HTML o nazwie szablon.css.

5. Style CSS ustaw według poniższych kryteriów, szablon strony pozostaje niezmienny dla pozostałych podstron.
   
   
   

• ramka: główny blok szablonu strony (zawierający pozostałe bloki), kolor tła biały, marginesy lewy i prawy automatyczne, minimalna szerokość 400px, maksymalna szerokość 900px, obramowanie: grubość linii 1 px, styl linii: pojedyncza koloru czarnego,

• baner: kolor tła:#006600, wysokość 120px, szerokość 1024px, pozycjonowanie względne, kolor tekstu biały wyrównanie tekstu do środka wielkość czcionki 40px, czcionka pogrubiona, dolne obramowanie : grubość linii 1px, podwójna koloru #006600

• środek: kolor tła #CCFF33, szerokość 1024px, ułożenie z lewej strony

• lewy: szerokość 220px, wysokość 100%, kolor tła #99FF00, ułożenie z lewej strony, obramowanie z prawej strony: grubość linii 1px, podwójna, koloru #006600

• stopka szerokość 1024px, kolor tła #006600, wysokość 120px, obramowanie górne grubość linii 1px, podwójna, koloru #006600, kolor tekst biały, wyrównanie tekstu do środka, rozmiar tekstu 20px, czcionka pogrubiona

• odsyłacze koloru zielonego

• wyzerowana lista punktowana, margines 12px, rozmiar czcionki 18px

6. Zawartość strony index.html

Style dla tabeli i nagłówka umieść wewnątrz pliku HTML

• W banerze umieść napis: To jest logo

• W panelu lewym menu: główna, galeria, o mnie, za pomocą listy punktowanej

• W panelu środek umieść w znaczniku pierwszego stopnia napis dane lekarzy, oraz tabelkę

CSS dla tabeli:

• Obramowanie: linia kreskowana o grubości 1 px, koloru czarnego

• Kolor tekstu czerwony

• Kolor obramowania czerwony

• Tabela wyśrodkowana

• Pojedyncze obramowanie komórek tabeli

CSS dla nagłówka pierwszego stopnia:

• Wyrównanie tekstu do środka

• Kolor tekstu #006600

• W stopce umieść napis: stronę wykonał……….

7. Zawartość podstrony strona1.html –galeria zdjęć, zdjęcia znajdują się w folderze grafika odpowiednie ułożenie zdjęć zdefiniuj w zewnętrznym arkuszu styli css szablon.css

CSS dla zdjęć:

• Szerokość 200px,

• Margines 10px

8. Zawartość podstrony strona2.html – formularz wg wzoru poniżej