- •Уроки html'а. Урок # 1.
- •Уроки html'а. Урок # 2.
- •Заголовки
- •Набор текста
- •Разделители
- •Уроки html'а. Урок # 3.
- •Верхние и нижние индексы
- •Уроки html'а. Урок # 4.
- •Шрифты различного начертания
- •Управление цветом шрифта
- •Уроки html'а. Урок # 5.
- •Списки и таблицы
- •Что такое списки и таблицы
- •Как списки помогают организовать нам информацию
- •Как создать список на вашей странице
- •Нумерованный список
- •Списки определений
- •Списки в списках
- •Уроки html'а. Урок # 7.
- •Как построить таблицу
- •Объединение нескольких столбцов в одну ячейку
- •Включение списка в таблицу
- •Уроки html'а. Урок # 8.
- •Выравнивание текста в таблице
- •Цвета в таблице
- •Предварительное форматирование
- •Уроки html'а. Урок # 9.
- •Где вы сможете найти графику, изображения и рисунки
- •Создаем свое изображение
- •Как поместить изображение на страницу
- •Оптимальные размеры изображений
- •Миниатюра полное изображение
- •Алтернативный текст
- •Выравнивание изображений
- •Задание размера изображения
- •Пиктограммы
- •Линии и полосы
- •Фон страниц
- •Уроки html'а. Урок # 11.
- •Как браузеры работают с прозрачными изображениями
- •Создание прозрачных gif-изображений
- •Наложение изображений
- •Уроки html'а. Урок # 12.
- •Понятие гипертекстовой ссылки
- •Анатомия ссылки
- •Ссылки на любое место в www
- •Уроки html'а. Урок # 13.
- •Создание якоря и присвоение ему якоря
- •Ссылка на якорь
- •Компоновка ссылок в виде списков
- •Текст ссылок должен быть понятным
- •Уроки html'а. Урок # 14.
- •Изображения-карты
- •Как работают изображения-карты
- •Изображения-карты не являются новой технологией
- •Различия между серверными и клиентскими изображениями-картами
- •Разбиение изображения на фрагменты
- •Уроки html'а. Урок # 15.
- •Прямоугольники
- •Окружности
- •Многоугольники
- •Уроки html'а. Урок # 16.
- •Совершенствования веб-страницы
- •Развертывание веб-страницы в веб-узел
- •Зачем разделять веб-страницу
- •Правильно проектируйте свой узел
- •Подсчет числа посетителей домашней страницы
Текст ссылок должен быть понятным
Постарайтесь сделать так, чтобы смысл был понятен. Я проиллюстрирую этот совет (ссылки выделены жирным шрифтом). Такой абзац содержит непонятную ссылку: Московский Ледовый Цирк - это сплошной праздник. Посещение этого цирка доставит удовольствие отдельным зрителям и целым семьям любого возраста и положения. Кликните на Московском Ледовом Цирке, и вы увидите палатку цирка. Эта палатка знаменита на весь мир. Это самая высокая цирковая палатка на сегодняшний день.
А вот тот же текст с понятной ссылкой: Московский Ледовый Цирк - это сплошной праздник. Посещение этого цирка доставит удовольствие отдельным зрителям и целым семьям любого возраста и положения. Вы непременно захотите увидеть палатку цирка - самую большую цирковую палатку в мире на сегодняшний день.
Ссылки не должны нарушать плавности повествования, как это было в первом примере ("Кликните на..."). Как будто посетители и так не знают, что нужно кликнуть на ссылку. Но вообще на первый взгляд это мелочи, но статистика показывает, что это очень важный элемент.
Предупреждения о ссылках на большие документы
Когда вы ссылаетесь на большие рисунки, файлы, звуковые файлы или видеоклипы (или даже на очень большие текстовые файлы), лучше честно предупредить об этом визиторов, поскольку загрузка больших файлов может занять много времени. Более подробно этот вопрос мы обсудим когда будем говорить о мультимедийности страницы.
Поддерживайте ссылки в действующем состоянии
Когда вы приобретете опыт в создании веб-страниц, на них, скорее всего, бедет целый ряд ссылок на различные части Веба. Эти ссылки со временем устаревают. Веб-страницу, на которую вы ссылаетесь, могут удалить или перенести на другой узел. В среднем раз в несколько месяцев некоторые ваши ссылки будут терять актуальность.
Посетители вашей веб-страницы будут разочарованы, если попытаются воспользоваться такой ссылоки и узнают, что этой страницы больше нет. Периодически проверяйте ссылки на своей веб-странице, чтобы точно знать, что они актуальны. Иначе их лучше не использовать.
Уроки html'а. Урок # 14.
Изображения-карты
Читая материал о том как оживить веб-страницу с помощью графики, вы узнали о том, как графика обогащает Всемирную Паутину и делает страницы интересными для просмотра. В этой главе я расскажу, как сделать еще один шаг вперед и заставить изображения работать на вас.
Разновидность веб-графики, о которой пойдет речь, назвается изображения-карта. Такие изображения удобны в использовании и быстро приобрели популярность среди веб-разработчиков во всем мире. Изображение-карта - это такое изображение, различные фрагменты которого служат ссылками на разные документы. Выбирая с помощью мыши различные фрагменты изображения, посетители могут перемещаться со страницы на страницу. По своей природе изображения-карты более удобны, чем обычные текстовые ссылки, потому что в этом случае не приходится объяснять, что делает каждая ссылка. Посетителю нет необходимости читать о том, куда перенесет его ссылка, он и так это видит.
Данная глава посвящена различным аспектам применения изображений-карт и технологии, облегчающей их создание. Потратив несколько минут, любой сможет создать на своей странице так называемое клиентское изображение-карту.