Не привычный заголовок для статьи? Речь пойдёт не о компьютерах, речь в статье пойдёт об элементарном HTML-сайте. Рассмотрим то, как с помощью блокнота, встроенного в стандартный пакет программ для Windows, создать простой сайт.
Содержание
Создание WEB-сайта «Компьютер»
Создадим элементарный сайт на HTML про компьютеры. Пусть это будет WEB-сайт про персональный компьютер, на котором мы хотим рассказать о том, что такое Персональный Компьютер (ПК), создадим соответствующие страницы: главную, страницу о программном обеспечении и о компьютерных терминах. Начнём создавать сайт с самого начала, для этого нажимаем на меню компьютера «Пуск» — «Все программы» — «Стандартные» — «Блокнот», запускаем блокнот и начинаем разбираться с программированием сайта.
Самое первое в создании сайта
Итак, мы хотим создать свой сайт с помощью блокнота. Для этого следует знать, что WEB-страница формируется с помощью специальных тегов. Теги должны быть заключены в угловые скобки, представляющие из себя знаки больше или меньше. Теги страницы могут быть парными или одиночными. Парные теги должны иметь открывающий и закрывающий тег — всё вместе это называется контейнер. Например, два тега
1 |
<b></b> |
— это контейнер.
Закрывающий тег от открывающего отличается тем, что перед ним обязательно указывается прямой слэш, то есть знак «/». Все теги могут быть записаны как с помощью прописных, так и с помощью строчных букв.
Весь html-код страницы должен быть помещён внутри контейнера
1 |
<HTML></HTML> |
Без указания этих тегов браузеры не смогут правильно интерпретировать содержимое страницы.
Далее что следует знать — web-страницы делятся на две логические части. Это заголовок и содержимое.
Заголовок страницы и TITLE
Есть такой контейнер
1 |
<HEAD></HEAD> |
— это заголовок WEB-страницы. Заголовок содержит в себе название документа и некоторую справочную информацию о данной странице. Это может быть информация об используемой кодировке, указание не файл стилей, об используемом программном обеспечении сайта и так далее. Пока что эта информация нам не особо полезна.
Также есть специальный контейнер
1 |
<TITLE></TITLE> |
— между этим открывающим и закрывающим тегом указывается название веб-страницы. Данное название отображается в строке заголовка браузера. Допусти, указав
1 |
<ТIТLE>Компьютер</ТIТLЕ> |
мы увидим в заголовке в браузере название «Компьютер».
Итак, заголовок нашей страницы принимает такой вид:
1 2 3 |
<HEAD> <ТIТLE>Компьютер</ТIТLЕ> </HEAD> |
Содержимое веб-страницы
— это контейнер, куда помещается всё основное содержимое страницы сайта. Данный контейнер может содержать таблицы, бегущие строки, ссылки на звуковые, видео и графические файлы, текст и так далее.
Чтобы понимать принцип создания сайта с нуля в блокноте, поместит в основной контейнер текст:
1 2 3 |
<BODY> Компьютер - это электронное вычислительное устройство. </BODY> |
Основа WEB-страницы
Итак, со структурой мы разобрались. Открываем блокнот и вносим туда следующий текст:
1 2 3 4 5 6 7 8 |
<HTML> <HEAD> <TITLE>Компьютер</TITLE> </HEAD> <BODY> Компьютер - это электронное вычислительное устройство. </BODY> </HTML> |
Чтобы было удобнее — для размещения сайта создать также отдельную папку, куда можно будет складывать все файлы сайта. Сохраняем в эту папку созданную в блокноте страницу с именем файла index.htm или index.html. Таким названием принято называть титульный файл сайта.
Чтобы увидеть созданную и сохранённую страницу сайта — открываем файл index.htm или index.html с помощью браузера. Создание других страниц и дальнейшую проработку сайта рассмотрим в следующих статьях.
Когда будет продолжение?
Скоро опубликуем!)
Когда будет продолжение инструкции по созданию простейшего сайта?
Здравствуйте! Скоро добавим)