- •Глава 1. Введение 174
- •Часть 1. Дизайн для Всемирной паутины Глава 1. Пройдемся по «понятиям»
- •Глава 2. «Вид» дизайна
- •Глава 3. Критические ошибки
- •Глава 4. Структура оптимизированных страниц
- •Глава 5. «Непрошеные» окна
- •Глава 6. Студия web-дизайна
- •Глава 7. «Это» — плохо!
- •Глава 8. Дизайн без «дизайна»
- •Глава 9. Гипертекстовый документ
- •Глава 10. Универсальный локатор ресурса
- •Часть 2. Основы создания гипертекстового документа Глава 1. Введение
- •Глава 2. Этикет в «паутине»
- •Глава 3. Структура
- •Глава 4. Внутри документа
- •Глава 5. Тестируйте свой документ
- •Глава 6. Таблица или фреймы
- •Глава 7. Перекодировщики кириллицы
- •Часть 3.Описание языка гипертекстовых документов Глава 1. Гипертекстовый язык
- •Глава 2.Термины гипертекста
- •Глава 3. Использование звуков
- •Глава 4. Создание графического меню
- •Глава 5. Текстовые стили
- •Глава 6. Общий интерфейс и формы языка
- •Глава 7. Фреймы
- •Глава 8.Планирование и взаимодействие фреймов
- •Глава 9.Зарезервированные имена фреймов
- •Глава 10.Создание документа html
- •Глава 11. Формы в html документах
- •Глава 12. Html 4.0
- •Глава 13. Тэги
- •Глава 15. Создание документов в формате html 4.0
- •Глава 16. Sgml и html
- •Глава 17. Как читать html dtd
- •Глава 18. Представление документа в формате html
- •Глава 19. Глобальная структура документа
- •Глава 20. Тело документа
- •Глава 21. Списки
- •Глава 22. Таблицы стилей
- •Часть 4. Редакторы web-страниц Глава 1. Основные требования
- •Глава 2. Adobe ImageReady
- •Глава 3. Corel Xara
- •Глава 4. Macromedia Fireworks
- •Глава 5. Macromedia Dreamweaver
- •Глава 6. Metacreation Headline Studio
- •Глава 7. HomeSite
- •Глава 8. Microsoft FrontPage Express
- •Часть 5. Создание Интернет-портала Глава 1. Что такое портал?
- •Глава 2. Что такое современный корпоративный портал?
- •Глава 3. Для чего нужен корпоративный портал?
- •Глава 4. Использование пакета Cold Fusion
- •Глава 5. Использование пакета Web-Oracle-Web (wow)
- •Часть 6. Cgi, php, Perl, MySql и cms системы Глава 1. Cgi
- •Глава 2. Выбор cms
- •Глава 3. Серверные скрипты
- •Глава 4. Вступление в php и MySql
- •Глава 5. Написание Гостевой книги на рнр
- •Глава 6. Гостевая книга на php — еще один вариант
- •Глава 7. Графический счетчик на php
- •Часть 7. Life Site cms — система создания и развития сайтов Глава 1. Введение
- •Глава 2. Что такое cms?
- •Глава 3. Функциональность системы
- •Глава 4. Часто задаваемые вопросы
- •Часть 8. «Раскрутка» сайта Глава 1.Выгодность хорошей «раскрутки»
- •Глава 2. Как создать вирусный трафик с помощью бесплатных электронных книг
- •Глава 3.Правильная раскрутка проекта и привлечение нужных посетителей
- •Глава 4. Экономика проекта
- •Глава 5. Стратегия эффективной работы с партнерскими программами
- •Глава 6. Преимущества использования Интернета в сетевом маркетинге
- •Глава 7. Как получить более 20 000 посетителей в день на свой сайт?
- •Глава 8. Банерная реклама
- •Часть 9. Заработок при помощи своего сайта Глава 1. Бесплатное место под ваш сайт
- •Глава 2. Как заработать на своем сайте
- •Глава 3. Банер и оплата его размещения
- •Глава 4. Влияние местоположения банера на его эффективность
- •Глава 5. Банерокрутилка на JavaScript
- •Глава 6. Бесплатное размещение web-страницы на сервере www.Geocities.Com
- •Часть 10. Уроки мастерства Глава 1. Выбираем и настраиваем домашний Web-сервер
- •Глава 2. Выводим иллюстрации в отдельном окне
- •Глава 3. Добавляем страницу в Избранное
- •Глава 4. «Откат назад» с помощью JavaScript
- •Глава 5. Индикатор состояния icq
- •Глава 6. Как поменять цвет скролл-бара
- •Глава 7. Как «обмануть» фреймы
- •Глава 8. Свойства тэга mailto
- •Глава 9. Пример практического создания сайта
- •Часть 11. Тонкости и секреты Глава 1. Фреймы
- •Глава 2. Ускоряем загрузку графики
- •Глава 3. Создаем систему быстрой навигации
- •Глава 4. Защитим страницу паролем
- •Глава 5. Устанавливаем счетчик
- •Глава 6. Десять советов web-дизайнеру
- •Глава 7. Каскадные таблицы стилей — css
- •Вопросы и ответы
- •Приложения Арсенал web-строителя
- •Тэги html
- •Meta-тэги
- •Хостинг
- •Бесплатная регистрация в поисковиках
- •Лучшие русскоязычные хостинг-серверы
- •Каталог бесплатного хостинга
- •Краткий словарь Интернета
- •Список использованных материалов
Глава 3. Использование звуков
Для того, чтобы вставить в вашу страничку звуковой файл, например, midi-файл, используйте следующую конструкцию:
<EMBED SRC=”bob1.mid” WIDTH=”140” HEIGHT=”50” ALIGN=”MIDDLE” BOR-DER=”0” AUTOSTART=TRUE>
Это одна строка.
В этом тэге были использованы следующие параметры:
WIDTH
Параметр, определяющий ширину midi-плейера.
HEIGHT
Параметр, определяющий высоту midi-плейера.
BORDER
Ширина рамки midi-плейера.
AUTOSTART
Запустить midi-плейер сразу после того, как загрузится документ HTML.
Глава 4. Создание графического меню
Используя технологию распределения ссылок по картинке, вы можете, например, создать графическое меню из одной большой картинки таким образом, чтобы каждый элемент системы меню содержал определенный URL.
Распределение ссылок по картинке описывается в тэге IMG следующим параметром:
<IMG SRC=”url” USEMAP=”url#map_name”>
Здесь аргумент USEMAP задает расположение схемы распределения map_name в URL.
Если URL не указан, то поиск схемы map_name ведется в текущем документе.
Код схемы может выглядеть так:
<MAP NAME=”map_name”>
<AREA [SHAPE=” shape “] COORDS=”x,y,...” [HREF=” reference “]
[NOHREF]>
</MAP>
Здесь были использованы следующие тэги:
<AREA>
Определить для данного URL область на картинке посредством параметров SHAPE и COORDS.
SHAPE
Форма области. Вы можете выделить область на картинке так:
default — стандартная форма
rect — прямоугольник
circle — круг
poly — многоугольник произвольной формы
COORDS
Координаты области. Задаются в пикселах. Отсчет начинается с нуля. Круг имеет три координаты, прямоугольник — четыре, а для многоугольника вы должны описать каждый его угол в двух координатах. Например, область, имеющая размеры 50 на 50 пикселов, описывается так:
<AREA COORDS=”0,0,54,54” ...>
HREF=”url”
Определить ссылку на схеме, то есть вписать URL.
NOHREF
Указать, что в данной области картинки отсутствует ссылка. Этот параметр работает всегда, когда не определен параметр HREF.
</MAP>
Закончить описание схемы распределения ссылок по картинке.
Глава 5. Текстовые стили
В HTML слова и строки кодируются логическими и физическими стилями.
Физические стили форматируют текст.
Логические стили форматируют через определение в гипертекстовом документе некоторого значения. Это в частности означает, что тэг заголовка первого уровня не содержит информации о размере шрифта и гарнитуре. Поэтому, чтобы изменить символьное форматирование заголовка вы должны модифицировать заголовок первого уровня. Через логические (в том числе и символьные) тэги вы можете сформировать согласованный гипертекстовый документ, то есть определить заголовок первого уровня в качестве только <H1> (без информации о гарнитуре шрифта и его кегле).
Логические стили
Ниже мы представляем примеры логических стилей документа HTML.
<DFN>
Определить слово. Как правило, курсив.
<EM>
Усилить акцент. Как правило, курсив.
<CITE>
Заголовок чего-то большого и хорошего. Курсив.
<CODE>
Компьютерный код. Моноширинный шрифт.
<KBD>
Текст, введенный с клавиатуры. Моноширинный жирный шрифт.
<SAMP>
Сообщение программы. Моноширинный шрифт.
<STRONG>
Ну очень важные участки. Жирный шрифт.
<VAR>
Замена переменной на число. Курсив.
Физические стили
Гипертекстовый документ может быть оформлен с использованием следующих стилей:
<B>
Полужирный
<I>
Курсив
<TT>
Моноширинный
Специальные символы
Символы, которые не могут быть введены в текст документа непосредственно через клавиатуру называются специальными символами. Для таких символов существуют особые тэги.
Четыре символа — знак меньше <, знак больше >, амперсанд & и двойные кавычки “ имеют специальное значение внутри HTML и следовательно не могут быть использованы в тексте в своем обычном значении.
Скобки используются для обозначения начала и конца HTML тэгов, а амперсанд используется для обозначения так называемой escape-последовательности. Для использования одного из этих символов введите одну из следующих escape-последовательностей:
<
Знак меньше.
>
Знак больше.
&
Амперсанд.
"
Кавычки.
