B C B L H J H AI J£МК... · Оптимизация графики . Web, подготовка...

1

РЕПОЗИТОРИЙ

2

СОДЕРЖАНИЕ

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА 3

1. ТЕОРЕТИЧЕСКИЙ РАЗДЕЛ 5

1.1. Содержание лекционного материала 5

2. ПРАКТИЧЕСКИЙ РАЗДЕЛ 7

2.1. Содержание учебного материала к лабораторным занятиям 7

3. РАЗДЕЛ КОНТРОЛЯ ЗНАНИЙ 10

3.1. Критерии оценивания студентов по дисциплине 10

3.2. Рейтинговые контрольные задания 12

3.3. Вопросы к зачету 26

3.4. Вопросы к экзамену 28

4. ВСПОМОГАТЕЛЬНЫЙ РАЗДЕЛ 30

4.1. Список литературы 30

4.2. Глоссарий 31

4.3. Типовые учебные планы 35

4.4. Программная документация 39


3

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

Учебно-методический комплекс по учебной дисциплине

«Компьютерные сети и Web-дизайн» предназначен для студентов,

обучающихся по специальности 1-03 01 03 Изобразительное искусство и

компьютерная графика.

В данном курсе рассматривается поэтапная разработка Web – страницы

(Web – сайта), выполненных с применением современных технологий.

Основное назначение данного курса – за короткий промежуток времени

научить студентов наиболее эффективно использовать возможности языка

HTML для разработки и создания, собственных Web – страниц (Web –

сайтов).

Учебно-методический комплекс ставит цель научить основам создания

простейших web-страниц, привлечь внимание к вещам, которые предстоит

изучить и в будущем стать настоящими мастерами в области создания

сайтов.

Предлагаемый учебно-методический комплекс опирается на следующие

основные принципы:

научности;

доступности;

преемственности;

систематичности и последовательности;

наглядности.

Задачами УМК (ЭУМК) являются:

знакомство с языками HTML и CSS;

формирование понимания теоретических основ программы

Dreamweaver;

знакомство с основными принципами работы в программе;

формирование представления о многообразии программных средств;

развитие творческих способностей учащихся, логического

мышления.

Учебно-методический комплекс по учебной дисциплине

«Компьютерные сети и Web-дизайн» имеет следующую структуру:

– пояснительная записка;

теоретический раздел, обеспечивающий теоретический и

практический уровень освоения материала (структура и краткая аннотация

лекционных занятий); методические материалы и рекомендации по

проведению практических занятий; методические указания по выполнению

учебных работ в материале и др.;

– раздел контроля знаний, включает критерии оценивания знаний

студентов по изучаемой дисциплине, вопросы для подготовки к экзамену,

рейтинговый контрольные работы;


4

– вспомогательный раздел содержит список основной и

дополнительной литературы; учебно-программную документацию по

учебной дисциплине, демонстрационные материалы, глоссарий.

В структуру данного УМК (ЭУМК) входит учебная программа

«Компьютерные сети и Web-дизайн».

Изучение учебной дисциплины «Компьютерные сети и Web-дизайн»

должно обеспечить формирование у студентов академических, социально-

личностных и профессиональных компетенций.

Требования к академическим компетенциям

Студент должен:

– АК-1. Уметь применять базовые научно-теоретические знания для

решения теоретических и практических задач.

– АК-4. Уметь работать самостоятельно.

Требования к социально-личностным компетенциям

Студент должен:

– СЛК-6. Уметь работать в команде.

– СЛК-7. Быть способным к осуществлению самообразования и

самосовершенствования профессиональной деятельности.

Требования к профессиональным компетенциям

Студент должен быть способен:

– ПК-22. Осуществлять самообразование и самосовершенствование

профессиональной деятельности.

Требования к уровню освоения содержания УМК (ЭУМК)

В результате изучения учебной дисциплины студент должен

знать:

1. Принципы использования глобальных вычислительных сетей в

осуществлении профессиональной деятельности, необходимые для

художественно-графической подготовки будущих педагогов.

2. Основные свойства и возможности языка гипертекстовой разметки

текста HTML.

3. Способы применения инструментальных средств для создания и

редактирования HTML – документов.

уметь:

1. Уметь создавать сайты с использованием NotePad и Artisteer.

2. Создавать формы для HTML – документов.

Учебные задания составлены в порядке усложнения от простейших

упражнений до создания творческих работ.

Особое внимания следует уделить заданиям, которые направленные на

развитие художественных способностей студентов, где они смогут себя

реализовать как творческие личности.


5

1. ТЕОРЕТИЧЕСКИЙ РАЗДЕЛ

1. Основы Web- дизайна

Цель и задачи дисциплины «Компьютерные сети и Web- дизайн».

История развития интернета.

Языки программирование, и характеристики, и особенности (HTML,

JAVA, PHP). Основные дискрипторы.

Основные понятия верстки Web страницы (табличная верстка, фреймы,

на база ssi).

Правила работы со шрифтами. Моноширенный и пропорциональные

шрифты. Семейство шрифтов.

Работа с цветом на web- странице.

Использование форм, таблиц, кнопок на web- странице.

2. Основы CSS (каскадные таблицы стилей)

Знакомство со стилями и правила их написания.

Способы внедрения каскадных таблиц стилей на web – странице.

Основные теги при использовании CSS.

Создание сайта с помощью каскадных таблиц стилей.

3. Основы работы в программе Artisteer.

Основное меню программы Artisteer и принципы её работы.

Использование стандартных шаблонов программы при создании web-

сайта.

Создание сайта-визитки в программе Artisteer.

Литература для изучения

1. Спека, М.В. Создание Web-сайтов / М.В. Спека. – М.: С-П.К. –

изд. «Вильямс», 2007. – 248 с.

2. Чернышев, О.В. Дизайн-образование. Новая модель

профессиональной подготовки дизайнеров / О.В. Чернышев. – Минск:

Пропилей, 2006. – 192 с.

