Научная литература
booksshare.net -> Добавить материал -> Информатика -> Алексеев Ю.М. -> "Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко" -> 10

Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.

Алексеев Ю.М. Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко — М.: «Лучшие книги», 2005. — 430 c.
Скачать (прямая ссылка): bilsprwebsite.pdf
Предыдущая << 1 .. 4 5 6 7 8 9 < 10 > 11 12 13 14 15 16 .. 177 >> Следующая


¦ 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> введите'^ойдагя

списка:
Предыдущая << 1 .. 4 5 6 7 8 9 < 10 > 11 12 13 14 15 16 .. 177 >> Следующая

Реклама

c1c0fc952cf0704ad12d6af2ad3bf47e03017fed

Есть, чем поделиться? Отправьте
материал
нам
Авторские права © 2009 BooksShare.
Все права защищены.
Rambler's Top100

c1c0fc952cf0704ad12d6af2ad3bf47e03017fed