Шаг 1 - создания сайта html
1. Для создания первого своего сайта htm в Интернете открываем программу "Блокнот"( или аналогичную программу).
2. Вводим в новый документ следующий код:
<html>
<head>
<title> Моя первая страница в Интернете </title>
</head>
<body> Всем привет </body>
</html>
Шаг 2 - создания сайта html
Сохраняем документ (Файл - Сохранить как).Укажите место для хранения вашего файла ( например это может быть "Мои документы" или диск D).
Имя файла - index.html
Тип файла - все файлы
Шаг 3 - создания сайта html
Запустите браузер, откройте папку где вы сохранили документ и щелкните мышкой по иконке документа index. После чего откроется ваша страница в Интернете со словами "Всем привет".Таким образом вы создали свой первый сайт html.
Теперь создадим более сложный сайт html. К этому примеру лучше обратиться когда вы более менее изучите структуру HTML. Хороший сайт с помощью одного html сделать сложно, но простой сайт (без сложного дизайна) мы с вами попробуем сотворить.
Пример 1
Для начала напишем минимальный набор тегов:
| <html> |
| <head> | |
| <title>Мой первый сайт </title> | |
| </head> | |
| <body><center> Мой первый сайт</center> </body> | |
| </html> Комментарий: 1. <html> - (начало документа html) 2. <head> - (начало управляющей части документа) 3. <title>Мой первый сайт </title> - (Название страницы задается тегами <title></title>) 4. </head> - (конец управляющей части документа) 5. <body><center> Мой первый сайт</center> </body> - (Документ делится на две части. Вторая часть - содержательная <body></body>. В данном случае название страницы сайта - "Мой первый сайт". Теги <center></center> ставят название страницы посередине, в противном случае если не ставить эти теги название страницы сайта "Мой первый сайт" будет слева.) 6. </html>- (конец документа html) На втором этапе создадим каркас страницы нашего сайта. Каркас страницы будет выглядеть так: | |
Шапка сайта
|
|
Меню сайта
|
Текст страницы
|
<html>
<head>
<title>Мой первый сайт</title>
<title>Мой первый сайт</title>
</head>
<body>
<center>
<table width="750" height="600">
<tr>
<td colspan="2" bgcolor="#00CC99"><center> Шапка сайта</br> Мой первый сайт</center></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><center> Меню сайта</center></td>
<td> <center>Содержимое страницы</center>
</tr>
</table>
</center>
</body>
</html>
Смотрим что у нас получилось:
Смотрим что у нас получилось:
| |
|
Комментариев нет:
Отправить комментарий