2.17 Tworzenie strony internetowej - projekt

Cele lekcji:
1. Poznanie podstaw języka html
2. Zaprojektowanie prostej strony / witryny
3. Stworzenie prostej strony w języku html
-----------------------------------------------------
Zadania.
1. W swoim folderze roboczym utwórz podfolder o nazwie Moja pierwsza strona w html

Utwórz stronę pierwszą swojej witryny
2. Otwórz plik Notatnika

  • (Start>Programy>Akcesoria>Notatnik)

3. W notatniku wpisz:

<html>
    <head>
                <title>Moja szkoła</title>
    </head>

    <body>
    Publiczne Gimnazjum nr 5 w Radomiu
    </body>
</html>

4. Zapisz plik w folderze Moja pierwsza strona w html pod nazwą strona1.html

Utwórz stronę drugą swojej witryny
5. Skopiuj plik strona1.html i wklej do folderu Moja pierwsza strona w html
6. Zmień nazwę pliku strona1.html na strona2.html
7. Otwórz plik strona2.html za pomocą Notatnika

  • kliknij prawy klawisz myszy na pliku i wybierz otwórz za pomocą... następnie wybierz  Notatnik (jeśli na liście nie ma Notatnika poproś o pomoc nauczyciela)

8. W kodzie html zamień treść:

  • po znaczniku <title> zamiast Moja szkoła wpisz Moja klasa
  • po znaczniku <body> zamiast Publiczne Gimnazjum nr 5 w Radomiu wpisz Moja wspaniała klasa

9. Zapisz zmiany klikając polecenie Zapisz


Utwórz stronę trzecią swojej witryny
5. Skopiuj plik strona2.html i wklej do folderu Moja pierwsza strona w html
6. Zmień nazwę pliku strona2.html na strona3.html
7. Otwórz plik strona3.html za pomocą Notatnika

  • kliknij prawy klawisz myszy na pliku i wybierz otwórz za pomocą... następnie wybierz  Notatnik

8. W kodzie html zamień treść:

  • po znaczniku <title> zamiast Moja klasa wpisz O mnie
  • po znaczniku <body> zamiast Moja klasa wpisz pięć zdań swojej charakterystyki

9. Zapisz zmiany klikając polecenie Zapisz

Sprawdź
Zadanie wykonałeś/łaś poprawnie, jeśli w folderze Moja pierwsza strona w html masz trzy pliki: strona1.html, strona2.html, strona3.html, a po otwarciu plików przy użyciu przeglądarki Internet Explorer (kliknij prawy klawisz myszy na pliku, wybierz Otwórz za pomocą Internet Explorer) wyświetlają się strony z napisami, analogicznie: Publiczne Gimnazjum nr 5 w Radomiu, Moja wspaniała klasa, O mnie.



Brak komentarzy:

Prześlij komentarz