|
Самое начало
И так приступим. Для начала давайте настроим ваш компьютер. Для нормальной работы вам необходим INTERNET EXPLORER, далее IE или другой полноценный браузер, поддерживающий по крайней мере фреймы, но можно обойтись и без этого не без браузера конечно, а без поддержки крутых примочек, они нам на данном этапе пока не нужны. Текстовый редактор, желательно попроще, например Блокнот из Виндов, просьба не используйте Word и тому подобное, он немножко засоряет сохранённый файл. А так же вам очень желателен графический редактор способный сохранять картинки в формате GIF и JPG, если у вас Adobe Fotoshop или Corel Draw, то вам возможно нужно подправить корректность отображения русских шрифтов, для этого следуйте моим инструкциям и не бойтесь ради бога Windows не накроется там вообще можно пол реестра грохнуть и она работать будет.
1. Запустите редактор реестра (например в директории Windows запустите Regedit.exe);
2. Откройте [HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Nls\CodePage];
3. Теперь измените значение 1252 и 1250:
a)для Windows NT на "C_1251.NLS"
b)для Windows 95/98 на "cp_1251.nls".
4. Теперь обязательно перезагрузите комп.
Усё вроде готово можем начинать.
Ну теперь давайте разбираться.
Вы мне не поверите но WEB страница это почти целиком текстовый документ, но я вам могу доказать, хотите увидеть что представляет собой эта страница, что ж, только без паники, там всё очень просто. Откройте если у вас IE для других браузеров не помню, но почти аналогично, так вот откройте закладку вверху ВИД\В ВИДЕ HTML, для русской версии, для английской версии всё аналогично только на английском. Ну как удивлены, думаю нет, вы ведь ожидали увидеть нечто подобное? Ну так вот во всём этом мы и будем разбираться.
Не скрою вы можете создать WEB странички и автоматическими средствами (Есть такие хитрые штуки, работать в них просто как в WORD) но для человека не знающего основ, всё это бесполезно.
Так всё таки что же собой представляет HTML документ? Это собственно набор команд, и данных которые выполняет программа-браузер. Непонятно, представьте, что вы должны объяснить человеку что нужно повесить картину посередине над дверью. Что вам для этого нужно, а нужно дать человеку данные о том где лежит картина, и где именно её нужно повесить и как, так же и тут команды для браузера ( но все образованные люди называют их тегами и заключают в треугольные скобки: < > и пишут БУКВАМИ ВЕРХНЕГО РЕГИСТРА, (чтоб не запутаться, правда я исключение, я в них не путаюсь) именно из за этих скобок браузер отличает теги от обычного текста,) задают всё данные которые нужны браузеру то есть где какой и главное как отображать элемент. Подчёркиваю что WEB мастер не создаёт документ а только описывает его структуру, создаёт его уже браузер, а WEB мастер просто ставит обозначения того что текст будет выделен или подчёркнут, но выделят его и подчёркивает уже браузер! Одним словом HTML(HyperText Markup Language) это не язык программирования, а Так называемый ЯЗЫК ГИПЕР ТЕКСТОВОЙ РАЗМЕТКИ , при помоши этого языка можно рассказать браузеру как размещать различные элементы странички.
Но язык HTML не позволяет делать всё что хочется сделать опытному пользователю и для этого кроме языка HTML используются различные примочки, например Java Skript и т.п. но это как я уже говорил после.
Вы должны помнить, и знать, что когда вы вводите в адресную строку браузера например: http://www.aport.ru то на самом деле загружается страница, с адресом HTTP://www.aport.ru/index.htm , в следствии этого свойства ваш первый документ, то есть тот документ от которого начнёт своё движение по сайту ваш посетитель должен иметь название "index.htm", таким образом, если ваш домен будет www.rb.ru, и пользователь введёт его в адресную строку, то загрузится именно эта страничка, с адресом http//www.rb.ru/index.htm
Как я уже говорил команды в HTML называются тегами и записываются как последовательность букв, которые заключены в угловые скобки. Но ведь действие тегов должно распространяться на какую-то часть документа, или в его отдельном месте. Для реализации этого теги разделены на одиночные (не требуют закрытия) и двойные(или парные кому как нравится, они требуют закрытия). Тег двойной состоит как бы из двух тегов, открывающего и закрывающего, открывающий от закрывающего отличается тем, что у закрывающего тега присутствует слеш (/) Например: открывающий тег < font > закрывающий тег < /font > , как видите тег FONT это парный тег так как он действует на область текста , а вот пример одиночного тега < br > это тег перехода на новую строку, он действует именно в том месте, где поставлен и не требует закрытия.
У тегов внутри ещё бывает нужно описать АТРИБУТЫ , так например для тега < FONT > существует атрибут SIZE="4" который означает что на области текста, на который распространяется влияние тега FONT размер текста должен быть равным 4.
Атрибуты записываются внутри треугольных скобок открывающего тега. В исходном виде это записывается так < font size="4" > Этот текст находится под действием этого тега с этим атрибутом < /font >
Символьные объекты
А теперь о символьных объектах. Порой вам будет нужно записать на страничке что ни будь в треугольных скобках, но ведь браузер примет эту запись за тег, и попытается его интерпретировать, для обхода этого для многих символов существует специальный код, который помогает воспроизвести на страничке те или иные символы. Например эта скобка < записывается как "& l t", но без кавычек и пробелов , а символ этой скобки > таков "& g t" опять же без кавычек и пробелов! Позднее я попытаюсь создать относительно полный словарь кодов символьных объектов.
Комментарии
И о комментариях, если хотите можете в исходном тексте написать следующее,
<!-- По идее этот текст у посетителя вашей странички отображаться не будет --> , этот приём позволяет делать для себя комментарии чтоб не запутаться если страничка большая и сложная.
Ну вроде с основными правилами разобрались.
Теперь давайте рассмотрим структуру HTML документа
Хостинг от uCoz