3. Айриг, С. Подготовка цифровых изображений для печати Пер. с

англ. / С. Айриг, Э. Айриг. – Минск: ООО «Попурри», 1997. – 248 с.

4. Ахметзянова, В. Создание Web-страниц / В. Ахметзянова. – М.:

ООО «Издательство Триумф», 2008. – 372 с.

5. Лапин, А. Фотографика / А. Лапин. 2-е изд. – М.: Издатель Л.

Гусев, 2004. – 156 с.

6. Беляев, М.В. Основы композиции: Учеб.-метод. Пособие /

М.В. Беляев. – Минск, 2002. – 240 с.

7. Ассади, Б. Издательская система QuarkXPress для Windows: Пер.

с англ. / Б. Ассади, Г. Груман. – М.: ЭКОМ, 1995. – 256 с.

8. Альспах, Т. QuarkXPress для Полных Идиотов: Пер. с англ. /

Т. Альспах. – М.: PC Project 866, 1995. – 322 с.


6

9. Дей, А.К. Ventura Publisher 2.0: Пер. с англ. / А.К. Дей. – М.:

Компьютер, финансы и статистика, 1992. – 342 с.

10. Видеосамоучитель. Программа Dreamweaver 8. – М.: ООО

«Издательство Триумф», 2008. – 177 с.

11. Видеосамоучитель. Создание Web-страниц. Программа

Dreamweaver. – М.: ООО «Издательство Триумф», 2008. – 163 с.

12. Воробейкина, И.В. Распределенные системы обработки

информации. Практикум. / И.В. Воробейкина, М.Л. Славин. – Калининград:

Изд-во КВШУ, 2007. – 214 с.

13. Різун, В.В. Основи комп'ютерного набору і коректури.

Підручник. / В.В. Різун. – К.: Либідь, 1993. – 176 с.

14. Таненбаум, Э. Распределённые системы. Принципы и парадигмы

/ Э. Таненбаум, М. Ван Стеен.: Издательский дом «Питер», 2003. – 225 с.


7

2. ПРАКТИЧЕСКИЙ РАЗДЕЛ

1. Основы Web-дизайна.

Тема 1.1. Способы создания Web-страниц.

Создание web – страницы с помощь стандартной программы блокнот.

Использование программы «Notepad» для создания web – страницы.

Размещение изображений на странице.

Подготовка фона для использования в оформлении Web-страницы с

помощью различных графических редакторов.

Тема 1.2. Работа с графикой.

Оптимизация графики Web, подготовка изображений для Web-

страницы.

Принципы работы с картинками (рамки, отступы, размеры

изображений).

ICO-формат – создание логотипа страницы.

Тема 1.3. Разработка дизайна страницы.

Основные компоненты Web-страницы (меню, контент, логотип).

Разработка дизайна страницы с помощью программы Adobe Photoshop,

нарезка основных элементов страницы.

Рамки. Виды рамок, способы их выполнения.

Тема 1.4. Основные правила набора текста.

Тэги форматирования.

Ссылки, виды ссылок и их выполнение.

Дескрипторы ссылок.

Списки. Маркированные и нумерованные списки, различные виды

маркировки списков.

Тема 1.5. Формы. Значения форм и их особенности.

Создание простейшей анкеты с помощью форм.

Тема 1.6. Фреймы. Таблицы. Кнопки.

Виды и типы фреймов.

Примеры таблиц и их оформление.

Сайт во фреймах. Создание сайтов с помощью фреймов.

Основные фреймы и их свойства.

2. Основы CSS

Тема 2.1. Основы CSS.

Знакомство со стилями и правила их написания.

Стили для основных тэгов HTML.

Сайт с помощью CSS.


8

Создание сайта с помощью каскадных таблиц стилей.

3. Основы работы в программе Artisteer

Тема 3.1. Графическое видоизменение шрифта Основы работы в

программе Artisteer. Основное меню программы и принципы её работы.

Создание сайта-визитки в программе Artisteer.

Тема 3.2. Загрузка страницы на свободном сервере. Способы доступа к сайту (по имени или IP-адресу).

Понятие, назначение и использование систем управления контентом

(CMS).

Тестирование работы веб-сайта на сервере. Возможные ошибки и

недочёты.

Литература для изучения

1. Спека, М.В. Создание Web-сайтов / М.В. Спека. – М.: С-П.К. –

изд. «Вильямс», 2007. – 248 с.

2. Чернышев, О.В. Дизайн-образование. Новая модель

профессиональной подготовки дизайнеров / О.В. Чернышев. – Минск:

Пропилей, 2006. – 192 с.

3. Айриг, С. Подготовка цифровых изображений для печати Пер. с

англ. / С. Айриг, Э. Айриг. – Минск: ООО «Попурри», 1997. – 248 с.

4. Ахметзянова, В. Создание Web-страниц / В. Ахметзянова. – М.:

ООО «Издательство Триумф», 2008. – 372 с.

15. Лапин, А. Фотографика / А. Лапин. 2-е изд. – М.: Издатель Л.

Гусев, 2004. – 156 с.

16. Беляев, М.В. Основы композиции: Учеб.-метод. Пособие /

М.В. Беляев. – Минск, 2002. – 240 с.

17. Ассади, Б. Издательская система QuarkXPress для Windows: Пер.

с англ. / Б. Ассади, Г. Груман. – М.: ЭКОМ, 1995. – 256 с.







21. Видеосамоучитель. Создание Web-страниц. Программа

Dreamweaver. – М.: ООО «Издательство Триумф», 2008. – 163 с.

22. Воробейкина, И.В. Распределенные системы обработки

информации. Практикум. / И.В. Воробейкина, М.Л. Славин. – Калининград:

Изд-во КВШУ, 2007. – 214 с.

23. Різун, В.В. Основи комп'ютерного набору і коректури.

Підручник. / В.В. Різун. – К.: Либідь, 1993. – 176 с.


9

24. Таненбаум, Э. Распределённые системы. Принципы и парадигмы

