Основы WEBдизайна

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ
высшего профессионального образования
«Московский государственный университет экономики, статистики и информатики (МЭСИ)»
Брянский филиал
Утверждаю :
директор филиала
Э.Г. Кукушкин
……………………..
«
»
2014 г.
РАБОЧАЯ ПРОГРАММА УЧЕБНОЙ ДИСЦИПЛИНЫ
Основы WEB-дизайна
ОДОБРЕНА
предметной (цикловой) комиссией
Председатель П(Ц)К
___________________ И. О. Ф.
Протокол №_____ от «___»_________2014 г.
Разработчики:
Дуляк Н.О. - преподаватель Брянского филиала МЭСИ
2014
Программа курса “ Основы WEB-дизайна ”
программа рассчитана на учащихся 9 – 11 классов
Цель курса:
Курс позволяет слушателям познакомиться с основными современными web-технологиями, формирует теоретические знания и
практические навыки, необходимые для самостоятельной разработки визуального облика Web - страниц и успешного продвижения сайта в
Интернет.
В рамках курса слушатели
научатся:
-
разрабатывать HTML - документы тегами языка HTML;
-
выполнять форматирование Web - страниц;
-
осуществлять выбор размера шрифтов и цветовое оформление Web - страниц;
-
работать с графическими изображениями в формате GIF, JPG, PNG;
-
применять инструментальные средства для разработки web-страниц и web-узлов;
-
ориентироваться в современных информационных технологиях, их возможностях, перспективах развития;
получат представление:
- о состоянии развития современных web-технологий, об их месте и роли в работе компьютерных сетей Internet/Intranet;
-
о проблемах и направлениях развития web-технологий.
Изучение курса предусматривает проведение лекционных и практических занятий, а также самостоятельную работу слушателей под
руководством преподавателя. Предусмотрено 45 занятий по 3 академических часа. По окончанию обучения выдается сертификат.
Тематический план и содержание курса
“Основы WEB-дизайна ”
В том числе
Наименование
Содержание учебного материала, практические занятия,
часов
разделов и тем
1
Введение
Всего
лекци
практ
и
ика
5
2
3
4
Предмет, основные цели, задачи и содержание курса Web-дизайн. Правовые акты,
определяющие порядок формирования и использования информационных ресурсов.
1
1
6
2
4
3
1
2
6
2
4
Раздел 1. Язык HTML
Тема1.1 ОсновыHTML
Содержание учебного материала:
Структура HTML-документа. Теги заголовка документа. Теги тела документа. Работа
с текстом. Заголовки и абзацы. Списки: нумерованные, маркированные. Цвет в HTML.
Создание гиперссылок. Понятие внешней и внутренней ссылки.
на Содержание учебного материала:
Графика. Вставка графических изображений.
гипертекстовых страницах
Тема1.2
Графика
Тема 1.3 Работа с
таблицами
Содержание учебного материала:
Таблицы — основное средство для управления расположением материалов в HTML.
Теги создания таблиц. Основные атрибуты таблиц, строк, ячеек. Форматирование
таблиц.
Содержание учебного материала:
Создание Web- форм. Элементы форм. Типы управляющих элементов. Ввод данных:
элемент INPUT. Меню. Многострочный текст. Кнопки. Группы управляющих
элементов. Работа с элементами управления. Понятие фреймовой структуры webстраницы. Особенности использования фреймов. Описание фрейма на языке HTML.
Проблемы фреймовой организации страницы.
6
2
4
7
2
5
документов
Содержание учебного материала:
Каскадные таблицы стилей (CSS). Основные понятия и определения.
Позиционирование элементов. Цвет элемента и цвет фона. Свойства шрифта.
Свойства текста. Фильтры изображений. Эффекты перехода.
Тема 1.6.Динамический
HTML.
Содержание учебного материала:
DHTML.Создание интерактивных документов.
6
2
4
Тема 1.7.
Содержание учебного материала:
Понятие разметки элементов сайта. Создание модели верстки. Создание макета
разметки сайта. Верстка сайта.
3
1
2
3
1
2
Тема 1.4 Формы и фреймы
Тема 1.5.Стилевое
оформление HTML-
Основы верстки сайтов
Раздел 2.
Инструментальные
средства разработки Webстраниц.
Тема 2.1.Работа в HTML – Содержание учебного материала:
WYSIWYG - редактор. Настройка интерфейса Работа с документом. Создание
редакторе.
стилей. Работа с таблицами. Работа с изображениями. Создание ссылок.
Раздел 3. Публикация
сайта в Интернет.
Тема 3.1 Продвижение
сайта в сети Интернет.
Раздел 4. Итоговая
Содержание учебного материала:
Виды хостинга. Выбор доменного имени. Размещение сайта на бесплатном хостинге.
Выполнение и защита проекта
аттестация
Итого
1
1
3
45
3
15
ТРЕБОВАНИЯ К РЕЗУЛЬТАТАМ ОБУЧЕНИЯ
В результате изучения курса “ Основы WEB-дизайна ”
обучающийся должен:
знать/понимать:
 о состоянии развития современных web-технологий, об их месте и роли в работе компьютерных сетей Internet/Intranet;
 о проблемах и направлениях развития web-технологий;
 о проблемах и направлениях развития программных средств, применяемых в web-технологиях;
 принципы работы сети Интернет;
 правила работы с текстом, таблицами и рисунками в Интернет;
