Tworzenie strony WWW w języku HTML

PROGRAMOWANIE W INTERNECIE

 

  1. Kodowanie dokumentów.

Strony WWW są tworzone za pomocą języka HTML, który posiada określony zestaw znaczników umieszczanych w nawiasach <> i ich atrybutów. Dokument definiujący stronę WWW jest zapisywany jako zwykły plik tekstowy z rozszerzeniem htm lub html. Dokument taki można utworzyć za pomocą najprostszego edytora tekstów, ręcznie dodając znaczniki. Metoda taka, choć skuteczna, jest jednak uciążliwa. Dlatego na rynku pojawiło się już wiele specjalizowanych edytorów, które wydatnie ułatwiają konstruowanie dokumentu, wspomagając wprowadzanie poleceń. Są to zazwyczaj programy klasy shareware, aczkolwiek znajdziemy też sporo programów komercyjnych i całkowicie bezpłatnych (freeware). Przykładowe edytory stron WWW:

  •     Pajączek,
  •     WebEdit,
  •     HotDog ,
  •     HomeSite,
  •     Zajączek.

zaj01

  1. Struktura dokumentu HTML.

Dokumenty HTML składają się z dwóch części zwanych sekcjami. W pierwszej zwanej HEAD znajdują się informacje nie widoczne na stronie: np. definicja kodowania polskich znaków, tytuł strony, tzw. słowa kluczowe, definicje obiektów używanych na stronie. W drugiej sekcji, zwanej BODY, znajdują się znaczniki, za pomocą których umieszczamy obiekty widoczne na stronie www.

<HTML>

<HEAD>informacje nagłówkowe</HEAD>

<BODY>

właściwa treść (ciało) dokumentu

</BODY>

</HTML>

Większość programów do tworzenia stron internetowych automatycznie generuje kod struktury strony z podziałem na sekcje oraz kod definiujący polskie znaki.


Elementy języka HTML

    Tworzenie stron WWW za pomocą języka HTML

Sekcje head i body

        Sekcja <head>

        Sekcja <body>

Elementy blokowe

        Sekcja nagłówkowa

        Tytuł

        Ciało

Elementy wewnątrzwierszowe

        Akapity

        Listy nieuporządkowane

        Listy uporządkowane

        Listy definicji

        Nagłówki


   

Znaczenie tabel.

Tworząc własną stronę internetową powinniśmy dbać o jej ładny czytelny układ i porządek dotyczący rozmieszczenia obiektów na stronie. Do tego celu warto użyć wielu tabel. Tabela składa się wierszy TR i komórek Komórka zawiera konkretne dane. Między jej znacznikami można umieszczać tekst i grafikę. Konkretne komórki są umieszczane między znacznikami wybranego rzędu, na przykład:

Tabele

zaj02

<TABLE>

<TR> <TD>1 </TD><TD>2</TD><TD>3 </TD></TR>

<TR> <TD> </TD><TD> </TD><TD> </TD></TR>

<TR> <TD> </TD><TD> </TD><TD></TD></TR>

</TABLE>

1 2 3

 


 

Kaskadowe arkusze stylów

 

Wprowadzenie

        Różnice pomiędzy formatowaniem za pomocą XHTML, HTML i CSS

        Umieszczanie stylów w dokumencie

        Jednostki miar i nazewnictwo kolorów stosowane w CSS

        Budowa stylu

        Dziedziczenie i kaskadowość to klucz do potęgi CSS

Formatowanie wyglądu tekstu

        Wyrównanie tekstu

        Pionowe wyrównanie

        Wcięcie pierwszego wiersza akapitu

        Odstępy – wiersze, wyrazy, litery

        Dekoracja tekstu

        Przekształcanie – małe i duże litery

        Kontrola pustej przestrzeni

        Wnioski

Formatowanie wyglądu czcionki

        Rodzaj czcionki

        Rozmiar

        Waga czcionki

        Styl czcionki

        Wariant czcionki

        Wnioski

Formatowanie wyglądu list

        Typ listy

        Własny punktor graficzny

        Pozycjonowanie listy względem punktora

        Wnioski

Kolor i tło poszczególnych elementów

        Kolor

        Tło

        Powielanie i zatrzymanie tła

        Pozycjonowanie graficznego tła

        Wnioski

Marginesy i dopełnienie

        Marginesy zewnętrzne

        Marginesy wewnętrzne – dopełnienie

        Wnioski

Obramowanie elementów

        Styl obramowania

        Szerokość obramowania

        Kolor obramowania

        Wnioski

Pozycjonowanie elementów

        Określanie pozycji

        Wymiarowanie elementów

        Pływanie i tamowanie elementów

        Kolejność nakładanych elementów


 

Tworzenie własnej strony internetowej

 

Tytuł strony

 

<head>
<title>Tytuł strony</title>
</head>

 

Tytuły

 

<h1>Tytuł stopnia pierwszego</h1>
<h2>Tytuł stopnia drugiego</h2>
<h3>Tytuł stopnia trzeciego</h3>
<h4>Tytuł stopnia czwartego</h4>
<h5>Tytuł stopnia piątego</h5>
<h6>Tytuł stopnia szóstego</h6>

 

 

Akapity

 

<p>To jest treść pierwszego akapitu</p>
<p>To jest treść drugiego akapitu</p>

 


Literatura

  • Tworzenie stron WWW. Biblia. Wydanie III, Phillip Crowder, David A. Crowder, Helion S.A., 10/2009,
  • PHP, MySQL i MVC. Tworzenie witryn WWW opartych na bazie danych, Włodzimierz Gajda, Helion S.A., 04/2010.

 

 

Author: ZSE

Admnistrator serwisu. Nauczyciel przedmiotów informatycznych

Share This Post On

Submit a Comment

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *