Создание сайта. С чего начать?

Рубрика: HTML

Привет всем желающим начать изучение такого дела, как создание сайта или блога.

И тут встает вопрос: “С чего же мне начинать?”

Для начала, перед тем как создать сайт, нам необходимо выбрать редактор.

Так как Вы нe имeeтe ни мaлeйшeгo пpeдcтaвлeния o сайтостроении и HTML, тo для начала вaм подойдут такие peдaктopы: Word или Notepad++.

Что дальше? Давайте сделаем следующее...
Откройте редактор (Word, Notepad++ или какой-то другой) и скопируйте в него такое:

P.S.: Все, что выделено красным цветом Вы исправляете, а комментарии, которые выделенные черным (<!-- --> и все, что находится между этими скобками), — удаляете (по Вашему желанию, т.к. браузер игнорирует комменты).
<!--Пример HTML документа. -->
<html>
<head>
<!--Следующая строчка — кодировка. -->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Ваш заголовок</title>
</head>
<body>
<!--Дальше указываем название шрифта (лучше два или больше, через запятую), его размер и цвет. -->
<font face="Verdana,Sans-serif" size="2" color="#000000">
<b>Название Вашего раздела</b><p>
Здесь Ваш текст.
<p>
<!--Потом встраиваем графический файл в документ. И будет он у нас отображаться по центру. -->
<center>
<img border=0 src=«Имя графического файла с расширением» Width=«Его размер по горизонтали» Height=«Его размер по вертикали» alt=«Здесь Вы указываете выпадающую подсказку»>
</center>
</font>
</body>
</html>

Сохраните документ с расширением html (например, 001.html или index.html) и запустите: Вы только что создали свою первую internet-страницу. Мои поздравления!

Но мы написали всего лишь простейший код. Копнем глубже...

Каждый HTML-документ, который отвечает спецификации HTML, должен начинаться строкой декларации версии HTML !DOCTYPE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

Именно эта строка поможет браузеру определить, как правильно интерпретировать созданный Вами документ. В нашем случае мы говорим браузеру, что HTML соответствует международной спецификации в версии 3.2 (это очень старая версия). Из примера наглядно видно, самый короткий html-документ состоит буквально из одной строки, которая в любом случае должна находиться поверх всего остального кода.

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 3.2 Final//EN»>

Давайте немного разберемся во всем этом. С помощью HTML мы создаем разметку интернет-страницы, то есть размещаем на ней разные элементы (заголовки, текст, изображения и разные файлы). Здесь можна провести аналогии со строительстом: сначала делают фундамент, потом сруб, крышу, столярку, инженерные сеты – в правильном порядке расставляют конструктивные элементы. Так же и с нашим HTML.

Теперь немного о тегах — знаках, которые располагаются в скобках.

Тег — это оформленная единица HTML-кода. Для примера, <HEAD>, <FONT ...>, <BODY>, <HTML> и так далее. Теги бывают как начальными (те, что открываются) и конечными (те, что закрываются), которые начинаются со знака «/»). Пример закрывающихся тегов: </HEAD>, </FONT>, </BODY>, </HTML>.

Элемент — это понятие, которое было введено для удобства. Пример: элемент HEAD составляют два тега — открывающийся <HEAD> и закрывающийся </HEAD>. Поэтому, элемент — понятие более емкое, которое обозначает пару тегов, а также часть документа (страницы) между этими тегами, на которую они влияют.

Большинство тегов парные: имеют открывающуюся часть <> и закрывающуюся </>. Между ними и находятся коды, которые распознает и интерпретирует браузер. Любой HTML-документ всегда начинаться с отрывающегося тега <HTML> и заканчивается закрывающим </HTML>. Дальше следует заголовок <HEAD></HEAD>. Внутри этих тегов (между ними) всегда должна находиться информация о кодировки страницы, в нашем случае <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> (хотя, наиболее оптимальной на сегодняшнее время является кодировка charset=utf-8),  а также теги, которые определяют название нашей страницы: <TITLE></TITLE>. Только сейчас между тегами, определяющими содержимое документа <BODY></BODY> можно размещать контент –  свои статьи, графические файлы, видео- и аудиофайлы. Одним словом, различного рода информацию.

Вывод. Теги <HTML> и </HTML> - это фундамент нашего сайта.
Теги <HEAD></HEAD> - это крыша нашего сайта.

Все что находится между тегами <BODY></BODY> — это сруб нашего сайта, а сруб строится из кирпичиков. Так такими кирпичиками и является наш контент (различного рода информация), который отображен в виде тегов, размещаемых в ”теле” нашей интернет-страницы (между тегами <BODY></BODY>).

Популярность: 58%

Еще по этой теме...

Рейтинг:
1 звезда2 звезды3 звезды4 звезды5 звезд (Еще не оценили)
Загрузка ... Загрузка ...
Просмотров: 1,149
Если Вам интересна эта запись, Вы можете следить за ее обсуждением, подписавшись на RSS 2.0 . Комментарии и пинг закрыты.

Оставить комментарий: