- •Уроки 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'а. Урок # 16.
Совершенствования веб-страницы
Допустим, вы купили себе машину. Она вам понравилась, но я уверен, что вы все-таки кое-что в ней изменили. Некоторые устанавливают плейеры или сигнализацию, другие - люки в крыше или неоновые огоньки, не говоря уже о болающейся игрушке! Такие усовершенствования делают каждую машину уникальной.
Сейчас ваша веб-страница напоминает только что купленную машину. Я покажу вам, как усовершенствовать веб-страницу, чтобы она отвечала вашим личным вкусам и предпочтениям, как преобразовать стандартную веб-страницу в вашу собственную. Вы изучите более сложные теги HTML и другие замечательные средства, позволяющие перекроить домашнюю страницу по своему усмотрению. Они не настолько сложны, чтобы вы не смогли применить их на своей веб-странице сразу же.
Развертывание веб-страницы в веб-узел
Поначалу вы, наверное, жили в маленькой однокомнатной квартире, которую только и могли себе позволить. У вас было совсем немного мебели и украшений на стенах. Потом всего этого стало много, и вы поняли, что необходимо переехать в квартиру большего размера или, возможно, в отдельный дом.
Сравните свою первую переполненную квартиру с вашей веб-страницей. Не слишком ли много на ней информации? Возможно, простая веб-страница сначала отвечала вашим требованиям. Но когда вы начали перечислять на ней свои личные и профессиональные интересы, ввели несколько изображений, мултимедийных клипов и стали применять ссылки на веб-страницы по всему Интернету, наверняка заметили, что ваша веб-страница стала слишком большой и неуклюжей. Значит, пора расширить ваши горизонты и вместо веб-страницы сделать веб-узел.
Вспомните свой переезд на новую квартиру. Пришлось многое ремонтировать и переделывать. В большом доме всегда есть, что совершенствовать. Так же и развернутые веб-узлы требуют постоянной и кропотливой поддержки. Поддерживать веб-узел на современном уровне и во взаимоувязанном состоянии сложнее, чем веб-страницу.
Личная веб-страница - это оперативная точка для тех, кого интересует наша персона. Но теперь на вашей веб-странице есть ссылки на ряд других HTML-документов, также содержащих информацию о вас. Все эти документы в совокупности и называются веб-узлом, или сайтом.
Развертывание веб-страницы в веб-узел - это обычная практика. Например, если вы заметили, Design Laboratory содержит множество различных наборов информации, которые я пытался разместить на одной странице. В конечном счете информации набралось больше, чем можно разместить на одной странице, а я хочу все время добавлять новые материалы. Поэтому я разбил сайт на несколько отдельных разделов, связанных с основной страницей и двухсторонними ссылками. Так и создается собственная мини-паутина HTML-документов.
Зачем разделять веб-страницу
Существует две важные причины для развертывания веб-страницы в веб-узел. Во-первых, так посетителям легче найти ту информацию, которая им нужна. Например, если вашу веб-страницу посетит потенциальный работодатель, он вряд ли захочет ждать, пока загрузится ваши семейные фотографии. Ему нужно прочесть ваше резюме и узнать о вашем опыте работы. Если узел разбит на несколько документов, посетитель сможет выбрать только ту информацию, которую он искал. Это экономит ему время.
Вторая причина более эгоистического свойства. При наличии нескольких документов появляется возможность вводить больше интересной графики и личной информации. Если к веб-странице, перегруженной графикой и мультимедийными файлами, еще что-нибудь добавить, ее станет трудно читать. Когда я разделил свою страницу, я смог удвоить количество графики и разного рода мультимедиа.
Наконец, самая главная причина разделения - узел легче поддерживать и обновлять. В хорошо организованном веб-узле легко обновить лубую информацию.
