Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Другой способ подготовки Web-страниц заключается в «ручном» создании кода документов Всемирной паутины на языке HTML - HyperText Markup Language (Язык раз-• метки гипертекста). Данный язык представляет собой довольно простой набор команд, описывающих структуру документа. Язык HTML позволяет выделить в документе от-
~и- 'г "... і > ¦:"/ : . .
V
ГЛАВА 1. Первая Web-страница за несколько минут
дельные элементы - заголовки, абзацы, таблицы И т.д. В этой главе мы рассмотрим, как
создавать Web-страницы с помощью языка HTML 4.O..
Примеры данной главы вы можете найти на прилагаемом к книге компакт-диске в папке Примерьі\Глава_1. Для просмотра Web-страниц мы будем использовать только браузер Microsoft Internet Explorer. '-
Зкаиои^о МИ. Как устроены Web-страницы
В этом знакомстве на примере главной страницы сайта издательства «Триумф» мы кратко расскажем, как устроены Web-документы.
Сначала загрузим страницу сайта издательства «Триумф».
> Установите связь с Интернетом. _
> Нажмите кнопку Пуск (Start) на Панели задач (Taskbar) операционной системы Windows. Откроется основное меню Windows.
> Выберите команду Программы ¦ Internet Explorer (Programs ¦ Internet Explorer) из ::; ¦ основного меню, чтобы запустить программу Microsoft Internet Explorer.
> В поле ввода Адрес (Address) рабочего окна программы введите электронный адрес
сайта крупного российского издательства компьютерной литературы «Триумф»
http://www.triumph.ru и нажмите клавишу Fnterj. После загрузки в окне программы появится главная страница сайта издательства (Рис. 1.1).
-<^'<:V ¦.MIIJJ1H-JJ-Il-IiUIl1JJJi»
Файл Правка Вид Избранное Сервис Справка
:¦¦} у4.tU 5
'Im f -4. і'--
Q Н*мя -©-[«] [Ц| ffe | P Поиск Избранно.. ¦© | (gl' Ці
••• SH= і Г <.¦ ' .І-:.Г
ИЗДАТЕЛЬСТВО "ТРИУМФ"
Приветствуем і!яс на с.ште ітїдлтільств-і Триумф'
переводчиком Впуры, работ
Это наши книги. Вы можете к>ттшъ их, посетив наш онлайновый магачг
Рис. 1.1. Главнаястраница сайта издательства «Триумф»
> Разорвите связь с Интернетом., .• \щП - ¦'
Теперь отобразим на экране^ис^одный код загруженной Web-страницы.
9
10
Быстро и легко создаем, программируем и раскручиваем Web-сайт
>¦ Выберите команду меню Вид ¦ Просмотр HTML-кода (View ¦ Source). Будет запущена программа-Блокнот (Notepad), в окне которой'появится исходный код главной ;. ,страницы сайта издательства «Триумф» (Рис. 1.2).
Файл Правка Формат Виц Cn
равна
<НШ1>
<HEAD> •• ¦ - ч(.>
<ШЬЕ^1Ьдат«льство компьютерной литературы ТО1УМФ<ЛТТХЕ> <METAhttp-eqiu\=Cont«it-T>pe coiiteiit^'text/litml, chaiset^wuidovvs-n.^l'^ </HEAD>
<BODY%lJnk=#9900FF link=S6600CC baColoi=#?ffiff> <TABLEbonla=0\vidtll—'100?'o" stylee^'border-style: solid; border-width: 3px padding-left: 4px: pnddms-ligllt: 4px; padding-top: Ipx padding-bottom: lpx" cellspncin?f="4" cellpaddmg="4">
<TBOD Y><!-- просмотреть таб.ш щу -->
<TR>
<TD \vidtb=90 і pwspnn="26" backgiouii(t^,auUiors.files/tOksal.gif'>&iibsp:<nT)> <TD witW^'lO'^&ibsp^TD^ <TD у\'іаиі="252">&пЬ»і)'.с,ТТ)> <TD widtli=5>&Hbsp;</TD>
Рис. 1.2. EcXOdHUU1KOd страницы сайта издательства «Триумф»
-г. Файлы с текстом кода на языке HTML имеют расширение .html или .htm. В документе . HTML, .обычный .-.текст сочетается с элементами разметки, заключенными в угловые скобки < и >, например <htnl>, <head>, <title>. Такие элементы разметки называются тегами. Теги управляют отображением информации и при этом сами не выводятся на экран. Теги бывают одиночными, открывающими и закрывающими. Кроме угловых скобок тег содержит свое имя и необязательные атрибуты, т.е. параметры тега, например languages"JavaScript".
Если в тег включается символ слеш /, то тег является конечным тегом, закрывающим некоторую структуру, например </script>. Обратите внимание, что в начале документа расположен тег <html>. Данный тег означает начало документа. В свою очередь, тег указывает на конец документа.
В тегах могут использоваться только символы латинского алфавита, а в значениях атрибутов - любые символы. Если в качестве значений атрибута используются, например,
русские символы, то они должны быть заключены в кавычки, например, > " name= "Название". Язык HTML не различает большие и малые буквы,' так что теги <TITLE>, <title> и <Xitle> эквивалентны. •
Многие 'теги являются парными: за открывающим тегом следует закрывающий его, а между ними содержится текст или другие теги, например:
<ТХТХіЕ>Издательство компьютерной литературы ТРИУМФ</Т1ТЬЕ>
В подобных случаях два тега и часть документа, заключенная между ними, образуют блок, называемый элементом HTML. Некоторые теги, например <hr>, являются оди-' ночными, и для них нет закрывающего тега. Данные теги сами по себе являются элементами HTML.
ГЛАВА 1. Первая Web-страница за несколько минут__11
Как .-уже упоминалось, теги- - могут иметь -атрибуты - параметры с дополнительной информацией- о -том, -;как браузер должен обрабатывать текущий ^,-например, 'можно - '-указать цвет текста. Атрибут тега состоит из имени, например language, знака равенства = и значения, которое задается строкой символов, например language="JavaScript". Значение атрибута может записываться как в кавычках, так и без них. Если эти значения используют только символы латинского алфавита, цифры и дефисы, то кавычки иногда опускают. Атрибуты в теге отделяются друг от друга пробелами, при этом их порядок следования произволен. • . ' ¦