понеділок, 7 грудня 2009 17:16
Урок 1. Як функціонує сайт. Створення html сторінки.
Перед початком роботи над створенням сайту варто засвоїти деяку інформацію щодо функціонування вашого Html сайту.
Якщо вас цікавить детальне вивчення хтмл то ви можете скачати книгу - підручник HTML
Схема роботи HTML сайту:
1. Припустимо є файл який містить Html код :
<!doctype HTML public "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Мій перший HTML-документ</title>
</head>
<body>
Hello world!
</body>
</html>
2. В адресній строці Вашого браузера вводиться адреса файлу з html кодом.
3. Браузер читає цей код та інтерпретує його в інтернет сторінку яку ви бачите на моніторі.
Вам не обов'язково розміщувати сайт в мережі інтернет. Ваш сайт може функціонувати і локально, тобто на вашому компютері. Про розміщення сайту в мережі інтернет йтиметься у наступних уроках.
Практичне завдання.
1. Створіть звичайний текстовий документ , за допомогою стандартного текстового редактора, (особисто я користуюсь текстовим редактором , усім раджу ) запишіть туди наступний текст(код):
<!doctype HTML public "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Мій перший HTML-документ</title>
</head>
<body>
Hello world!
</body>
</html>
Збережіть цей файл під іменем site.html . Після збереження відкрийте цей файл, якщо ви зробили усе вірно то даний файл відкриється через браузер. Щойно ви створили інтернет сторінку.
2. Проробіть пункт 1 з іншими кодами, поекспериментуйте , внесіть власні зміни у код :
<html>
<head>
<title>Приклад 2</title>
</head>
<body>
<H1 ALIGN=CENTER>Привіт!</H1>
<H2>Це трохи складніший приклад
HTML-документа
</H2>
<P>Тепер ми знаємо, що абзац можна вирівнювати
не тільки вліво
</P>
<P ALIGN=CENTER> і по центру</P>
<P ALIGN=RIGHT>і по правому краю.</P></body>
</html>
<html>
<head>
<title>Приклад 3</title>
</head>
<body>
<H1>Вірш</H1>
<H2>Автор невідомий</H2>
<P> Однажды в студеную зимнюю пору<BR>
Сижу за решеткой в темнице сырой.<BR>
Гляжу - поднимается медленно в гору<BR>
Вскормленный в неволе орел молодой.</P>
<P> И шествуя важно, в спокойствии чинном,<BR>
Мой грустный товарищ, махая крылом,<BR>
В больших сапогах, в полушубке овчинном,<BR>
Кровавую пищу клюет под окном.</P>
</body> </html>
<html>
<head>
<title>Пример 4</title>
</head>
<body>
<H1>Колекція горизонтальних ліній</H1>
<HR SIZE=2 WIDTH=100%><BR>
<HR SIZE=4 WIDTH=50%><BR>
<HR SIZE=8 WIDTH=25%><BR>
<HR SIZE=16 WIDTH=12%><BR>
</body>
</html>
Схожі записи
- Рубрика: Створеня простого сайту
- прокоментуй!