- •Б3.Дв2 основы web-технологий
- •Анализ структуры и дизайна существующих web-проектов
- •1 Общие положения
- •1.2 Этапы разработки веб-сайта
- •1 Этап. Создание технического задания.
- •2 Этап. Дизайн основной и типовых страниц сайта.
- •3 Этап. Html-верстка.
- •4 Этап. Программирование.
- •6 Этап. Размещение сайта в сети Интернет.
- •1.4 Верстка сайта
- •1.5 Основные принципы web-дизайна
- •1.5.1 Целевая аудитория
- •1.5.2 Эргономичность
- •1.5.3 Комфорт для глаз
- •1.5.4 Технологичность
- •1.6 Пример выбора критериев оценки сайта
- •2 Порядок выполнения работы
- •3 Требования к оформлению отчета
- •4 Вопросы для самоконтроля знаний
- •5 Варианты тем заданий для самостоятельного выполнения
3 Требования к оформлению отчета
Отчет о проделанной работе должен содержать:
название и цель работы;
URL-адреса оцениваемых сайтов;
заполненную таблицу «Критерии оценки интерактивных сайтов» из п. 2.3;
оценки по дополнительным критериям и выводы (результат выполнения п. 2.4);
структуру собственного сайта по тематике задания (взаимосвязь и тематика web-страниц);
макеты главной и типовой страниц будущего сайта;
- письменные ответы на вопросы для самоконтроля знаний п.4 по указанию преподавателя.
4 Вопросы для самоконтроля знаний
1) Каково содержание этапа «Создание технического задания» при разработке сайта?
2) Какие работы включает этап дизайна основной и типовых страниц сайта?
3) Какие работы включает этап HTML-верстки?
4) Каковы особенности этапа программирования сайта?
5) В чем заключается тестирование сайта?
6) Как происходит размещение сайта в сети Интернет?
7) Каково содержание этапа наполнения контентом и публикации?
8) Что такое внутренняя SEO-оптимизация?
9) Что такое внешняя SEO-оптимизация?
Как происходит сдача проекта?
Что такое дизайн сайта?
Что такое верстка страниц сайта?
Какие существуют разновидности верстки сайта?
14) В чем заключается принцип ориентирования web-дизайна на конкретную аудиторию?
15) В чем заключается принцип эргономичности web-дизайна?
16) В чем заключается принцип того, что web-дизайн должен быть красивым?
17) В чем заключается требование технологичности web-дизайна?
18) Что такое анти-алиасинг?
19) Привести примеры критериев оценки Интернет-проектов.
5 Варианты тем заданий для самостоятельного выполнения
1) Сайт ФИТУ.
2) Сайт предприятия агропромышленного комплекса.
3) Город республики Башкортостан.
4) Сайт районной администрации.
Сайт адвоката.
Сайт нотариуса.
6) Домашние питомцы.
7) Вид спорта.
8) Музыка.
9) Центр детского творчества.
10) Школа.
11) Туристическое бюро.
12) База отдыха.
13) Строительная организация.
14) Библиотека.
Коммерческая организация.
Уфимские новости.
Дворец культуры.
Санаторий.
Стоматологическая поликлиника.
Направление подготовки бакалавров «Бизнес-информатика».
Обучающий ресурс «Язык HTML».
Обучающий ресурс «Каскадные таблицы стилей».
Обучающий ресурс «Web-графика».
Обучающий ресурс «Технологии создания web-ресурсов».
Сайт вуза.
Сайт компании транспортных перевозок.
Сайт школьного учителя.
Сайт кафе.
Сайт гостиницы.
Сайт телевизионного канала.
Библиографический список
Информатика. Базовый курс [Текст] : учеб. пособие для студентов втузов : рек. М-вом образования и науки РФ / под ред. С. В. Симоновича. - 2-е изд. - М. ; СПб. ; Нижний Новгород : Питер, 2012. - 640 с.
Немцова, Т. И. Компьютерная графика и web-дизайн. Практикум [Текст] : учеб. пособие для студ. учреждений сред. проф. образования : допущено М-вом образования РФ / Т. И. Немцова, Ю. В. Назарова ; под ред. Л. Г. Гагариной. - М. : ФОРУМ : ИНФРА-М, 2011. - 287 с. + 1 эл. опт. диск (CD-ROM).
Вершинин, М. И. Электронный каталог : проблемы и решения [Текст] : [учебное пособие] / М. И. Вершинин. - СПб. : Профессия, 2009. - 231 с.