уметь:
-
разрабатывать HTML - документы тегами языка HTML;
-
выполнять форматирование Web - страниц;
-
осуществлять выбор размера шрифтов и цветовое оформление Web - страниц;
-
работать с графическими изображениями в формате GIF, JPG, PNG;
30
-
применять инструментальные средства для разработки web-страниц и web-узлов;
-
ориентироваться в современных информационных технологиях, их возможностях, перспективах развития;
УСЛОВИЯ РЕАЛИЗАЦИИ УЧЕБНОЙ ДИСЦИПЛИНЫ
Требования к минимальному материально-техническому обеспечению
Реализация учебной дисциплины требует наличия компьютерного класса с подключением к Интернет
СРЕДСТВА ОБУЧЕНИЯ
1. Учебно-наглядные пособия
- Экран проектора
2. Технические средства обучения
- Аудиовизуальные средства обучения – мультимедийный проектор
- Компьютерная техника и средства телекоммуникации– ПК, локальная сеть
Программные средства - операционная система Windows XP /Windows 7, Microsoft Office(желательно 2007 и выше), Internet Explorer (8 и
выше), HTML –редактор NVU;
Методическое обеспечение дисциплины:
-
учебная программа курса,
-
методические указания по проведению практических занятий,
3. Информационное обеспечение обучения
Перечень рекомендуемых учебных изданий, Интернет-ресурсов, дополнительной литературы.
Основные источники:
1.
ДроновВ.А. HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов [Текст] / Владимир Александрович Дронов.СПб.: БХВ Петербург, 2011. 414с.
URL: http://inf.mesi.ru/d.aspx?id=351455 ;
2.
Дунаев В. В. HTML, скрипты и стили [Текст] / В. В. Дунаев. СПб. : БХВ-Петербург, 2011. 810 с.
URL: http://inf.mesi.ru/d.aspx?id=350807;
3.
Немцова Т. И. Компьютерная графика и Web-дизайн. Практикум [Текст] : Учебное пособие / Тамара Игоревна Немцова, Юлия
Владимировна Назарова. М.: ИНФРА-М, 2013. 288 с.
URL:http://inf.mesi.ru/d.aspx?id=400936.
Дополнительные источники:
1.
КлонингерКурт. Свежие стили Web-дизайна: как сделать из вашего сайта «конфетку» [Текст] / Курт Клонингер. М.: ДМК Пресс, 2009. 250
с. URL: http://inf.mesi.ru/d.aspx?id=408541 ;
2.
ПрохоренокН. А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера [Текст] / Н. А.Прохоренок. СПб.: БХВ-Петербург,
2010. 900с.
URL: http://inf.mesi.ru/d.aspx?id=350905.
Интернет-ресурсы:
1. Справочник CSS: [Электронныйресурс]. URL:http://htmlbook.ru/css(дата обращения: 15.09.2014);
2. Учебник по HTML: [Электронныйресурс]. URL:http://www.webnav.ru/books/html4/(дата обращения: 15.09.2014).