/ Э. Таненбаум, М. Ван Стеен.: Издательский дом «Питер», 2003. – 225 с.


10

3. РАЗДЕЛ КОНТРОЛЯ ЗНАНИЙ

3.1. Критерии оценок результатов учебной деятельности

В качестве формы контроля результатов учебной деятельности студентов

учебным планом определен экзамен.

Основными критериями оценивания студентов по учебной дисциплине

«Компьютерные сети и Web- дизайн» является:

Отметка

в баллах

Показатели оценки результатов учебной деятельности

1 Отсутствие знаний и компетенций в рамках образовательного

стандарта, отказ от ответа или непредставление на итоговый просмотр

творческого учебного задания.

2 Фрагментарные теоретические знания в рамках образовательного

стандарта, пассивность на практических занятиях, неумение

применять основы композиционных знаний в творческом процессе,

низкий технический и художественный уровень культуры исполнения

задания.

3 Фрагментарные теоретические знания в рамках образовательного

стандарта, пассивность на практических занятиях, выполнение

творческих заданий с существенными композиционными ошибками,

низкий технический и художественный уровень культуры их

исполнения.

4 Умение ориентироваться в основных теоретических положениях

учебного материала, воспроизведение его содержания, способность

под руководством преподавателя решать стандартные творческие

задачи, выполнение творческих заданий без существенных

композиционных ошибок, допустимый уровень культуры их


5 Умение ориентироваться в основных теоретических положениях

учебного материала, достаточный объем знаний для воспроизведения

его содержания. Способность под руководством преподавателя решать

творческие задачи на практических занятиях, выполнять творческие

задания на достаточно высоком уровне культуры исполнения без

существенных композиционных ошибок.

6 Достаточно полные и систематизированные знания в объеме учебной

программы, стилистически грамотное и логически правильное

выполнение практического материала. Умение самостоятельно

применять законы и средства организации композиции в творческом

процессе при выполнении учебного задания, активная

самостоятельная работа на практических занятиях, выполнение

творческих заданий на высоком уровне культуры исполнения без

существенных композиционных и технических ошибок.


11

7 Систематизированные глубокие знания в объеме учебной программы,

владение инструментарием учебной дисциплины, умение его

использовать в постановке и решении творческих задач, активная

самостоятельная работа на практических занятиях. Выполнение

творческих заданий на высоком уровне культуры исполнения без

существенных композиционных и технических ошибок.

8 Систематизированные глубокие знания в объеме учебной программы,

владение инструментарием учебной дисциплины, умение его

использовать в постановке и решении сложных творческих задач,

активная самостоятельная работа на практических занятиях.

Выполнение творческих заданий на высоком художественном и

техническом уровне культуры исполнения.

9 Систематизированные глубокие теоретические знания в объеме

учебной программы, владение инструментарием учебной дисциплины,

умение его использовать в постановке и решении сложных творческих

задач, активная самостоятельная работа на лабораторных занятиях,

способность к творческому эксперименту. Выполнение творческих

заданий на высоком художественном и техническом уровне культуры


10 Систематизированные глубокие теоретические знания в объеме

учебной программы, а также по основным вопросам, выходящим за ее

пределы. Владение инструментарием учебной дисциплины, умение

его использовать в постановке и решении сложных творческих задач.

Активная творческая самостоятельная работа на практических

занятиях, использование современных достижений художественной

практики в своей творческой деятельности, способность к

творческому эксперименту. Выполнение творческих заданий на

высоком художественном и техническом уровне культуры


Зачтено ставится за умение ориентироваться в основных

теоретических положениях учебного материала, воспроизведение его

содержания, способность под руководством преподавателя решать

стандартные творческие задачи, выполнение творческих заданий без

существенных технологических ошибок в полном объеме, предусмотренном

программой, допустимый уровень культуры их исполнения.

Не зачтено ставится за фрагментарные теоретические знания по

учебной дисциплине в рамках образовательного стандарта, пассивность на

лабораторных занятиях, выполнение творческих заданий с существенными

технологическими ошибками либо неумение применять основы

теоретических и технологических знаний в творческом процессе, низкий

технический и художественный уровень культуры их исполнения, а также за

отказ от ответа или непредставление на итоговый просмотр творческого

учебного задания.


12

3.2. Рейтинговые контрольные задания

Рейтинговая контрольная работа № 1 Верстка страниц с

помощью таблиц

Используя готовый пример сайта (рис 1, 2, 3, 4, 5), создать свой сайт

на предложенную тему

Рисунок 1.


13

Рисунок 2


14

Рисунок 3


15

Рисунок 4


16

Рисунок 5


17

Рейтинговая контрольная работа № 2 Создание сайта с помощью

SSI (Server Side Include)

Используя готовый пример сайта (рис. 6, 7, 8, 9), создать свой сайт на

предложенную тему

Рисунок 6


18

Рисунок 7


19

Рисунок 8


20

Рисунок 9


21

Рейтинговая контрольная работа № 3 Создание сайта CSS

Используя готовый пример сайта (рис. 10, 11, 12, 13, 14), создать свой

сайт на предложенную тему

Рисунок 10


22

Рисунок 11


23

Рисунок 12


24

Рисунок 13


25


26

3.3. Вопросы к зачету по учебной дисциплине «Компьютерные сети и

Web-дизайн» для студентов

2 курса дневной формы получения образования

для специальности 1-03 01 03 «Изобразительное искусство и компьютерная

графика»

1. История развития интернета.

2. Языки программирование, характеристики и особенности (HTML,

JAVA, PHP). Основные дискрипторы.

3. Основные понятия верстки Web страницы (табличная верстка, фреймы,

на база ssi).

4. Правила работы со шрифтами.

5. Моноширенный и пропорциональные шрифты. Семейство шрифтов.

6. Работа с цветом на web- странице.

7. Использование форм, таблиц, кнопок на web- странице.

8. Способы внедрения каскадных таблиц стилей на web – странице.

9. Основные теги при использовании CSS.

