Загрузил Илья Шнайдер

9

Реклама
ТЕМА
№9.
ПОЛУЧЕНИЕ
ДАННЫХ
С
СЕРВЕРА.
ПРОЕКТИРОВАНИЕ
ГРАФИЧЕСКОГО
ИНТЕРФЕЙСА
WEBПРИЛОЖЕНИЯ. СОЗДАНИЕ СТИЛЕЙ
Цель работы: изучить специфику проектирования графического
интерфейса web-приложения.
Задание 1
Оформить документ, содержащий сводную таблицу описания не менее
5 сайтов с актуальным и хорошим дизайном:
Скриншот
сайта
Адрес
ресурса
Перспективн
ое
направление
дизайна,
которое
иллюстрируе
тся данным
ресурсом
Целевая
аудитория, на
которую
ориентирован
сайт
Особые
«фишки»,
которые
максимально
привлекают
внимание
целевой
аудитории
Наиболее
Замечания
понравившие к дизайну
ся элементы
дизайна
Задание 2
Создать в текстовом редакторе и просмотреть в браузере страницу с
кодом:
3.Создать в текстовом редакторе и просмотреть в браузере страницу с
кодом:
Контрольные вопросы:
1 Как вы понимаете понятие «дизайн сайта»?
2 Какие требования предъявляются к дизайну web-сайтов?
3 Что представляют собой таблицы стилей?
4 Какие основные атрибуты используются для оформления webстраницы?
5 Какие средства используются для создания стилей?
1.Дизайн сайта – это внешнее его оформление, которое призвано, как
минимум не отпугнуть посетителя Вашего интернет-ресурса, и как максимум
– завлечь, заинтересовать его.
2.логичность структуры ресурса
нормальное боковое и/или верхнее меню, «хлебные крошки», понятная и
удобная навигация при переходах по внутренним страницам − всё то, что
помогает мне ориентироваться на незнакомом ресурсе, автоматически
попадает в плюс;
адекватность цветовой гаммы
дело не только в умеренности, как я уже говорил выше, но и в соответствии
тонов фирменному стилю компании и её статусу, стоит использовать
логотип, можно даже добавить флеш-элементы, но броской графики не
должно быть слишком много.
Технические требования к сайту
Здесь отмечу:
нормальная скорость открытия ресурса (не более 3 секунд);
кроссбраузерность (видимость во всех браузерах);
оптимизация под планшеты и телефоны.
Я могу сказать, что с графикой, как правило, возникает много проблем. Если
она не оптимизирована, будут проблемы с загрузкой, и пользователь уйдёт.
Поэтому графика должна быть легкой и при этом наглядной и крупной.
3. Таблицы стилей упрощают определение интервалов между строками
текста, отступов, цветов, используемых для текста и фона, размера
и стиля шрифтов и другой информации . Помещение таблиц стилей в
отдельные файлы упрощает их повторное использование.
4.
Скачать