Projektowanie stron internetowych

Podstawy języka HTML
1. Stwórz osnowę dokumentu HTML (HTML,HEAD,BODY)
2. W nagłówku wpisz informacje, że plik zawiera dokument html z kodowaniem znaków
zgodnym z polską normą lub standardem Windows-1250 (META).
3. Nadaj stronie tytuł "Strona domowa .....<imię i nazwisko>" (TITLE).
4. Wpisz do strony podstawowe informacje o sobie. Użyj różnego rozmiaru i koloru czcionki
(FOT SIZE,FONT COLOR). Ustal kolor tła lub rysunek w tle i marginesy (BODY BGCOLR,
BODY BACKGROUND, BODY LEFTMARGIN, BODY TOPMARGIN).
5. Pierwszy wiersz tekstu wycentruj, napisz czcionką pogrubioną i powiększoną.
6. Po pierwszym wierszu wstaw dwa wiersze puste (BR).
7. Do drugiego i trzeciego wiersza użyj styli nagłówka (Hn)
8. Wstaw do dokumentu swój ulubiony cytat (BLOCKQUOTE,CITE).
9. Wpisz do dokumentu godziny wykładu. Godziny podkreśl i pochyl a do wprowadzania minut
użyj indeksu górnego (I,U,SUB,SUP).
10. Wstaw do dokumentu plik graficzny (IMG SRC)
11. Wstaw do dokumentu wykaz nieposortowany Twoich ulubionych odnośników w Sieci
(UL,LI,A HREF)
12. Wstaw do dokumentu ponumerowaną listę literatury, którą masz zamiar użyć do swojej pracy
dyplomowej. Do numerowanie powinny zostać użyte liczby rzymskie (OL, LI).
13. Wstaw do dokumentu dowolną listę dwu - lub trzy- poziomową (OL, LI)

Temat I

Podtemat I a

Podtemat II a



Punkt II a - 1

Punkt II a - 2
Podtemat II a
Temat II
14. Wstaw rysunek, który posłuży za mapę odnośników do stron a także strony
1.html,2.html,3.html,4.html do których będzie można przechodzić klikając w odpowiednie
miejsca na rysunku (MAP,AREA)
15. Utwórz następujące tabel (TABLE,TD,TR)
A.
Tekst do lewej
Tekst do prawej
B.
Tekst do lewej
Tekst wyśrodkowany
Tekst do prawej
C.
Lewa góra
Prawa góra
Lewy środek
Prawy środek
Lewy dół
Prawy dół
D.
Tekst do lewej
Obrazek
Tekst do prawej
16. Pozmieniaj grubość krawędzi tabel z poprzedniego przykładu na trzy sposoby.
17. Utwórz dokument składający się z dwóch ramek, tak aby klikając na odnośniki z lewej strony
wyświetlana była zawartość stron 1,2,3,4.html po prawej stronie (FRAME,TARGET)
18. Zaprojektuj formularz, w którym odwiedzający Twoją witrynę mogliby wprowadzić dane o
sobie i opinię o stronie. Formularz mógłby zawierać dane tak jak na rysunku, choć powinien
zostać trochę rozbudowany.