10. Создание сайта с помощью каскадных таблиц стилей.

11. Основное меню программы Artisteer и принципы её работы.

12. Создание web – страницы с помощь стандартной программы блокнот.

13. Использование программы «Notepad» для создания web – страницы.

14. Размещение изображений на странице.

15. Подготовка фона для использования в оформлении Web-страницы с

помощью различных графических редакторов.

16. Оптимизация графики Web, подготовка изображений для Web-

страницы.

17. Принципы работы с картинками (рамки, отступы, размеры

изображений).

18. ICO-формат – создание логотипа страницы.

19. Основные компоненты Web-страницы (меню, контент, логотип).

20. Разработка дизайна страницы с помощью программы Adobe Photoshop,

нарезка основных элементов страницы.

21. Рамки. Виды рамок, способы их выполнения.

22. Тэги форматирования.

23. Ссылки, виды ссылок и их выполнение. Дескрипторы ссылок.

24. Списки. Маркированные и нумерованные списки, различные виды

маркировки списков.

25. Значения форм и их особенности. Создание простейшей анкеты с

помощью форм.

26. Виды и типы фреймов. Примеры таблиц и их оформление.

27. Создание сайтов с помощью фреймов.

28. Основные фреймы и их свойства.


27

СОСТАВИТЕЛИ:

Войтко А.М., преподаватель кафедры художественно-педагогического

образования учреждения образования “Белорусский государственный

педагогический университет имени Максима Танка”;

Русакович О.Н., преподаватель кафедры художественно-педагогического



Рекомендованы к использованию в учебном процессе на заседании кафедры

художественно-педагогического образования

Заведующий кафедрой Г.В. Лойко


28

3.4. Вопросы к экзамену по учебной дисциплине «Компьютерные сети

и Web-дизайн» для студентов

3 курса дневной формы получения образования

для специальности 1-03 01 03 «Изобразительное искусство и компьютерная

графика»

1. История развития Интернета. Появление Интернета в Беларуси.

2. WEB-дизайн. История возникновения.

3. Требования к дизайну сайта в соответствии со стандартами WSC.

4. WEB – сайт. Навигация по сайту. Основные задачи навигации

грамотного и структурированного сайта.

5. Основная навигационная панель сайта (меню). Альтернативное меню и

дублирующее основного меню. Ссылка на главную страницу.

6. Историческая навигация. Место страницы в иерархии документов.

Навигация в тексте. Глобальная навигация или «Сервисы». Языковая

навигация. Навигация по URL. Корректный заголовок страницы. Alt

теги (описание иллюстраций).

7. Структуры сайта. Линейная, линейная структура с альтернативными

вариантами, древовидная структура, решетчатая система.

8. Основные элементы дизайна сайта.

9. Компоновка страницы сайта.

10. Цветовое решение сайта.

11. Выбор шрифта при разработке сайта. Требования к шрифтам сайта в

соответствии со стандартами W3C.

12. Графика на страницах сайта. Основные форматы, их плюсы и минусы.

13. Кроссбраузерность сайта. Веб-обозреватель или браузер.

Кроссбраузерный сайт.

14. Язык разметки гипертекста HTML. Правила построения HTML –

документа.

15. Язык иерархических стилевых спецификаций или каскадные таблицы

стилей CSS.

16. Этапы создания WEB – сайта.

17. Виды WEB – сайтов.

18. Сайт во фреймах, основные тэги и отличия от сайта в таблицах.

19. Сайт в CSS, основные тэги и отличия от сайта в таблицах.

20. Списки, их виды и особенности.

21. Метатэги, их свойства и особенности.

22. Формы и их свойства. Основные тэги.

23. Создание фотоальбомов. Привести примеры.

24. Определение целей создания Web-Определение целевого сегмента

пользователей.

25. Разделители и их свойства.

26. Фон и цвет сайта.

27. Таблицы и их основные тэги.


29

28. Основные тэги HTML – документа.

29. Карты изображений и их свойства.

30. Способы создания Web-сайтов и их отличие друг от друга.

Билет включает 1 вопрос, 2 вопрос –задание.

СОСТАВИТЕЛИ:

Войтко А.М., преподаватель кафедры художественно-педагогического



Русакович О.Н., преподаватель кафедры художественно-педагогического



Рекомендованы к использованию в учебном процессе на заседании кафедры

художественно-педагогического образования

Заведующий кафедрой Г.В. Лойко


30

4. ВСПОМОГАТЕЛЬНЫЙ РАЗДЕЛ

4.1. Список литературы

Основная

1. Спека, М.В. Создание Web-сайтов / М.В. Спека. – М., С-П.,К. – изд.

«Вильямс», 2007.

2. Чернышев, О.В. Дизайн-образование. Новая модель профессиональной

подготовки дизайнеров / О.В. Чернышев. – Минск: Пропилей, 2006.

3. Айриг, С. Подготовка цифровых изображений для печати Пер. с англ. /

С. Айриг, Э. Айриг: – Минск: ООО "Попурри", 1997.

4. Ахметзянова, В. Создание Web-страниц / В. Ахметзянова. М.: ООО

«Издательство Триумф», 2008.

Дополнительная

1. Лапин, А. Фотографика / А. Лапин. – 2-е изд., М.: Издатель Л. Гусев,

2004.

2. Беляев, М.В. Основы композиции: Учеб.-метод. Пособие / М.В. Беляев.

– Минск., 2002.

3. Ассади, Б. Издательская система QuarkXPress для Windows: Пер. с

англ. / Б. Ассади, Г. Груман. – М.: ЭКОМ, 1995.

4. Альспах, Т. QuarkXPress для Полных Идиотов: Пер. с англ. / Т.

Альспах. – М.: PC Project 866, 1995.


Компьютер, финансы и статистика, 1992.


«Издательство Триумф», 2008.

7. Видеосамоучитель. Создание Web-страниц. Программа Dreamweaver. –

М.: ООО «Издательство Триумф», 2008.

