Дизайн web-сайта. Macromedia Dreamweaver MX 2004. - презентация

1 Дизайн web-сайта. Macromedia Dreamweaver MX 2004

2

3

4 Дизайн сайта - это предоставление информации в графической форме на экран для наиболее удобного визуального восприятия. Разработка дизайна сайта - важный этап создания сайта. Именно дизайн сайта сформирует у пользователя сайта первое впечатление о сайте. Дизайн сайта

5 Правила дизайна 1. Размер каждой загружаемой страницы не должен превышать 30К. Если ваша страница требует длительной загрузки, предупредите об этом посетителей. 2. Избегайте крупных изображений и апплетов, они долго грузиться. 3. Составляйте крупные изображения из более мелких. Несколько маленьких картинок загружаются значительно быстрее, чем одна большая. 4. Для ускорения загрузки страниц применяйте в изображениях теги HEIGHT, WIDTH и ALT. 5. По общепринятым нормам баннер размером 468х60 рiх (пикселей) не должен превышать Кб.

6 6.Избегайте пестрых, многоэлементных фоновых изображений: они сильно затрудняют чтение страниц. 7.Регулярно проверяйте свои ссылки на работоспособность. 8.Если на изображении сотни цветов или оно имеет фотографическое качество, пользуйтесь форматом JPEG. Он обеспечивает меньший размер файла для таких изображений. Если же это изображения с крупными монотонными областями или текстом, пользуйтесь форматом GIF, так как JPEG пачкает цвета и смазывает текст. 9.Пользуйтесь таблицами - это самый эффективный способ оформления, особенно для изображений, сопровождаемых текстом. 10.Не пишите ничего в статусной строке, пользователю хочется знать куда он попадет после нажатия на ссылку.

7 Шаг 1 Важную роль в дизайне играют цвета, которые используются на сайте. Их не должно превышать 3-х основных цвета и их оттенки Правильно подобраны цвета (текст читаемый) Неправильно подобраны цвета (текст нечитаемый)

8 Шаг 2 Рисунки должны быть четкими, не размытыми

9 Шаг 3 Правильное расположение информации на странице облегчает восприятие

10 Логотип Меню Название Текстовая информация Дополнительные ссылки

11 10 А класс Выполнил Ф.И.О Главная Мой класс Обо мне Мое хобби Новости школы Образец

12

13 Создание сайта Главная страница – index.htm Мой класс – myclass.htm Обо мне – myname.htm Мое хобби – myhobby.htm