Tworzenie strony WWW

.

Zadanie na ocenę

Wykonaj stronę WWW składającą się ze strony głównej i przynajmniej 2 podstron. Temat dowolny.

·      Strona główna zawiera TYTUŁ twojej strony, twoje imię i nazwisko, klasę, zdjęcie oraz linki do pozostałych stron. NAZWA pliku indeks.html

·      Do podstron jakie stworzysz ze strony głównej muszą prowadzić linki – hiperłącza. Umieszczasz na tych podstronach opisy, zdjęcia wybranego przez siebie tematu

 

 

Tworzenie strony WWW - instrukcja

 

 

 

 

 

Wysyłałem Wam filmy i zestaw programów do tworzenia stron WWW – to jest instrukcja jak taką stronę przygotować w edytorze Word

 

UWAGA bardzo ważne – krok 1 to założenie np. na pulpicie folderu z nazwą waszej strony

Wszystkie materiały do strony (zdjęcia, filmy) musicie umieszczać w tym folderze

 

Krok 2

Zaraz po otwarciu programu Word musicie zapisać plik we wcześniej stworzonym folderze pod nazwą indeks  (to jest wasza strona główna). TEN PLIK TRZEBA ZAPISAĆ W FORMACIE HTML patrz zdjęcie

 

1.      Klikasz zapisz jako

2.      Wybierasz swój folder

3.      Wpisujesz nazwę indeks

4.      Wybierasz zapisz jako typ Strona sieci Web

 

Dokument Worda w jakim piszesz troszeczkę się zmieni – znikną marginesy bo takich nie ma na stronach WWW

 

Po zapisaniu tego pliku tworzysz swoją stronę główną.

·         Jej tytuł

·         Minię i nazwisko

·         Klasę

·         Zdjęcie

 

JAK? Dalej jest to Word i dalej pracujesz jak w Wordzie czcionki kolorki tabelki obrazki wszystko jest dostępne

 

Przykład

 

 

 

 

A tak strona wygląda w przeglądarce WWW

 

xxx.png

 

 

 

 

 

 

 

 

 

 

CZAS PRZEJŚĆ DO PODSTRON

Robicie je tak samo

Nowy dokument > zapisz jako (w swoim folderze) pod nazwą (u mnie będą to naleśniki i komputer) wpisujecie nazwę i wybieracie typ STRONA SIECI WEB

 

Przykłady

 

 

 

 

 

 

 

 

 

 

 

CZAS NA POŁĄCZENIE TYCH STRON – HIPERŁĄCZA

 

 

 

 

 

Przejdź do swojej strony głównej pliku indeks

 

Na górze strony najlepiej w tabelce wpisz tekst odnoszący się do twoich podstron

W moim przypadku to:

STRONA GŁÓWNA    NALEŚNIKI      BUDOWA KOMPUTERA

 

Zaznacz strona główna > kliknij Hiperłącza (patrz rysunek) > kliknij plik indeks

W kolejnych krokach powtórz czynność

Zaznacz NALEŚNIKI > kliknij Hiperłącza (patrz rysunek) > kliknij plik naleśniki

Zaznacz BUDOWA KOMPUTERA > kliknij Hiperłącza (patrz rysunek) > kliknij plik budowakomputera

 

 

 

hiper.png

 

 Wykonane hiperłącza wyglądają TAK

 

hippppp.png

 

Zapisz plik

Przekopiuj tabelkę z hiperłączami na pozostałe strony i zapisz je.

 

GOTOWE!!!

 

Gratuluje!!!