8. Воробейкина, И.В. Распределенные системы обработки информации.

Практикум./ И.В. Воробейкина, М.Л. Славин. – Калининград: Изд-во КВШУ,

2007.

9. Різун, В.В. Основи комп'ютерного набору і коректури. Підручник. /

В.В. Різун – К.: Либідь, 1993.

10. Таненбаум, Э. Распределённые системы. Принципы и парадигмы /

Э. Таненбаум, М. Ван Стеен.: Издательский дом «Питер», 2003.

11. Цимбал, А. Технологии создания распределённых систем / А. Цимбал,

М. Аншина: Издательский дом «Питер», 2003.

12. Матросов, А.В. HTML 4.0./А.В. Матросов, А.О. Сергеев, М.П.

Чаунин, –Спб.: БХВ-Петербург, 2005.

13. Тюрин, Ю.Н. Анализ данных на компьютере / Ю.Н. Тюрин,

А.А. Макаров. – 3-е изд., перераб. и доп. М.: Инфра-М, 2003.

14. Ресурсы Microsoft Windows NT Server 4.0 кн. 1: пер. с англ. Спб.:

БХВ-Петербург, 2000.


31

4.2. Глоссарий терминов

Авторизация – идентификация (определение подлинности) лица,

стремящегося зайти в систему или получить доступ к ее отдельным сервисам.

Админ – сокращение от администратора, пользователя ресурса с

привилегированными правами и возможностями редактирования контента

сайта.

Аккаунт – учетная запись пользователя в базе данных какого-либо web-

ресурса. Эта запись включает информацию о пользователе, логин (имя

пользователя) и пароль для входа в систему.

Бан – сленговое выражение от английского слова ban – запрещать. Данный

термин означает наказание поисковыми роботами или модераторами блогов

и форумов за нарушение правил поведения в Сети или в рамках какого-то

отдельного ресурса. Наказание выражается либо в запрещении индексации

данного сайта-нарушителя правил, либо в ограничении конкретного

пользователя блога (форума) в общении на данном ресурсе.

Баннер – текстовой или графический рекламный блок на страницах web-

сайтов, привлекающий пользователей на ресурс рекламодателя. Как правило,

баннеры на сайтах сдаются в аренду рекламодателям, причем арендные

ставки зависят от посещаемости и популярности сайта-носителя.

Браузер – компьютерная программа для выхода в Интернет и просмотра web-

ресурсов (файлов формата html, xml и т.п.). Для перехода на нужный сайт в

командной строке браузера вводится его адрес (URL), и нужная страница

получается с web-сервера (при наличии доступа в Сеть).

Вебмастер – профильный специалист, отвечающий за создание и

обслуживание сайтов

Вебстраница (реже HTML-страница) – страница сайта, отображаемая

активным браузером (при условии доступа к Интернету); данная единица

Интернете однозначно определяется адресом URL.

Гиперссылка – особо выделенная часть вебстраницы в виде отрезка текста

или картинки, которая устанавливает связь с другой странице этого же либо

иного сайта; предназначена для перехода внутри одного вебресурса или с

одного сайта на другой.

Дизайн-макет – это графический шаблон страницы (реже, раздела) сайта,

предусматривающий единый стиль оформления; после утверждения

Заказчиком осуществляется вёрстка разработанного дизайн-макета на

проектируемый сайт.

Динамическая вебстраница – это такая вебстраница, что каждый раз заново

создается специальным вебприложением при помощи сведений из базы

данных. Один из ярких примеров – главная страница Яндекса или Google,

которая при каждом новом переходе на нее несколько видоизменяется

(благодаря новостям, погоде, информации о пробках и т.д.).

Домен (доменное имя) – уникальное кодовое обозначение хоста, имеющего

выход в Интернет; составляется из слов или буквенных сочетаний на


32

латинице с разделением их точкой; каждому доменному имени соответствует

свой конкретный IP-адрес (адреса). Доменное имя служит составным

элементом URL и разработано для удобства пользователей, ведь запомнить

доменное имя в виде текста можно значительно проще, чем нелогичный

набор цифр, обозначающий IP-адрес. Этимология слова домен идет от

английского domain – территория, область.

Интерфейс – внешняя, пользовательская, визуальная часть каждой

программы.

Ключевое выражение – сочетание слов, вводимых пользователем в строку

поиска поисковой системы (Яндекс, Google и т.д.); используется для

поисковой оптимизации контента сайта.

Контент – это содержимое (наполнение) сайта, включая текстовые

материалы (статьи), графические изображения, а также фото-, видео- и

аудио-файлы, размещенные на страницах вебресурса.

Кроссбраузерность – это способность web-ресурса одинаково отображаться

и функционировать во всех популярных моделях браузеров. То есть, при

просмотре одного и того же сайта в различных браузерах Вы сможете

увидеть идентичную картинку и воспользоваться идентичными функциями

веб-ресурса.

Меню сайта – визуальное (графическое) отображение структуры вебресурса

для того, чтобы пользователь мог легко и удобно переходить из одного

раздела сайта в другой.

Мета-теги – дословно «метки», это специальные метки, располагающиеся в

тексте страниц сайта, но не отображающиеся при обычном просмотре их

пользователям. Предназначены исключительно для поисковых роботов,

помогают им четче и быстрее идентифицировать содержание каждой

страницы сайта для более точного ее соответствия поисковым запросам.

Навигация – это быстрый способ перемещения по страницам сайта,

включающий набор поименованных кнопок или иных элементов управления;

предназначен для удобства работы с вебресурсом.

Онлайн (online) – дословно «находящийся в подключенном состоянии»,

означает подключение к Сети Интернет или активное присутствие в

Интернете. Также может характеризовать все, находящееся в Сети.

Оптимизация – от SEO (search engine optimization) – приведение контента

сайта (текстового или другого плана) в соответствие с требованиями

поисковых систем таким образом, чтобы ссылки на страницы сайта попадали

в поисковую выдачу по нужным Заказчику запросам (ключевым

выражениям).

