c) Рисунки.
На Web-страницах рисунки должны быть
только в определенных форматах – это
GIF, JPEG (JPG) или PNG (используется редко).
Формат GIF используется в основном для
небольших рисунков, т.к. точнее
воспроизводит детали, но использует
мало цветов (до 256).
Формат JPEG используется в основном
для больших рисунков и фотографий, т.к.
передает до 16,7 млн. цветов, но
отбрасывает мелкие детали (на
больших рисунках это не
принципиально).
Как я уже говорил, рисунки нужно
располагать в ячейках таблиц , это
позволяет более удобно управлять ими.
Так, создавая какую либо галерею
рисунков примерно одинакового
размера, вы должны построить таблицу
NxM, где N – столбцы, М – строки, а число
ячеек будет равняться произведению
NxM. И затем в каждой ячейке разместите
по одному рисунку.
Если вы размещаете рисунок и текст в
одной ячейке, то необходимо
позиционировать рисунок, т.е. указать
его местоположение.
Позиционирование бывает абсолютным
и относительным.
Абсолютное – указывается точное
положение рисунка (в пикселах)
относительно границ ячейки.
Относительное – указывается
положение рисунка внутри ячейки (право,
лево,…).
Также необходимо указать параметры
обтекания рисунка текстом (с
наложением, без наложения). При
установлении позиционирования
следует тщательно проверять
результаты при разных разрешениях
экрана и разными броузерами.
Не забывайте, что рисунки
значительно увеличивают объем
страницы, поэтому их использование
должно быть разумным. Если у вас фото
или картинная галерея, то можно
создавать страницы-каталоги, на
которых в виде небольших GIF-файлов
будет обозрима вся галерея или ее
тематическая часть, а полноценные
изображения в формате JPEG могут
располагаться каждое на отдельной
странице.
d) Характеристики Web-сайта.
Важным фактором, который следует
учитывать при разработке Web-страниц ,
является ее объем. Заметьте, я не
говорю про объем сайта в целом – это
определяется доступным дисковым
пространством и вашими творческими
возможностями. Речь идет об объеме
отдельных страниц – они не должны
быть очень большими.
Согласитесь, у пользователя может не
хватить терпения, когда в его машину
грузится очень большая страница,
переполненная длиннющими текстами и
обилием картинок. Используя такие
страницы вы отпугнете значительную
часть посетителей вашего Web-сайта. Не
следует и мельчить – делать огромное
количество маленьких страниц, при не
очень хорошей навигации
пользователь может заблудиться и
покинуть ваш сайт.
Исходя из опыта рекомендую объем
страницы не более 40 Кбайт, а по
геометрическому размеру не более 4-5
полных вертикальных скроллинга
экрана при разрешении 800х600.
Далее. Подумайте о том, как
пользователь будет передвигаться по
сайту. Уделите особое внимание
системе навигации.
Основные правила
навигации:
- панель навигации должна быть
удобочитаема и понятна;
- она должна отражать основную
структуру сайта;
- она должна располагаться на
видном месте и возможно
дублироваться в пределах страницы;
- панель навигации должна
присутствовать на всех страницах, не
заставляйте посетителя пользоваться
кнопками “вперед” и “назад”
броузера;
- в дополнение к панели
предусмотрите внизу довольно
длинных страниц кнопку “вверх” для
мгновенного возврата к началу
страницы;
- не делайте сайт слишком глубоким,
оптимально 3-4 уровня, пусть лучше
будет больше разделов.
Об именах и названиях.
Запомните, что
каждая страница имеет имя и название
– это разные вещи. Имя страницы,
например index, определяет ее адрес как
на локальной машине, так и URL-адрес в
Сети. Например:
D:\web-book\index.html
– адрес страницы на моем компьютере,
http://www.web-book.narod.ru/index.htm
– URL-адрес страницы в сети.
Название страницы (заключено в тэги )
информирует пользователя о смысле
страницы и активно используется
поисковыми машинами.
Так, та же страница index имеет название
“Web-book: создание сайта и его
раскрутка”. Кроме того, если с
помощью броузера открыто много
страниц , то окошко внизу на панели
задач (если у вас Windows) c названиями
страниц помогает ориентироваться. Не
делайте название слишком длинным, но
и не ограничивайтесь одним словом (оптимально
5-10 слов).
|
