Strona
wzorcowa
riprT*|i |
1 |
m 'n ni |
Witamy na stronie testowej!
Twoim zadanie jest utworzyć 4 (słownie: cztery) dokumenty XHTML, kodowane w standardzie ISO-8859-2 lub UTF-8, których layout będzie taki, jak strony, którą właśnie czytasz. Do dyspozycji masz znaczniki:
• <hl> - oraz nagłówki podrzędne: h2, h3 itd...
• <p> - akapit
• <table> - tablica
• <ul>, <ol> - listy wyliczeniowe
• <img> - obrazek
• <a> - odnośnik
• <div> - warstwa, możesz ale nie musisz używać
• ...a także wszystkie inne, które uznasz za przydatne.
Jako szkielet strony wykorzystaj odpowiedni szablon w edytorze KED lub innym. W sekcji <head> strony powinny mieć określony TYTUŁ, AUTORA, SŁOWA KLUCZOWE i OPIS.
Wygląd strony powinien być kontrolowany przez definicje w pliku styli CSS (o nazwie "style.css"). Obrazki logo, tła i pozostałe znajdziesz w katalogu "imgs". Kolory ustalasz dowolone, ale czytelne. Treść stron podano w plikach strona[x].txt.
Możesz korzystać z pomocy: plik xhtml.chm zawiera definicje znaczników i ich atrybutów, a także definicje dostępnych stylów. W edytorze KDE (w innych zazwyczaj także) są dostępne kreatory wstawiania tabel, list wyliczeniowych, odnośników, obrazków itd.
Tytuł strony, podtytuł i menu zdefiniowane są za pomocą kolejnych znaczników: hl, h2 i h3. Za pomocą stylów postaraj się nadać im wygląd jak najbardziej zbliżony do strony wzorcowej. To samo dotyczy wyglądu akapitów, list wyliczeniowych, menu, stopki i wszystkich elementów wizualnych stron. Obrazki widoczne po prawej stronie wstaw na kolejne strony serwisu.
Rady: w komórkach tabeli można używać atrybutu align, czyli wyrównanie, który przyjmuje wartości: left, right, center; a także valign, czyli wyrównanie w pionie: top, middle, bottom. Szerkość tabeli oraz komórek ustalisz za pomocą atrybutu width, wysokość komórki określisz za pomocą height. Sposobu uzyskania większych pierwszych liter w akapitach szukaj w pliku xhtml.chm.
€> [twoje imię i nazwisko] 2008
MENU
Strona główna Strona 1 Strona 2
iv. Strona 3