Оффлайн – состояние отключения или отсутствия в Интернете. Также может

характеризовать все расположенное вне Интернета.

Пиктограмма – уменьшенное, несколько схематичное изображение на

дисплее для быстрого ассоциативного восприятия конкретного объекта

(программы, сайта, файла и тому подобное).


33

Плагин – дополнительный программный модуль, подключаемый при

необходимости. Чаще всего используются веббраузерами для демонстрации

медийного контента запрашиваемых страниц.

ПО – программное обеспечение.

Портал – крупный интернет-сайт, объединяющий в себе наиболее

популярные у пользователей сервисы и максимально полную информацию

по заданной тематике.

Провайдер – коммуникационная компания, предоставляющая доступ в

Интернет, а также обеспечивающая хостинг или почтовый сервис.

Продвижение сайта – комплекс мер по популяризации ресурса в глазах

пользователей Сети и поисковых систем. Включает в себя оптимизацию

(SEO), рекламу в Интернете (в том числе контекстную), обмен ссылками с

другими вебресурсами.

Промоушен – комплекс мероприятий для рекламы и раскрутки вебресурса

(регистрация в поисковых системах и каталогах, баннерная реклама, поиск

партнеров и так далее).

Редирект – это автоматический процесс перенаправления пользователей с

одного вебресурса на другой. Чаще всего применяется при смене доменного

имени сайта или не совсем корректном вводе URL в строку браузера (без

заключительного «слеш»). Бывают случаи неправомочного применения

редиректов, жестко пресекающиеся поисковыми системами.

Рунет – русскоязычный Интернет. Термин служит для обозначения всей

массы сайтов, расположенных в доменной зоне «.ru». В более широком

смысле также включает и технические средства, и персонал,

обеспечивающие функционирование русскоязычных сайтов.

Сервер – компьютер или программный комплекс данного ПК,

предназначенный для непосредственной обработки запросов через Интернет

и выдающий конечные файлы браузерам.

Сеть – альтернативное название Интернета.

Скрипт – программа, формирующая вебстраницу; используется чаще всего

для составления быстро меняющихся вебстраниц. Скрипты могут быть

клиентскими или серверными.

Спам – несанкционированная массовая рассылка электронных писем

случайным пользователям или адресам из какой-то единой базы. Носит почти

всегда рекламный или коммерческий заказной характер (реже, деструктивно-

хулиганский).

Титул – содержимое мета-тега Title, отображается в форме заголовка

страницы в браузере при ее демонстрации или в результатах поисковой

выдачи Яндекс, Google и т.п.

Трафик – объем отправленной и полученной через Интернет информации.

Тэг – отдельная команда на языке разметки гипертекста (элемент

программирования сайтов).

Фрейм – это элемент вебстраницы, привязанный к определенному ее участку.

Пользователь может изменять один из фреймов, в то время как другие

остаются неизменными. Используется данная технология в сайтах со


34

сложной, многоуровневой навигацией. Фреймовые структуры представляют

некоторое затруднение для поисковых роботов, следовательно, не стоит ими

злоупотреблять на своем вебресурсе.

Хост – IP-адрес посетителя Интернета, впервые установленные и

отмеченный сервисом статистики либо вебсервером в течение конкретного

промежутка времени (час или сутки).

Хостер (хост-провайдер) – коммерческая организация, предоставляющая

услуги хостинга.

Хостинг – физическое расположение сайта на диске сервера

(специализированного компьютера), к которому будут перенаправляться

запросы браузеров к данному сайту.

Чат – специальный программный модуль для вебресурса, предназначенный

для общения в Сети в режиме реального времени (моментальный обмен

сообщениями).

Юзабилити – эргономичность (или удобство) пользования конкретным

сайтом с точки зрения среднестатистического его посетителя.

CMS – система управления контентом – административная консоль для

управления сайтом либо отдельными его разделами, контроля доступа и

защиту вебресурса от несанкционированного вторжения.

Coocie – специальные данные в особом файле, которыми сервер вебресурса

помечает браузер пользователя при посещении данной конкретной страницы

сайта.

HTML (Hyper Text Markup Language) – специальный язык (код) разметки

вебстраниц.

IP-адрес – специальное число из 32 бит, предназначенное для

идентификации хоста в Интернете (глобальных электронных сетях), которые

работают по протоколу IPv4. Состоит из хостовой и сетевой частей.

URL – (Universal Resource Locator) адрес вебстраницы в Сети Интернет,

состоящий из доменного имени, пути к странице на данном конкретном

сайте и имени файла самой страницы.


35

4.3. Типовые учебные планы

4.3.1. Типовой учебный план


36


37

4.3.2. Учебный план


38


39

4.4. Программная документаци


40


41

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

Web-дизайн – интересное, актуальное и востребованное направление

развития современных информационных технологий. Необходимость

оформления документов для их последующего использования пользователями

локальных и глобальных сетей возникает практически во всех областях

деятельности человека.

Изучение учебной дисциплины «Компьютерные сети и Web-дизайн»

направлено на повышение качества подготовки будущего педагога-

художника к профессиональной деятельности в художественно-творческой

сфере. В условиях интенсивного развития телекоммуникационных технологий

важным условием успешной работы выпускника учреждений высшего

образования по специальности 1-03 01 03 Изобразительное искусство и

компьютерная графика, для которых предназначена программа, является

владение основными технологиями оформления Web-документов. Кроме того,

современный уровень развития сетевых технологий и прикладного

программного обеспечения уже не требует специальных глубоких знаний для

подготовки Web-документов, что упрощает работу педагога-художника.

Целью учебной дисциплины «Компьютерные сети и Web-дизайн»

является обеспечение студента знаниями теоретических основ и практическими

навыками работы с гипертекстовыми документами.

Задачами учебной дисциплины являются:

освоение системы знаний об истории возникновения интернета, о

структуре и функциональных возможностях основного языка Web-

программирования – языка разметки гипертекста (html);

развитие у студента умений восприятия и оценки художественного

качества Web-страницы;

формирование практических навыков работы в среде html, написания

Web-страниц с использованием функций форматирования текста и

графики, позволяющие на приемлемом уровне создавать и поддерживать

разнообразные Интернет-сайты;

освоение многообразных современных средств работы с гипертекстовыми

документами и компьютерной графикой;

стимулирование процессов самореализации и самосовершенствования

через воплощение идей в создании нравственно и эстетически

значимой виртуальной среды;

воспитание зрительской культуры и эстетического вкуса студента.

В комплексе художественно-творческих учебных дисциплин,

предусмотренных типовым учебным планом, учебная дисциплина

«Компьютерные сети и Web-дизайн» имеет большое значение, т.к. является

важнейшей составляющей формирования художественно-графической

грамоты будущего педагога. Данная учебная программа предусматривает

интеграцию знаний по учебным дисциплинам художественно-графического


42

направления, таких как «Композиция», «Цветоведение», «Шрифтовая

графика и типографика», «Компьютерные графические системы».

Учебная дисциплина «Компьютерные сети и Web-дизайн» включает

сведения о поэтапной разработке Web-страницы (Web-сайта) с применением

современных технологий, создает возможность научиться наиболее эффективно

использовать возможности языка HTML для разработки и создания собственных

Web-страниц (Web-сайтов). Изучение учебной дисциплины предполагает

следующие формы учебной работы: лекционные занятия, лабораторные занятия,

самостоятельная работа студента.

Содержание учебной программы учитывает актуальность

комплексного и эффективного решения проблемы духовно-нравственного и

гражданско-патриотического воспитания молодежи.

Изобразительно-графические знания и умения, составляющие часть

художественно-творческой компетентности, будут способствовать

формированию профессиональных компетенций студента.

В результате изучения учебной дисциплины «Компьютерные сети и Web-

дизайн» студент должен знать:

- принципы функционирования локальных и глобальных

компьютерных сетей;

- языки гипертекстовой разметки, стили;

- инструменты и методы разработки Web-страниц, основы Web-

дизайна;

- технологии Web-программирования, объектные модели браузера и

документа;

- социальные, этические и правовые аспекты информационных систем;

- тенденции развития телекоммуникационных технологий.

В результате изучения учебной дисциплины «Компьютерные сети и Web-

дизайн» студент должен уметь:

- разрабатывать Web-страницы с помощью различных инструментов и

методов;

- при оформлении Web-страниц использовать стили CSS, графику,

таблицы, формы;

- создавать интерактивные Web-сайты с использованием JavaScript и

Flash; - использовать технологии Web-программирования для разработки

распределенных информационных систем. В результате изучения учебной дисциплины «Компьютерные сети и Web-

дизайн» студент должен владеть:

профессиональной терминологией в области Web-дизайна;

приемами работы с различными видами браузеров и документов.

В учебной программе структура содержания учебной

дисциплины «Компьютерные сети и Web-дизайн» построена на основе

подхода с разбиением содержания на темы. Темы представляют собой

относительно самостоятельные дидактические единицы содержания

обучения. Лекции раскрывают основные теоретические вопросы разработки


43

Web–страниц и сайтов, социальные, этические и правовые аспекты

разработки и использования информационных систем, активизируют

внимание студента на предмете изучения. В соответствии с содержанием

каждой темы и определенной системой компетенций (знаний, умений,

способов деятельности), после беседы и инструктажа преподавателя студента

выполняются лабораторные работы. Самостоятельные работы могут

включать поиск дополнительной информации на заданную тему,

определение и анализ особенностей графики в Internet, анализ

эргономических качеств Web–страниц и сайтов с последующим

обсуждением в группе, освоение визуального материала по содержанию

учебной дисциплины.

Текущий контроль успеваемости проводится в форме промежуточных

просмотров или тестирования на практических занятиях с выставлением

текущих оценок по десятибалльной шкале.

Типовым учебным планом в качестве формы итогового контроля по

учебной дисциплине «Компьютерные сети и Web-дизайн» предусмотрен

экзамен.

В соответствии с учебным планом на изучение учебной дисциплины

отведено всего 147 часов, из них аудиторных 66 часов, в том числе 8 часов

лекционных и 58 часов лабораторных занятий.


44

ПРИМЕРНЫЙ ТЕМАТИЧЕСКИЙ ПЛАН

№ т

емы

Название тем

Количество

аудиторных

часов

Все

го

Лек

ци

и

Ла

бо

рато

рн

ые

зан

яти

я

1. Основы Web-дизайна 8 4 4

2. Работа с графикой 6 6

3. Разработка дизайна страницы 8 8

4. Основные правила набора текста 6 6

5. Формы 4 4

6. Фреймы. Таблицы. Кнопки 8 8

7. Карты изображений 4 4

8. Основы CSS 6 2 4

9. Основы работы в программе Dreamweaver 12 2 10

10. Загрузка страницы на свободном сервере 4 4

Итого 66 8 58 РЕПОЗИТОРИЙ

45

СОДЕРЖАНИЕ УЧЕБНОГО МАТЕРИАЛА

Тема 1. Основы Web-дизайна

История возникновения интернета. Способы создания Web-страниц, с

помощью программы «блокнот», программы «Notepad». Знакомство с

языком HTML. Подготовка фона для использования в оформлении Web-

страницы с помощью различных графических редакторов.

Тема 2. Работа с графикой

Оптимизация графики Web, подготовка изображений для Web-

страницы. Принципы работы с картинками. ICO-формат – создание логотипа

страницы.

Тема 3. Разработка дизайна страницы

Основные компоненты Web-страницы. Разработка дизайна страницы с

помощью программы Adobe Photoshop, нарезка основных элементов

страницы. Рамки. Виды рамок, способы их выполнения

Тема 4. Основные правила набора текста

Тэги форматирования. Ссылки, виды ссылок и их выполнение.

Дескрипторы ссылок. Списки. Маркированные и нумерованные списки,

