Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Каждый HTML-документ имеет определенную структуру: - - ¦ ¦*'
<html> <head>
</head> <body>
</body> </html>
-¦','1-
HTML-документ содержит теги <html> и </html>, отмечающие начхало и конец документа, заголовок, ограниченный тегами <head> и а также тело или содержа-тельнуючастьдокумента, заключенную междутегами <body>... </body>.
В заголовке, ограниченном - тегами <head> и </head>, теги <title>.. .</title>
определяют название документа, которое должно описывать его содержимое. Название документа обычно содержит несколько слов. Это название отображается браузерами в строке заголовка рабочего окна программы. При создании названия документа следует помнить о том, что останется от имени после минимизации окна браузера. Тег <title> нельзя путать с названием файла документа. Важность названия документа заключается еще и в том, что имя страницы загружается из Интернета в первую очередь, а получение остальной части документа может занять продолжительное время.
Задачей заголовка документа является представление необходимой информации для браузеров. Заголовок может включать элементы <meta>. . . </meta>, чтобы указать сведения о документе. Данная информация не имеет отношения к языку HTML, но может использоваться браузером. Открывающий тег <meta> включает пары имя=значение, описывающие свойства документа, например авторство, список ключевых слов и т.д. Например, данный тег может выглядеть так:
<МЕТА http-equiv=Content-Type content=пtext/html;
charset»Windows-1251 -> ..,,;,„.•„ . :-,_ .л.- .- ,av,.,.-- .^aj.'
Тег <script> позволяет включать в документ программу (скрипт), который будет запущен на вашем компьютере после загрузки Web-страницы. Скрипты можно использо^ вать, например, для анимации изображения. Атрибут тега с именем language указывает на используемый для скрипта язык, например, атрибут language=" JavaScript" показывает браузеру, что программа написана на языке JavaScript. Подробно скрипты рассматриваются в одной из глав книги. ¦ -
Документ HTML может содержать комментарии для пояснения HTML-кода. Комментарии обычно используются авторами документа для заметок, предназначенных для соб-
12_Быстро и легко создаем, программируем и раскручиваем Web-сайт
jj. Один из способов создания профессиональных сайтов и освоения нетриви-rti альных приемов использования языка HTML заключается в знакомстве с оформлением и внутренним устройством Web-страниц известных фирм и , If организаций. Как правило, эти сайты разработаны квалифицированными' Il специалистами. Познакомившись с исходным кодом данных страниц, вам, * возможно, удастся что-то улучшить при создании своего Web-документа.
Другие теги языка HTML будут рассмотрены в следующих знакомствах, а также в приложении, посвященном HTML (см. CD-ROM-диск).
Знлиялю*&> M9Z. Начинаем создавать Web-страницу
В этом знакомстве мы расскажем об основных приемах создания Web-страниц на языке HTML: как вводить заголовок и текст документа, устанавливать цвет текста и фона. В качестве примера в данной и других главах будем создавать страницы для сайта вымышленной фирмы АТЛАНТ, которая занимается продажей компьютеров и программ. Сайт компании обеспечит рекламу ее деятельности, упростит выбор товара, привлечет новых клиентов.
Создавать HTML-код лучше в простом текстовом редакторе, например, в программе Блокнот (Notepad). Введем код, который содержится практически в каждой Web-странице и определяет структуру
> Щелкните мышью на кнопке программы Блокнот (Notepad) на Панели задач (Taskbar) операционной системы Windows, чтобы перейти к окну данной программы.
> . Выберите команду меню Файл ¦ Создать (File ¦ New) для создания нового докумен-
та в редакторе Блокнот (Notepad).
> В новый документ редактора введите код, содержащий основные теги для определения структуры HTML-документа:
<html> .. -. \ ' • •;•* •.....- •
<head> j г,~ - ' ¦'. ,, * ' '¦' '
<titlex/title> " ". ' ' ' . [¦ '• "..
</head> ,
<body> ' . ; ,;-^ ..•4:-
</body> - .• ;' T"
</html>
Теперь введем в HTML-документ название Web-страницы и краткую информацию о
фирме АТЛАНТ.
ственного применения. Комментарии игнорируются браузером и не влияют на отображение Web-страницы на экране. Следует помнить, что комментарии являются частью файла, передаются по сети вместе с документом и могут приводить к увеличению времени загрузки. Комментарии могут состоять из произвольного числа строк, они начинаются с последовательности <! - - и завершаются символами -->. Например, на сайте издательства «Триумф» используется следующий комментарий:
«!-Просмотреть таблицу -->.
ГЛАВА 1. Первая Web-страница за несколько минут
13
> Между тегами <title> и </title> наберите на клавиатуре название Web-¦- страницы Компания АТЛАНТ. , . ....
> Между тегами <body> и < /body> вставьте новую строку с информацией о компании:
Компания АТЛАНТ обеспечит вас компьютерами и программными про-, дуктами на любой вкус.