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