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

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

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


Слайд 2


Слайд 4Дизайн сайта - это предоставление информации в графической форме на экран

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

Дизайн сайта


Слайд 5Правила дизайна
Размер каждой загружаемой страницы не должен превышать 30К. Если ваша

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


Слайд 6Избегайте пестрых, многоэлементных фоновых изображений: они сильно затрудняют чтение страниц.
Регулярно

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


Слайд 7Шаг 1
Важную роль в дизайне играют цвета, которые используются на сайте.

Их не должно превышать 3-х основных цвета и их оттенки

Правильно подобраны цвета (текст читаемый)

Неправильно подобраны цвета (текст нечитаемый)


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


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


Слайд 10Логотип

Меню


Название

Текстовая информация

Дополнительные ссылки


Слайд 1110 А класс
Выполнил Ф.И.О

Главная
Мой класс
Обо мне
Мое хобби

Новости школы

Образец


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

хобби – myhobby.htm


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика