Создание сайта в блокноте html

Если вы – начинающий веб программист и дизайнер, то создание сайта в блокноте html – это именно то, с чего стоит начинать. В блокноте можно создать самый простой сайтик с нуля, чтобы понять основную концепцию сайтостроения.

Конечно, сегодня уже достаточно движков, программ, шаблонов, которые облегчат вам жизнь в программировании веб страниц, но знание основ позволит вам лучше во всем разбираться, а это дорогого стоит.

Итак, приступим к созданию нашего первого сайта на html в блокноте.

1. Откройте блокнот на своем компьютере (Программы – Стандартные – Блокнот).

Создание сайта в блокноте html

2. В самом файле напишите что-то вроде «Это мой первый сайт».

sozdanie-sajta-v-bloknote-html-2

3. Теперь сохраните файл. Для этого можно создать новую папку, назвав ее, к примеру, «Мой первый сайт». Обязательно при сохранении в строке «Тип файлов» должно быть указано «Все файлы». Название файла можно придумать любое, например, index.html.

sozdanie-sajta-v-bloknote-html-3

4. Зайдите в папку, кникните по созданному сайту и вы сможете увидеть свой первый сайт в браузере. :)

Пример самого простого html сайта

До этого мы создали всего лишь файл с расширением html, теперь давайте построим первую интернет-страничку.

Удалите фразу «Это мой первый сайт». Впишите в свой index.html следующий код:

<html>

<head>

<title>Главная страница моего первого сайта</title>

</head>

<body>

<p>Html определяет границы документа. Если < > открывает границы, то «/» (слеш) в том теге закрывает границы. Кстати, все, что заключено в такие скобки < > в html-документе называется тегом.</p>

<p>Тег «title» позволит написать заголовок страницы.</p>

<p>А тег «head» откроет так называемое тело документа. Именно здесь мы будем писать все то, что хотим отобразить в нашем файле.</p>

<p>Внутри тела нашего документа мы пока выучим один тег — «p». Он заключает в себя отдельные «куски» материала. В нашем случае он обозначает абзацы.</p>

</body>

</html>

Не забывайте сохраняться после каждого изменения в файле. Обновитесь и посмотрите, что получилось.

sozdanie-sajta-v-bloknote-html-5

Пока мы видим свой документ с локального компьютера, но если вы планируете показать его всему интернету, нужно, чтобы он правильно отображался. Именно в связи с этим нам нужно прописать специальные атрибуты в файле. Они не будут видны в самой странице, но в коде они должны быть.

Перед тегом «html» поставьте:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>

А после «head» поставьте:

<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>

Теперь у нас все будет отображаться правильно.

Итак, первичное создание сайта в блокноте html закончено. Конечно, это всего лишь голый текст и впереди еще много работы, но именно с этого и начинается изучение html.

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: