Простота - это крайняя степень изощренности. Леонардо да Винчи
Обычно для создания сайтов используют специальные программы, но можно обойтись без них и создать сайт в Блокноте. В этом случае понадобится знание языка html, а так же пригодятся таблицы стилей css. Создадим первую web-страничку. Для этого заходим в меню Пуск - Все программы - Стандартные - Блокнот и в открывшемся окне прописываем основу html-документа.
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> </head> <body> </body> </html>
То что вы набрали, является основой web-страницы. В дальнейшем, при создании сайта в Блокноте, набор этих тегов можно просто копировать на новую страницу для облегчения работы.
Разберём всё по порядку. Элементы, заключенные в угловые скобки, называются тегами они и задают внешний вид web-страницы. Браузер, считывая информацию со страниц размещенных в Интернете, отображает ее на экране монитора в том виде, в котором четко указывают ему эти самые теги. Сами теги на экране не отображаются.
DOCTYPE - этот элемент объявляет тип html документа, он размещается самым первым и позволяет браузеру определить, какая версия html используется. Теги html, head, title - являются служебными и несут определённую иформацию о странице. Внутри тега body размещается всё то, что и отображается на странице.
Как видите, создание сайта в Блокноте не такое уж и сложное занятие. Идем дальше…
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Как создать сайт в Блокноте</title> </head> <body> Моя первая web-страница </body> </html>
Ну вот теперь web-страничка уже не безымянная и на ней появилась первая строчка текста. Чтобы посмотреть результат необходимо сохранить набранное (Файл - Сохранить как). Присвоим получившемуся файлу имя index с расширением html. Запускаем сохранённый файл index.html и любуемся своей первой web-страничкой.
Идём дальше, попробуем добавить некоторые css стили, а то она у нас какая-то небросская.
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Как создать сайт в Блокноте</title> </head> <body> <style> body {background:#FAF0E6;} </style> Моя первая web-страница </body> </html>
Что получилось? Изменился фон страницы, так как мы задали цвет фона свойством background. Подобрать другой цвет можно с помощью web-палитры.
Внесём ещё некоторые изменения, зададим стили для заголовка, изменим шрифт, зададим цвет, выровняем его по центру.
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Как создать сайт в Блокноте</title> </head> <body> <style> body {background:#FAF0E6} h1 {color:FF0000; font:normal 25pt/20pt arial;} </style> <center><h1>Моя первая web-страница</h1><center> </body> </html>
Не забываем сохранять изменения в файле index.html.
Добавим некоторый текст на web-страницу.
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Как создать сайт в Блокноте</title> </head> <body> <style> body {background:#FAF0E6} h1 {color:FF0000; font:normal 25pt/20pt arial;} </style> <center><h1>Моя первая web-страница</h1><center> <p>Это мой первый сайт, который очень скоро будет самым популярным сайтом в Интернете.</p> <hr size="1" color="#800000" width="75%"> <p>С сегодняшнего дня я супер-, мега-, web-мастер, seo-гуру и т.д. и т.п. Читайте мои советы по созданию и продвижению сайтов. </p> <p>Василий Пупкин - главный web-мастер Интернета</p> </body> </html>
А теперь при помощи css стилей, придадим web-странице более привлекательный вид.
Вот так, освоив основы html, и применяя его на практике путём различных экспериментов, можно создать сайт и в Блокноте. Кроме текста на страницы можно добавлять изображения, audio и video файлы.
