Анализ веб-дизайна современных сайтов
Автор: 2vfffew2 • Ноябрь 11, 2020 • Лабораторная работа • 1,463 Слов (6 Страниц) • 1,006 Просмотры
Лабораторная работа
АНАЛИЗ ВЕБ-ДИЗАЙНА СОВРЕМЕННЫХ САЙТОВ
Цель: познакомиться с перспективными направлениями веб-дизайна и подобрать примеры эргономичного дизайна сайтов.
Ход работы:
- Изучил роль дизайна при разработке веб-сайта:
- О.Яцюк "Основы графического дизайна на базе компьютерных технологий"
Справочное и практическое руководство, в котором систематизированы сведения о современном графическом дизайне: свойства зрительного восприятия, основы цветоведения, законы и приемы композиции, шрифты, основы типографики. Приведен обзор особенностей дизайна web-страниц, проанализированы визуальные средства рекламы, даны рекомендации по разработке фирменного стиля.
- Алексеев, А. П. Введение в Web-дизайн
Основное внимание в пособии уделено языку программирования HTML, технологии CSS, языку программирования JavaScript, графическому редактору Adobe Photoshop, технологии мультимедиа.
- Макнейл Патрик «Веб-программирование»
Эта книга включает в себя более 650 примеров различно оформленных сайтов, благодаря чему мы можем легко отыскать креативные образцы для использования в своей работе.
- Составить в OpenOffice.org Writer сводную таблицу описания не менее 5 сайтов с эргономичным дизайном:
Скриншот сайта | Адрес ресурса | Перспективное направление дизайна, которое иллюстрируется данным ресурсом | Целевая аудитория, на которую ориентирован сайт | Особые «фишки», которые максимально привлекают внимание целевой аудитории | Наиболее понравившиеся элементы дизайна | Замечания к дизайну |
[pic 1] | https://pearsonified.com/ | Больше внимания личности. | Сайт направлен на помощь при создании простых и удобных сайтов. | Сочетание черного текста на желтом и синем фоне. | Баннер и расположения меню. | Банальный белый фон. |
[pic 2] | http://www.htmllife.com/ | Активная работа над стандартами. | Сайт направлен на общение между людьми. | Мини - баннер, который очень хорошо сочетается с синим фоном. | Оформление меню. | - |
[pic 3] | https://vk.com/ | Взрыв дизайна под мобильное устройство. | Сайт направлен на общение между людьми. | Уобность меню и удачное расположение историй. | Цвет фона не бросающийся в глаза. | - |
[pic 4] | https://www.instagram.com/ | Больше внимания личности. | Цель сайта, показывать фотографии истории людей. | Идеальное расположение всех кнопок. | Смена фона на любой цвет. | - |
[pic 5] | http://www.designwisestudios.com/ | - | Помощь в продвижении сайта на новй уровень. | Расположение контента. | Цвет фона. | - |
3. Как зарегистрировать сайт в поисковой системе Яндекс:
- Заходим на страницу «Яндекс.Вебмастер» и жмём «Добавить сайт». После чего нам надо ввести свой логин и пароль, чтобы попасть на страницу «Добавление сайта».
На странице «Добавление сайта» в поле указываем адрес своего сайта, например, так: http://webcaum.ru. Затем жмём кнопку справа «Добавить сайт».
После нам предлагается подтвердить права на сайт 5-ю разными способами, из которых мы рассмотрим только 3 самых удобных:
1-й способ: мета-тэг
Чтобы подтвердить права на сайт данным способом необходимо добавить в код главной страницы нашего сайта мета-тэг перед закрывающим тегом </head>, после чего нажать «Проверить».
2-й способ: html-файл
На мой взгляд, это самый удобный способ подтверждения. Нам необходимо скачать html-файл и загрузить его по ftp в корневую папку файлов сайта, после чего нажать «Проверить».
...