Zadanie z TI dla 1TT (8.03.2011r.)

Temat: Tworzenie stron internetowych.

Cele: Nauczyć się tworzyć proste strony internetowe.

Napisz w zeszycie:

HTML (ang. HyperText Markup Language, pol. język znaczników hipertekstu) – język wykorzystywany do tworzenia stron internetowych. Pozwala opisać strukturę informacji zawartych w dokumencie nadając znaczenie poszczególnym fragmentom tekstu (formując linki, nagłówki, akapity, listy, itp.) oraz osadzić w tekście dodatkowe obiekty np. statyczne grafiki, interaktywne formularze, dynamiczne animacje.

Szkielet html-strony internetowych jest prawie zawsze ten sam:

Trzeba nabrać ten tekst w notatniku i zapisać plik z rozszerzeniem html i kodowaniem UTF-8.

Zadanie 1: przejrzyj html kod dowolnej strony internetowej.

Zadanie 2: zaprojektuj swoją stronę internetową, która zawierałaby stronę główną i co najmniej 2 podstrony, tabele, zdjęcia i linki.

Dla wykonania zadania 2 użyj informacje, umieszczone na stronach:

• koniec linii - http://www.kurshtml.boo.pl/html/koniec_linii,zielony.html
• akapit - http://www.kurshtml.boo.pl/html/ramy_dokumentu,zielony.html
• tekst pogrubiony - http://www.kurshtml.boo.pl/html/tekst_pogrubiony,zielony.html
• tekst pochylony - http://www.kurshtml.boo.pl/html/tekst_pochylony,zielony.html
• tekst podkreślony - http://www.kurshtml.boo.pl/html/tekst_podkreslony,zielony.html
• wielkość czcionki - http://www.kurshtml.boo.pl/html/wielkosc_czcionki,zielony.html
• kolor czcionki - http://www.kurshtml.boo.pl/html/kolor_czcionki,zielony.html
• rodzaj czcionki - http://www.kurshtml.boo.pl/html/rodzaj_czcionki,zielony.html
• łączenie parametrów - http://www.kurshtml.boo.pl/html/laczenie_parametrow,zielony.html
• kolor tła oraz tekstu - http://www.kurshtml.boo.pl/html/kolor_tla_oraz_tekstu,zielony.html
• wstawianie obrazka - http://www.kurshtml.boo.pl/html/wstawienie_obrazka,zielony.html
• ustawienia obrazka - http://www.kurshtml.boo.pl/html/ustawienie_obrazka,zielony.html
• wyśrodkowanie obrazka - http://www.kurshtml.boo.pl/html/wysrodkowanie_obrazka,zielony.html
• odsyłacz do podstrony - http://www.kurshtml.boo.pl/html/odsylacz_do_podstrony,zielony.html
• odsyłacz do adresu internetowego - http://www.kurshtml.boo.pl/html/odsylacz_do_adresu_internetowego,zielony.html
• odsyłacz obrazkowy - http://www.kurshtml.boo.pl/html/odsylacz_obrazkowy,zielony.html
• struktura tabeli - http://www.kurshtml.boo.pl/html/struktura_tabeli,tabele.html
• obramowanie tabeli - http://www.kurshtml.boo.pl/html/obramowanie,tabele.html
• wymiary komórek - http://www.kurshtml.boo.pl/html/wymiary,tabele.html