Laboratorium Nr1

Laboratorium Nr1 z budowy stron WWW
(Laboratorum wykonujemy na swoim koncie darmowego gostingu www.cba.pl)w swoim zeszycie 
 
 
Celem laboratorium Nr1 jest opracowanie przez ucznia witryny internetowej na zadany temat.
Twoja witryna ma dotyczyć konkretnego tematu, na przykład dziedziny nauki, dyscypliny sportowej lub hobby, gatunku zwierząt czy roślin, pojazdu lub urządzenia, religii, filozofii czy idei, sławnej postaci, miasta, kraju, instytucji itp. itd. 
Dla ułatwienia będziesz mieć gotowy wzorzec dokumentu do zmodyfikowania
 
Realizacja tego zadania będzie przebiegała w kilku krokach w których trzeba opanować i wykazać:
 
Znajomość podstawowych zasad budowy dokumentów WWW przy wykorzystaniu najprostszych elementów języka HTML (HyperText Markup Language) :
Umiejętność pracy z wieloma otwartymi aplikacjami i kopiowania przez „schowek” adresów i tytułów znalezionych stron WWW do „Notatnika”
Umiejętność wyszukiwania w Internecie i otwierania dokumentów HTML w osobnych oknach
Umiejętność wyświetlania i modyfikowania źródłowej postaci wzorcowego dokumentu HTML zgodnie z swoimi potrzebami (i uwzględnieniem elementów jak w p.1) oraz sprawdzanie efektów w przeglądarce.
 
 
1. Przypomnienie i przyswojenie podstaw języka HTML
 
Aby przypomnieć Ci (podane na wykładzie) podstawowe informacje o języku HTML masz poniżej:
Krótkie przypomnienie (dokument html)
 
Dodatkowo masz:
 
 
 
2. Otwieranie i przeglądanie postaci źródłowej dokumentu HTML
 
Otwórz w nowym oknie (prawym przyciskiem myszy) zamieszczony tu przykładowy dokument wzorcowy.
Otwórz jego postać źródłową z menu Widok – Źródło i przejrzyj jej treść uważnie przypominając sobie znaczenie poszczególnych znaczników HTML. 
Dokument ten będziesz musiał zmodyfikować i dostosować do innej wybranej tematyki oraz zapisać na dyskietkę. Już teraz po raz pierwszy zapisz go do swojego foldera (nazwij swoim nazwiskiem) z rozszerzeniem nazwy .HTM (lub .HTML). Aby notatnik nie dodał swojego rozszerzenia nazwy (.txt) trzeba przy zapisie wybrać typ "wszystkie pliki"
 
Będziesz pracować z conajmniej czterema otwartymi oknami aplikacji:
niniejszymi objaśnieniami (okno przeglądarki internetowej)
źródłową postacią strony wzorcowej (w NOTATNIKU)
efektem jej działania widocznym w przeglądarce (okno przeglądarki internetowej)
wyszukiwarką internetową (GOOGLE)
 
 
3. Wybranie tematyki i odpowiedniego do niej rysunku
 
Aby ułatwić Ci wybór tematu i zapewnić mu oprawę graficzną zaczniemy od wyboru obrazka
 
Otwórz w nowym oknie (prawym przyciskiem myszy) jedną z podanych poniżej witryn z obrazkami (clipartami), wybierz obrazek odpowiedni do tematyki jakiej poświęcisz tworzoną stronę WWW kliknij na nim prawym przyciskiem i zapisz go do swojego foldera z odpowiednią nazwą. Zapisz także angielską nazwę obiektu zainteresowań (do wyszukiwania).:
 
 
 
4. Wyszukiwanie tematyczne w Internecie
 
Wybierz jedną z wyszukiwarek internetowych (ja polecam: www.google.pl albo www.yahoo.com) wpisując jej adres w przeglądarce (u góry). Po zgłoszeniu się strony wyszukiwawczej wpisz szukany temat (słowo kluczowe lub kilka).
 
Z otrzymanego wykazu otwieraj witryny klikając prawym przyciskiem myszy - otwórz w nowym oknie. 
Adresy i tytuły najciekawszych witryn przekopiuj do NOTATNIKA do odsyłaczy opracowywanej strony, pamiętając, o budowie odsyłaczy: 
 
5. Modyfikowanie opracowywanej witryny
 
Zmodyfikuj odpowiednio treść strony.
Zmień nazwę obrazka w deklaracji aby wywoływała ten zapisany przez ciebie obrazek
Aby zobaczyć efekt tych modyfikacji musisz zapisać ponownie stronę do pliku (Plik-Zapisz) i nie zamykając NOTATNIKA odszukać folder gdzie zapisałeś i otworzyć w przeglądarce internetowej (przez podwójne klinięcie). Otworzy się poprawnie tylko wtedy jeśli plik ma rozszerzenie .HTM lub .HTML.
 
Następnie przeprowadź kolejne modyfikacje i eksperymenty zmieniając na przyklad kolory, rozmieszczenie czy wielkość czcionek itp.
Pracując tak z otwartym i NOTATNIKiem i przeglądarką internetową - z dwoma postaciami tej strony - po każdej modyfikacji musisz:
a) zapisać w NOTATNIKU
b) odświeżyć w przeglądarce internetowej (z menu lub klawiszem F5)