Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Плещёв ИП 2010-04-04 doc.doc
Скачиваний:
108
Добавлен:
13.05.2015
Размер:
5.96 Mб
Скачать

Глава 15. СозданиеWeb‑страниц

15.1. Основные средства созданияWeb‑страниц

Web‑страницы могут содержать самые различные объекты, для кото­рых имеются следующие средства создания и корректировки:

  1. Растровая графика: Adobe PhotoShop, Paint Shop Pro.

  2. Векторная графика: Corel Draw, Adobe Illustrator.

  3. Распознавание текста: FineReader,CuneiForm.

  4. Анимированные изображения в формате GIF:UleadGIFAnimator,Macro­mediaFlash(векторная анимация),Internet3DSpaceBuilder(трехмер­ная графика и миры).

  5. Обработка звука: CoolEdit.

  6. Гипертекстовая разметка документа: HTML.

  7. Сценарии: VBScript, Perl, JavaScript.

  8. Редакторы кода HTML и сценариев: любые текстовые редакторы (Notepad, Allaire HomeSite, Hot Dog Pro) и визульные редакторы (Microsoft Front Page, Adobe GoLive, Dreamweaver [12], Netscape Composer).

15.2. ОсновыHtml

15.2.1. Правила написания

Описание Web‑страниц (HTML‑документов) на языке разметки ги­пер­текстовHTML(HypertextMarkupLanguage) производится тегами или дескрипторами [11]. Тег имеет вид: <имя тега [атрибуты тега]> ... [</имя тега>] (угловые скобки указываются).

Атрибуры записываются в виде: <имя атрибута>[=”<значение>”]. В значениях вместо кавычек указываются апострофы. Фор­ма записи сво­бод­ная. Где допускается один пробел, можно указывать несколько пробелов. Броузер игнорирует их. Для вставки пробела используется неразрывный про­бел в виде “&nbsp;”. Перенос (специального символа переноса нет) можно делать в любом месте, где допускается пробел. Пробелы ука­зы­вают­ся после имен тегов. Строчные и прописные буквы восприни­мают­ся одинаково. Однако для совместимости сXNTML(SGML,XML) реко­мен­дует­ся исполь­зо­вать строчные буквы. Длина строки и число тегов в строке не ограничены. Рассмотрим основные теги и их атрибуты.

15.2.2. Структура документа

<HTML> ... </HTML>‑ начало и конец документа.

<HEAD> ... </HEAD>‑ заголовочная часть документа.

<TITLE> ... </TITLE>‑ название документа в строке заголовка броузера.

<BODY> ... </BODY>‑ тело документа, выводимое на экран.

<DIV> ... </DIV> ‑ раздел документа с атрибутами форматирования. До­пус­кается вложенность разделов.

<!-- ... //-->комментарии в кодеHTML(могут занимать несколько строк).

15.2.3. Форматирование текста

<H1>...</H1> - <H6>...</H6>‑ подзаголовки с уменьшением размера.

<BR>‑ разрыв, который равнозначен символу возврата каретки.

<P>,<P> ... </P>‑ обозначение абзаца, абзац с атрибутами абзаца.

<PRE> ... </PRE>‑ предварительное форматирование текста.

<NOBR> ... </NOBR>‑ строка без разрыва.

<B>...</B>, <STRONG> ...</STRONG> ‑ полужирный шрифт.

<I>...</I>, <EM> ... </EM> и<U>...</U> ‑ курсив и подчеркивание.

<BIG>...</BIG> ‑ увеличение размера текста относительно обычного.

<SMALL>...</SMALL> ‑ уменьшение размера текста.

<STRIKE>...</STRIKE> ‑ зачеркнутый текст.

15.2.4. Атрибуты выравнивания текста и управления цветом

Align‑ атрибут выравнивания текста (в тегахDIV,Pи др.): слева (Left), справа (Right), по центру (Center), по ширине (Justify).

Пример.<P ALIGN=“CENTER“>Текст по центру</P>

Text, Link, Alink, Vlink, Bgcolor, Background‑ цвет текста и ссылки по умолчанию, цвет активной ссылки и после ее посещения, цвет фона, раз­ме­щение фонового изображения (Background=”url”) соответственно.

Значение цвета может задаваться функцией RGB(r,g,b), име­но­ван­ны­ми константами (136 констант) [см. пример из п.15.6.6) или числовыми шестнадцатеричнымиRGB­‑константами вида #999999, где первые две цифры (от 0 доFF16) ‑ интенсивность крас­ного, средние две цифры ‑ ин­тен­сивность зеленого и последние ‑ ин­тен­сивность синего цветов (BGCOLOR=“rgb(0,255,0)”, BGCOLOR=“#00FF00“, BGCOLOR=“green”).