Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
¦ 23
Фоновое изображение может придать Web-странице дополнителЬньї'й«олорит. Фоновый рисунок всегда заполняет все окно браузера. Если размер изображения меньше размеров окна, то оно будет размножено по принципу мозаики. По этой причине на экране границы;-сшиВКй '¦ повторяющихся рисунков должны быть невидимы. Обычно в качестве фона используется небольшое изображение, которое будет быстро передаваться по Интернету.
Для установки фонового рисунка применяется атрибут background тега <body>.
В качестве значения атрибута следует указать имя графического файла с изображением. ¦>
Установим фоновый рисунок на Web-страницу. .1'' ¦' ¦ ¦ -
> Перейдите к редактору Блокнот (Notepad). ?. ."...'.,.¦^ .'• . .
> Добавьте в элемент с тегом <body> атрибут background=BACKGWJD. GIF, чтобы данный фрагмент HTML-кода выглядел так:
<bodybflcolor=blue text=red background=BACKGRND.GIF>
Окончательно HTML-документ примет вид, изображенный на Рис. 1.15. ' /
файл flpaau формат пня справи
•Ні, С
html>
<head> і ' .. iV„ .... , , , :ч ..
<Ш1е>Компам« АТЛАНТ<ЛШе>
</head> ¦ і - jj
<body bgcolor=bliie text=redbacligroiiHd=BACKGRND.OIF>
<hl а1іаі=сеіИеі>Компания АТЛАНТ</1іҐ>
<ceiitaxims src=HLPBELL.GIF boider=lx/c«iter>
^ceutaxfoiit 8Іге=5хі>Компаніи АТЛАНТ обеспечит вас компьютерам»
її программными продуктам» на любой BKyc.</i></fout></centa'>
</body>
•hhnl>
TU
i-'f'-f;.- і
Рис. 1.15. HTML-документ с изображением > Сохраните документ на диске.
¦> Перейдите к программе Microsoft Internet Explorer и перезагрузите файл атлант.МтІ.
¦ На Web-странице появится фоновый рисунок (Рис. 1.16).
Q Н«м» ¦ Q у В [jgj Ig)IPn.,. 01^?-^ И -
Пар—он ltab
Компания АТЛАНТ
'4т
: КомпанияATJlAIIT обеспечіатас компьютерами! . I '¦: іірогрсшміьімі прод)щісап і на любой вкус. .
Рис. 1.16. Фоновый рисунок
It _ Быстро и легко создаем, программируем ¦ и »раскручиваем Web-сайт
c-'*/'.-?'«'' '.
Обратите внимание, что тлена графических файлов в HTML-документе набраны строчными буквами. Операционная ' система Windows не различает регистр букв в названиях файлов. Однако операционная система Unix [Юникс], в которой в дальнейшем может функционировать ваш сайт или Web-страница, отличает строчные и прописные буквы,,
поэтому имя графического файла в теге следует указывать с соблюдением регистра.
Зна1сол1х,у«6о MeS. Cnucku перечисления
Список является удобной формой представления данных. Например, с помощью списков полезно объединять фрагменты информации в единую структуру, описывать многошаговые процессы, представлять оглавления документов. Язык HTML поддерживает нумерованные и ненумерованные списки. В ненумерованных, или маркированных списках для выделения элементов используются специальные которые называют маркерами списка. В нумерованных, упорядоченных списках перед элементом отображается его номер. В этом знакомстве мы рассмотрим, как создавать маркированный список на Web-странице. . ' '7........... .... ч ,. ... '.. / .,
Сначала создадим структуру
Перейдите к редактору Блокнот (Notepad). > Выберите команду меню Файл * Создать (File New), чтобы создать новый пустой
документ.
. > Введите код, содержащий основные теги для определения структуры HTML-
документа:
<html> ¦'¦.'¦-' '•, i^'ff«(rlu'^-^,>-'*- ї>
<head> ¦¦^- •-.•¦.••-.f ,• .-.-тсс ¦-?-1: <Г\.5:;.> '. '
<titiex/titie> ' -.; - /»5?« - -••.«^«•44:14«;*^*';._
</head> ¦' " *4)Л**;
<body> ¦ •• :, ."• '• ':''-•¦: :¦:...,.¦. Л:: -го;'
</body> ¦
</html>
Теперь создадим заголовки документа и его раздела. , ¦ .
>• В элемент <titlex/title> введите заголовок документа Услуги фирмы, чтобы данный фрагмент HTML-кода выглядел так:
<title>y&nyra (»wipMbi</title>
>- .Ниже тега <body> введите новую строку с элементом HTML-кода, который определяет центрированный заголовок раздела документа:
<h2 аИдп=сепЪвг>Услуги компанйи</Ь2> . .
HTML-код всего документа изображен на Рис. 1.17. " ¦¦¦'..¦;.
ГЛАВА 1. Первая Web-страница за несколько минут
25
Ф*Ал Прана Формат B*« Справка
'-htiiii • ......
«ЬекР* ..•'.-1-, ¦. * ,
'<title>ycjiyni фі()мь4<ЛіНе> ' '' "''<'
</head> >¦ '•>*:'г «> ¦
<body>
<1і2 aligi]f=ceata>y слуга компаннн<Лі2> - ,. .
- H
</html>
.... 'ф
¦Ш 'у
!*$*?i**OH«"-W* Рис. 1.17. HTML-код новой Web-странщы
. ' ¦ . ¦' 'Й«*я>
'и, і ...... ¦ ¦ • .. «.?*•• 4j
Для создания маркированного списка следует использовать пару тегов <и1></и1У, которая ограничивает СПИСОК. Каждый элемент списка должен начинаться тегом <1і>; причем нет необходимости в закрывающем теге элемента! Давайте; создадим ненумерованный список услуг фирмы АТЛАНТ.
> Ниже элемента <h2 а1ідп=сепіег>Услуги компаниях:/h2> введите'^ойдагя
списка: