Создание сайта. С чего начать?
Привет всем желающим начать изучение такого дела, как создание сайта или блога.
И тут встает вопрос: “С чего же мне начинать?”
Для начала, перед тем как создать сайт, нам необходимо выбрать редактор.
Так как Вы н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-документ состоит буквально из одной строки, которая в любом случае должна находиться поверх всего остального кода.
Давайте немного разберемся во всем этом. С помощью 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>).
Популярность: 44%
Еще по этой теме...
(Еще не оценили)
Загрузка ...
Загрузка ...