различные виды маркировки списков.

Тема 5. Формы

Значения форм и их особенности. Создание простейшей анкеты с

помощью форм.

Тема 6. Фреймы. Таблицы. Кнопки

Виды и типы фреймов. Примеры таблиц и их оформление. Сайт во

фреймах. Создание сайтов с помощью фреймов. Основные фреймы и их

свойства.

Тема 7. Карты изображений

Карты изображений, их назначение. Создание меню сайта с помощью

карт изображений.

Тема 8. Основы CSS

Знакомство со стилями и правила их написания. Стили для основных

тэгов HTML. Сайт с помощью CSS. Создание сайта с помощью каскадных

таблиц стилей.

Тема 9. Основы работы в программе Dreamweaver

Основное меню программы и принципы её работы. Создание сайта-

визитки в программе Dreamweaver.


46

Тема 10. Загрузка страницы на свободном сервере

Способы доступа к сайту (по имени или IP-адресу). Понятие,

назначение и использование систем управления контентом (CMS).

Тестирование работы веб-сайта на сервере. Возможные ошибки и недочёты.


47

ИНФОРМАЦИОННО-МЕТОДИЧЕСКАЯ ЧАСТЬ

Перечень основной и дополнительной литературы

Основная:

1. Спека, М.В. Создание Web-сайтов / М.В. Спека. – М.: С-П.К. – изд.

«Вильямс», 2007. – 248 с.

2. Чернышев, О.В. Дизайн-образование. Новая модель профессиональной

подготовки дизайнеров / О.В. Чернышев. – Минск: Пропилей, 2006. – 192 с.

3. Айриг, С. Подготовка цифровых изображений для печати Пер. с англ. /

С. Айриг, Э. Айриг. – Минск: ООО «Попурри», 1997. – 248 с.

4. Ахметзянова, В. Создание Web-страниц / В. Ахметзянова. – М.: ООО


Дополнительная:

25. Лапин, А. Фотографика / А. Лапин. 2-е изд. – М.: Издатель Л. Гусев,

2004. – 156 с.

26. Беляев, М.В. Основы композиции: Учеб.-метод. Пособие / М.В. Беляев.

– Минск, 2002. – 240 с.

27. Ассади, Б. Издательская система QuarkXPress для Windows: Пер. с

англ. / Б. Ассади, Г. Груман. – М.: ЭКОМ, 1995. – 256 с.







31. Видеосамоучитель. Создание Web-страниц. Программа Dreamweaver. –

М.: ООО «Издательство Триумф», 2008. – 163 с.

32. Воробейкина, И.В. Распределенные системы обработки информации.

Практикум. / И.В. Воробейкина, М.Л. Славин. – Калининград: Изд-во

КВШУ, 2007. – 214 с.

33. Різун, В.В. Основи комп'ютерного набору і коректури. Підручник. /

В.В. Різун. – К.: Либідь, 1993. – 176 с.

34. Таненбаум, Э. Распределённые системы. Принципы и парадигмы /

Э. Таненбаум, М. Ван Стеен.: Издательский дом «Питер», 2003. – 225 с.


48

ПЕРЕЧЕНЬ РЕКОМЕНДУЕМЫХ СРЕДСТВ ДИАГНОСТИКИ

Для диагностики сформировавшихся художественно-творческих

компетенций по дисциплине «Компьютерные сети и Web-дизайн»

рекомендуется использовать комплексные проверки знаний, умений и

навыков в форме зачетов (просмотров), экзаменов с оцениванием

практической части работы, а также теоретической подготовленности по

основам технологической грамотности, истории развития информационных

сетей и основным принципам работы с Web–страницами и сайтами.


49

МЕТОДИЧЕСКИЕ РЕКОМЕНДАЦИИ ПО ОРГАНИЗАЦИИ И

ВЫПОЛНЕНИЮ САМОСТОЯТЕЛЬНОЙ РАБОТЫ СТУДЕНТОВ

Структура содержания учебной программы по учебной дисциплине

«Компьютерные сети и Web-дизайн» построена на основе традиционного

подхода с разбиением содержания на темы; при этом темы представляют

собой относительно самостоятельные дидактические единицы содержания

обучения. В соответствии с содержанием конкретной темы и определенной

системой технико-технологических и художественно-творческих

компетенций (знаний и умений, способов деятельности) студентом

выполняются учебно-творческие проекты. Разработка и выполнение

проектов осуществляется в аудитории под руководством преподавателя и

продолжается в рамках внеаудиторной самостоятельной работы по заданию

преподавателя в библиотеке, в домашних условиях, с использованием

глобальной сети "Интернет".

Задачами самостоятельной работы являются:

углубление и расширение теоретических знаний в области

мультимедийных технологий;

развитие познавательных способностей и активности студентов:

творческой инициативы, самостоятельности, ответственности и

организованности;

формирование самостоятельности мышления, способностей к

саморазвитию, самосовершенствованию и самореализации;

развитие исследовательских умений;

Процесс организации самостоятельной работы студентов включает в

себя следующие этапы:

подготовительный (определение целей, подготовка оборудования,

фотосъемка);

основной (реализация программы, использование приемов поиска

информации, усвоения, переработки, применения, передачи знаний,

фиксирование результатов, самоорганизация процесса работы);

заключительный (оценка значимости и анализ результатов, их

систематизация, оценка эффективности программы и приемов

работы в среде html, написания Web-страниц с использованием функций

форматирования текста и графики, выводы о направлениях

оптимизации труда).

Основными видами самостоятельной работы являются:

формирование и усвоение содержания конспекта лекций на базе

рекомендованной учебной литературы, включая информационные

образовательные ресурсы (электронные учебники, электронные

библиотеки и др.);

выполнение микроисследований по темам выполняемых проектов.


B C B L H J H AI J£МК... · Оптимизация графики . Web, подготовка...

Documents

Transcript of B C B L H J H AI J£МК... · Оптимизация графики . Web, подготовка...