- •Уроки 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.
- •Совершенствования веб-страницы
- •Развертывание веб-страницы в веб-узел
- •Зачем разделять веб-страницу
- •Правильно проектируйте свой узел
- •Подсчет числа посетителей домашней страницы
Где вы сможете найти графику, изображения и рисунки
Теперь, когда вы убедились, что вам следует ввести в веб-страницу несколько графических объектов, задается вопрос: где их взять? Сайт Design Laboratory расчитан для веб-строителей. На нем есть раздел Графика где вы сможете найти большую коллекцию различной графики.
Вы также можете взаимствовать графику с чужих веб-страниц. Для этого необходимо подвести курсор мыши на изображение, вызвать всплывающее меню (правой кнопкой) и найти Save Image As... [Сохранить рисунок как...]. Потренеруйтесь с этим загадочным квадратом справа. Правда сохранять-то нечего, поэтому вы просто увидите надпись Save as....
Создаем свое изображение
Существует множество программ, позволяющих создать свое изображение. Например имея какую-либо картинку, мы можем привязать к ней любую надпись, но это уже не HTML. Учиться рисовать будем только после того, как изучим HTML.
Делая домашнюю страничку, мы можем положить на нее свою фотографию. Обычно, простые бумажные фотографии переходят в графический режим при помощи сканеров. Сканеры бывают различного качества и стоимости. Вы можете найти простенький черно-белый сканер за 79 долларов, но самый совершенный цветной сканер может стоить все 1000 долларов и более, в зависимости от требуемого качества. Сканеры характерезуются разрешением. Разрешение - это число крошечных точек, которые различает сканер при преобразовании в цифровой код ваших фотографий и рисунков. Разрешение является важнейшей характеристикой, поскольку чем оно больше, тем более подробным будет изображение.
Выбирайте сканер с разрешением не меньше 300х300 точек на дюйм. Это означает, что при сканировании каждого квадратного дюйма сканер различает 90'000 точек. Кажется, что это много, но обычный факс имеет разрешение 200х200 ppi (pixels per inch - точек на дюйм) - и вы знаете, какими расплывчатыми иногда бывают сообщения. Часто сканеры поставляются с программным обеспечением, которое существенным образом повышает разрешение.
Сканеры с высоким разрешением обычно стоят довольно дорого. Они вряд ли необходимы, если вы просто сканируете изображения для веб-страницы. Для непрофессионального использования обычно достаточно разрешения 300х300 или 600х600 ppi.
Сейчас часто можно видеть объявления в магазинах, где продают компютерную технику подобно: "Сканируем". Многие делают на этом большие деньги, расчитывая на неопытных пользователей. В среднем, один проход сканера стоит не более 5 рр. Лучше не поддаваться на "качественное сканирование" за которое шустрые продавци берут по 10-15 рублей.
Как поместить изображение на страницу
Теперь мы знаем, откуда берутся изображения. Настала пора поместить на нашу веб-страницу каких-нибудь картинок. Далее я расскажу процесс вставки графики в веб-страницу и рассказывается об использовании при этом различных опций HTML.
Сначала мы узнаем кое-что об изображениях и типах файлов. Затем последует описание процесса помещения простого изображения на веб-страницу. Вы также узнаете о некоторых тонкостях, облегчающих использование вашей веб-страницы и делающих ее более привлекательной.
Использование файлов нужных типов
Изображения можно созранять в нескольких форматах. У каждого их них есть свои преимущества и недостатки. Не секрет, что во всемирной паутине преобладают 2 распространенных формата - GIF и JPeG. Тип файлов GIF (Graphical Interchange Format - Графический Формат Обмена) был впервые применен много лет назад CompuServe (онлайновая информационная служба) для предоставления информации в стандартном графическом формате. Он стал первым типом файлов, поддерживаемых WWW.
Недавно был разработан формат JPeG (Joint Photographic Experts Group - Объединенная Группа Экспертов Фотографии). Во многих случаях он оказался существенно эффективнее GIF, особенно для больших изображений. Файлы в формате JPeG занимают меньше места и, соответственно, быстрее загружаются. Но бывает так, что GIF занимает меньше места, чем JPeG, но это лишь в тех случаях, когда изображение маленького размера (не в байтах, а в точках).