HTML
Ogólny zarys
tworzenia stron WWW
Co zawiera prezentacja?
1. Wybór programu
2. Ramy strony
3. Znaczniki <html> i <head>
4. Znacznik <body>
5. Znaczniki zakończenia
6. Podstawowe znaczniki
7. SQL i inne
8. Flash i Java Script
9. Pomocne strony WWW
Prezentacja pokazuje ogólny zarys tworzenia stron. Po jej obejrzeniu i w oparciu o nią
jestem przekonany, że napisanie prostej strony nie będzie problemem.
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Aby zacząć przygodę z HTML należy mieć coś, w czym
zaczniecie pisać strony. Można to robić nawet w notatniku,
ale ja osobiście polecam program EdHTML. Jest on w pełni
darmowy, a pracuje mi się z nim bardzo dobrze. W tym
programie akurat nie ma znaków polskich, ale zastępuje je
się specjalnymi symbolami. W niektórych edytorach HTML
konieczne jest wybranie kodowania ISO-8859-2 za pomocą
odpowiedniej opcji w menu programu.
Program i znaki polskie
(ISO-8859-2)
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Kod HTML wstawia się w odpowiednie ramy.
<html>
<head>
</head>
<body>
</body>
</html>
Dalej zostały one dokładnie wyjaśnione i opisane
Ramy kodu strony
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
<html> </html>
To jest jakby główny „silnik” strony.
Umieszczamy w nim pozostałe ramy.
<head> </head>
W tej ramie umieszczamy główne funkcje
strony (np. tytuł strony, słowa kluczowe,
autora itp.)
<html> i <head>
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
W tym znaczniku umieszczamy całą zawartość
strony (tą którą widzi inny użytkownik sieci).
Tutaj umieszczamy właśnie tekst strony,
efekty i wszystko co ma widzieć oglądający
stronę.
<body>
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Niektóre znaczniki mają swoje „zakończenie”. Przykładem jest
znacznik <i> (o nim w dalszej części), musi on być zakończony
poprzez </i>. Gdybyśmy nie zakończyli znacznika, to cały
dokument do końca byłby pochylony. Dzieje się to także z innymi
znacznikami.
Ale są też takie, które mają zakończenie już w sobie. Przykładem jest
znacznik:
<meta name="Keywords" content=”Słowa kluczowe" />
Zakończeniem w tym wypadku jest „/>” na końcu znacznika.
Znaczniki - zakończenia
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Część head (<head></head>)
<title>XXX</title> - Tytuł strony
<meta name="Description" content=”XXX" /> - Zamiast XXX wpisz krótki opis strony
<meta name="Keywords" content=”XXX" /> - Zamiast XXX wpisz tagi strony (wyrazy kluczowe)
Treść (<body></body>)
<b> tekst </b> - pogrubienie
<u> tekst </u> - podkreślenie
<i> tekst </i> - kursywa
<br> - nowa linia (Jeśli piszemy jakiś dokument i chcemy zrobić nową linię, to wciśnięcie przycisku
ENTER nic nie da. Będziemy zmuszeni zastosować ten znacznik. Działa on na zasadzie przenoszenia
do następnego wiersza. )
<gr> - linia poprzeczna
<p> tekst </p> - akapit
<font size="n">Tekst</font> - rozmiar czcionki. Zamiast „n” należy wpisać cyfrę odpowiadającą
wielkości
<font color="kolor">Tekst</font> - kolor tekstu. Zamiast „kolor” wpisz kolor w języku angielskim.
<font face="rodzaj">Tekst</font> - rodzaj czcionki.
Podstawowe znaczniki
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Strony WWW można dodatkowo połączyć z bazami danych
SQL. Daje to możliwość tworzenia kont przez innych
użytkowników sieci. Korzystanie z SQL zapewnia większe
bezpieczeństwo przechowywania haseł. Jest tylko jedna
komplikacja – łączenie HTML i SQL jest przeznaczone dla
znacznie bardziej zaawansowanych programistów. Można
dodawać także hiperłącza, a te można kolorować i dowolnie
modyfikować. Język HTML stawia nam pewne ograniczenia,
których nie da się przekroczyć. Ja osobiście, jeszcze do nich
nie doszedłem.
SQL i inne
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
HTML możemy dodatkowo wyposażyć w takie
języki jak Flash i Java Script. Służą one
głównie estetyce strony. Za pomocą Flasha
można zrobić ładne przejścia, galerie
ruchome, a nawet prymitywne gry. Java Script
jest używany w większości do tworzenia
bardziej zaawansowanych gier online.
Oczywiście – programowanie w tych językach
nie jest łatwe.
Flash i Java Script
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Strony, które mogą się przydać:
www.kurshtml.boo.pl
webmaster.helion.pl
pl.html.net/
Pomocne strony WWW
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Prezentacje wykonali:
Mateusz Owczarczyk
Koniec
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Document Outline
- Slide 1
- Slide 2
- Program i znaki polskie (ISO-8859-2)
- Ramy kodu strony
- <html> i <head>
- <body>
- Znaczniki - zakończenia
- Podstawowe znaczniki
- SQL i inne
- Flash i Java Script
- Pomocne strony WWW
- Slide 12
Wyszukiwarka
Podobne podstrony:
Podrecznik freelancera Tajniki sukcesu niezaleznego projektanta stron WWW Smashing Magazine podfre
Projektowanie stron WWW Użyteczność w praktyce 24 str
Podrecznik freelancera Tajniki sukcesu niezaleznego projektanta stron WWW Smashing Magazine
informatyka podrecznik freelancera tajniki sukcesu niezaleznego projektanta stron www smashing magaz
Podrecznik freelancera Tajniki sukcesu niezaleznego projektanta stron WWW Smashing Magazine podfre
projektowanie stron www
Podrecznik freelancera Tajniki sukcesu niezaleznego projektanta stron WWW Smashing Magazine
Podrecznik freelancera Tajniki sukcesu niezaleznego projektanta stron WWW Smashing Magazine 2
helion web design projektowanie atrakcyjnych stron www (przykładowy rozdział) D4MWZVWKFIQN2M3KSLZYWG
Tworzenie stron WWW we Flashu 8 Projekty
Tworzenie stron WWW z wykorzystaniem Ajaksa Projekty
Tworzenie stron WWW we Flashu 8 Projekty
Frameworki JavaScript Projektowanie interaktywnych i dynamicznych stron WWW frajav 2
Tworzenie stron WWW we Flashu CS4 CS4 PL Projekty twfcs4 2
więcej podobnych podstron