Zasady tworzenia stron internetowych

Czym jest strona internetowa?

Strona internetowa jest dokumentem komputerowym, zapisanym w pliku o rozszerzeniu htm lub html. Jest to plik tekstowy, w którym umieszcza się specjalne znaczniki języka HTML. Inne elementy strony to: grafika, dźwięk, filmy, które zapisane są w oddzielnych plikach.

Przykładowy schemat budowy strony internetowej:

Źródło: “Lubię to” podręcznik do informatyki dla klasy 7 – Nowa Era

Do tworzenia prostej strony internetowej można stosować:

  • Notatnik
  • Notepad++ (program bezpłatny) : POBIERZ
  •  Pajączek (program płatny)

Znaczniki HTML

Ogólny sposób stosowania znaczników:

Źródło: “Lubię to” podręcznik do informatyki dla klasy 7 – Nowa Era

Ogólny sposób stosowania znaczników z atrybutami:

Źródło: “Lubię to” podręcznik do informatyki dla klasy 7 – Nowa Era

Podstawowa struktura strony

Ułożenie znaczników w podstawowej strukturze strony:

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8">
        <title>tytuł strony</title>
    </head>
    
    <body>
    zawartość strony
    </body>

</html>

Podstawowe znaczniki języka html

ZnacznikSposób użycia
<HTML></HTML>Między nim umieszczona jest cała treść dokumentu
<HEAD></HEAD>Zawiera podstawowe informacje o dokumencie
<BODY></BODY>Zawiera konkretną treść dokumentu: znaczniki i tekst strony
<TITLE></TITLE>Zawiera tytuł strony widoczny w belce tytułowej przeglądarki
<META></META>Szczegółowo opisuje zawartość dokumentu
<!–    –>Zawiera komentarz niewidoczny w oknie przeglądarki
<P></P>Nowy akapit
<BR>Przejście do nowego wiersza
<B></B>Czcionka pogrubiona
<I></I>    Czcionka pochylona
<U></U>Czcionka podkreślona
<FONT></FONT>Ustala czcionkę
<Hn></Hn>Nagłówek – wpisany tekst przyjmuje wielkość dla n – od 1 do 7:
H1 – największy nagłówek, H7 – najmniejszy nagłówek
<CENTER></CENTER>Wyśrodkowanie
<RIGHT></RIGHT>Wyrównanie do prawej strony
<LEFT></LEFT>Wyrównanie do lewej strony
<UL><LI></LI></UL>Lista nieuporządkowana
<OL><LI></LI></OL>Lista uporządkowana
<IMG SRC=”nazwa pliku”>Umożliwia umieszczenie grafiki na stronie
<TABLE></TABLE>Wstawianie tabeli
<TH></TH>Znacznik nagłówka w tabeli
<TR></TR>Znacznik wiersza w tabeli
<TD></TD>Znacznik kolumny w tabeli
Źródło: “Lubię to” podręcznik do informatyki dla klasy 7 – Nowa Era

Więcej informacji o znacznikach i atrybutach używanych w języku HTML znajdziesz na stronie HTML DLA ZIELONYCH


ĆWICZENIE – TWORZENIE PROSTEJ STRONY INTERNETOWEJ

Karta pracy przygotowana w oparciu o podręcznik do informatyki dla klasy 7 – “Lubię to” Nowej Ery.

KARTA-PRACY-htm-cw-1


FILM INSTRUKTAŻOWY DO KARTY PRACY

Visits: 2219

Comments

Dodaj komentarz