БАЛТИЙСКАЯ АКАДЕМИЯ ТУРИЗМА
И ПРЕДПРИНИМАТЕЛЬСТВА
_______________________________________________________________
УЧЕБНО-МЕТОДИЧЕСКИЙ КОМПЛЕКС
ПО ДИСЦИПЛИНЕ
Web - дизайн
Направление подготовкиЖурналистика
Квалификация (степень) выпускника
БАКАЛАВР
Часть 2
( конспект лекций )
Санкт-Петербург
2013
Алексеев В.И.
«Web дизайн» Конспект лекций. – СПб.: БАТиП, 2012. – 102 с.
Рассматриваются вопросы и другие.
Для студентов – бакалавров по направлениям подготовки
© Алексеев В.И., 2013
© Балтийская академия туризма и предпринимательства, 2013
Содержание Оглавление
1.Краткий экскурс в теорию сетей 5
1.1Как появился Интернет 5
1.2 Система адресации в Интернете 7
2.Общие принципы создания Web-узла 9
2.1 Web-технология HTML 14
2.2.Браузеры 15
2.3.Сервер, сайт, домашняя страничка 15
2.4.Анатомия сервера 17
2.5.Говорим по-русски. О кодировках кириллицы 18
3. Создание HTML - документов ,Web-страницы 20
3.1. Классификация HTML-редакторов. 21
3.1.1. Визуальные редакторы 22
3.1.2. Текстовые редакторы 25
4. Другие Web-технологии 28
4.1. JAVA 28
4.2. CGI (Common GateWay Interface) 28
4.3. SSI (Server Side Includes) 29
4.4. CSS (Cascading Style Sheets) 29
4.5. РНР (Personal Home Page tools) 30
4.6. ASP (Active Server Pages) 30
4.7. VBScript (Visual BASIC Script) 30
4.8. Macromedia Flash 31
4.9. DHTML (Dynamic Hyper Text Markup Language 32
4.10. XHTML и XML 32
5.Web-дизайн 33
5.1 Что такое Web-дизайн? 33
5.2.Программы, используемые в WEB-мастеринге 35
6.Технологии Web-дизайна 38
6.1. Структура узла WEB-сайта 38
6.1.1. Плоская структура 38
6.1.2. Линейная структура 38
6.1.3. Древовидная структура 39
6.1.4. Комбинированная структура 39
6.1.5. Принципы построения системы навигации 39
6.1.6. Организация домашней страницы 40
6.2. Логическая и физическая структура сайта 41
6.2.1. Заглавная страница 44
6.2.2. Статическая компоновка страницы 46
6.2.3.Динамическая компоновка страницы 46
6.2.4. Элементы Web-страницы 47
7. Планирование и реализация Web-сайта. Три этапа. 52
7.1. Этап определения объема работы. Переговоры с заказчиком. Создание концепцииWeb-узла. Обсуждение бюджета и плана работы. Подписание договора. 52
7.1.1. Работа с заказчиком 52
7.1.2. Создание концепции Web-узла 57
7.1.3. Бюджет и сроки выполнения проекта 59
7.1.4. Роли участников разработки 63
7.1.5. Планирование Web-узла 66
7.1.6.Требования к Web-узлу и составление графика выполнения работ 71
7.2. Этап разработки компонентов Web-узла и связывание их между собой. 77
7.2.1. Разработка дизайна интерфейса 78
7.2.2. Компьютерная графика в Web-дизайне 79
Графический формат GIF 79
Графический формат JPEG 81
Графический формат PNG 83
7.3. Этап тестирования готового Web-узла, обеспечение доступа к нему из глобальной сети и рекламирование узла. 84
7.3.1. Web-хостинг 85
Путь первый. Бесплатный хостинг 85
Путь второй. Хостинг у провайдера 88
Путь третий. Платный хостинг 88
Путь четвертый. Хостинг у знакомых 89
7.3.2. Маркетинг 90
7.3.3. Правила раскрутки сайта 91
Регистрация в каталогах 91
Индексация в поисковых системах 92
7.3.4. Обслуживание Web-страницы, сайта 93
7.3.5. Обновление информации и создание новых разделов 94
7.3.6. Регистрация в поисковых системах 95
Подготовка к регистрации 96
Регистрация сайта в поисковых системах 98
Стандарт исключения для поисковых систем 98
Контроль за состоянием учетной записи 101
Использование рейтинговых счетчиков 101
8.Службы баннерного обмена 102
Что такое баннер? 102
Эффективность баннера 102
Системы баннерного обмена 103
Зарубежные баннерные сети. 105
Текстовые баннеры 105
Интерактивные баннеры 106
Использование бесплатных досок объявлений 108
Службы редиректа 109
Сложный баннер 113
9. Основные принципы эффективного и стильного Web-сайта 114
Основы стильногоWeb-сайта 116
6.3. Основные правилаWeb-дизайна 117
. Наиболее распространенные ошибки при создании сайта: 121