- •Фгбоу впо «Башкирский государственный педагогический университет
- •2. Требования к уровню освоения содержания дисциплины «Технологии Internet (Web-мастерство)»
- •3. Объем дисциплины «Технологии Internet (Web-мастерство)» и виды учебной работы
- •4. Содержание дисциплины «Технологии Internet (Web-мастерство)»
- •4.1. Разделы дисциплины и виды занятий
- •4.2.Содержание разделов дисциплины «Технологии Internet (Web-мастерство)»
- •5. Учебно-методическое обеспечение дисциплины
- •6.5. Система подготовки материалов и методических разработок
- •7. Содержание итогового и промежуточного контроля
- •7.1. Перечень примерных контрольных вопросов и заданий для самостоятельной работы
- •7.2 Теоретические вопросы к зачету.
- •Практические задания
- •8. Методические рекомендации по организации изучения дисциплины
- •8.1. Методические рекомендации для преподавателей
- •9.Учебная практика по дисциплине «Технологии Internet (Web-мастерство)» не предусмотрена.
- •2.1. Конспекты лекций по дисциплине «Технологии Internet (Web-мастерство)»
- •2.1. Язык гипертекстовой разметки html.
- •2.1.1. Основные теги.
- •Комментарии
- •Общий вид html-документа
- •2.1.2. Обычный текст или абзац
- •Обычный текст или абзац в сеpедине стpоки
- •2.1.3. Ссылки
- •Ссылки на главы дpугих документов
- •2.1.4. Списки
- •Ненумеpованный список
- •Нумеpованный список
- •2.1.5. Физические стили
- •Наложение различных стилей
- •2.1.6. Рисунки
- •Составные картинки
- •Элемент map
- •2.1.7. Таблицы
- •2.1.8. Формы html
- •Атрибут checkbox
- •Атрибут image
- •Атрибут password
- •Атрибут radio
- •Атрибут reset
- •Атрибут select
- •Атрибут submit
- •Атрибут textarea
- •2.1.9. Фpеймы
- •3.1. Базовый синтаксис css
- •3.3. Применение свойства цвета.
- •Свойство 'background-color'
- •3.4. Фоновые изображения [background-image]
- •3.5. Семейство шрифта [font-family]
- •3.6. Боксовая модель
- •Боксовая модель в css
- •3.7.Принципы css-позиционирования
- •Абсолютное позиционирование
- •Относительное позиционирование
- •4.1. Цвет и форма.
- •4.2. Модульная сетка в дизайне.
- •4.3. Типы сайтов. Модели организации сайта.
- •4.3.1. Линейная организация
- •4.3.2. Решетка
- •4.3.3. Иерархия
- •4.3.4. Паутина
- •5.1. Теория навигации
- •5.1.1 Размещение элементов навигации
- •5.1.2. Правила навигации
- •5.1.3. Основные приемы создания ссылок
- •5.2. Программы для создания web-страниц
- •6.1. Изображения в Интернет: технологии gif, jpeg, png, Flash.
- •6.1.1. Форматы изображений
- •6.1.2. Формат gif
- •6.1.3. Формат jpeg
- •6.1.4. Формат png
- •6.1.6. Другие форматы изображений
- •6.2. Анимация
- •6.3. Звук
- •6.4 Видео
- •7.1. Технологии программирования
- •7.2. Программирование на стороне клиента
- •7.2. Синтаксис языка JavaScript и основы программирования на нем
- •8.1. Технологии, работающие на стороне сервера
- •8.2. Сценарии на стороне сервера
- •8.3. Технологии создания интерактивных страниц: asp, php, ssi
- •8.4. Серверные программные интерфейсы приложений
- •8.4. Сетевые и сопутствующие протоколы
- •8.4.3. Адресация: url/uri/urn/urc
- •9.4 Работа с формами
- •9.5. Рнр: выборочная загрузка
- •9.6 Рнр: гостевая книга
- •10.1. Базовая модель Web-процесса
- •10.2. Планирование сайта
- •I определение цели
- •2. Определение аудитории
- •3. Профилирование пользователей
- •4. Требования к сайту
- •II план сайта
- •III разработка дизайна
- •Логотип
- •Навигатор по сайту
- •IV создание пробного сайта
- •V тестирование
- •10.3 Публикация и продвижение сайта
- •Упражнение 2 – создание списка
- •Упражнение 3 - вставка рисунка
- •Упражнение 4 – гиперссылки
- •Лабораторная работа № 2 Создание home page средствами Notepad (папка web)
- •Последовательность выполнения работы
- •Лабораторная работа № 3
- •Сведения о пользователе
- •Лабораторная работа № 4 Создание домашней странички (папка web)
- •Лабораторная работа № 5 JavaScript
- •Лабораторная работа № 6 JavaScript Создание и обработка форм в электронных документах, их назначение.
- •Лабораторная работа № 7 Тема «Использование Flash-технологий для создания Web-сайтов»
- •Задания для самостоятельной работы
- •Упражнение 4 Создание анимационного ролика «Шарик летит по улице города»
- •Упражнение 6 Создание собственных кнопок
- •Задания для самостоятельной работы
- •Лабораторная работа № 8. Создание web-сайта средствами редактора Dreamweaver (папка web-6)
- •5 Проверить корректность работы файла стилей!
- •Лабораторная работа №9 по технологиям Internet.
- •Лабораторная работа 10. Введение в язык php
- •Лабораторная работа 11. Обработка данных форм
- •Лабораторная работа 12. Массивы
4. Содержание дисциплины «Технологии Internet (Web-мастерство)»
4.1. Разделы дисциплины и виды занятий
№ п/п |
Тематический план |
Лекции |
Лабораторные занятия. |
|
Сетевая среда. Определение web-дизайна. Базовые технологии Интернет. |
2 |
- |
|
Языки разметки. |
2 |
4 |
|
Технологии таблиц стилей |
2 |
4 |
|
Основы web-дизайна. |
2 |
4 |
|
Теория навигации. Основные приемы навигации. Программы для создания web-страниц. |
2 |
4 |
|
Основы цифровой обработки изображений и звука. Веб-технологии и мультимедиа. |
2 |
4 |
|
Технологии программирования. Технологии обработки сценариев на стороне клиента. |
2 |
2 |
|
Интерактивные технологии: взаимодействие «клиент – сервер». |
2 |
2 |
|
Основы РНР. РНР Программы. Переменные, константы, типы данных в РНР. Преобразование типов. Операторы. |
8 |
4 |
|
Планирование сайта. Размещение и продвижение сайта. |
4 |
2 |
4.2.Содержание разделов дисциплины «Технологии Internet (Web-мастерство)»
Тема 1. Сетевая среда. Базовые технологии Интернет. Определение web-дизайна.
Сетевая среда. Основные компоненты сетевой среды. Определение web-дизайна. Пирамида web-дизайна. Типы web-сайтов. Дизайн, ориентированный на пользователя. Традиции web. Базовые технологии Интернет.
Тема 2. Языки разметки.
Языки разметки документа: html, xhtml, xml. Язык разметки гипертекста (XHTML). Структура документа. Текст. Списки. Графические элементы. Гиперссылки. Таблицы. Табличная верстка. Фреймы. Формы.
Тема 3. Технологии таблиц стилей.
Технологии css и xsl. Включение CSS в документ, селекторы. Синтаксис CSS. Замена тегов на стилевое описание. Каскадные таблицы стилей. Наследование и каскадирование. Блочная модель. Позиционирование. Верстка страниц CSS-блоками.
Тема 4. Основы web-дизайна.
Выбор цвета. Модульная сетка в дизайне.Структура сайта: выразительность и предсказуемость. Модели организации сайта. Линейная организация. Иерархия. Полное связывание.Удобство использования и структура сайтов.
Тема 5. Теория навигации. Основные приемы навигации. Программы для создания web-страниц.
Навигация. Размещение элементов навигации. Непротиворечивость навигации. Навигация и прокрутка. Типы ссылок. Использование контекстных примечаний. Редакторы HTML и другие вспомогательные программы: конверторы, ассистенты, простейшие редакторы, WYSIWYG редакторы, конструкторы, встроенные возможности сохранения.
Тема 6. Основы цифровой обработки изображений и звука. Веб-технологии и мультимедиа.
Изображения в Интернет: технологии GIF, JPEG, PNG. Flash-технологии. Технологии SVG, VML. Аудио и видео форматы мультимедийных Интернет технологий. Создание анимированных объектов и интеграция в web приложения. Средства компьютерной графики для создания Web-узлов.
Тема 7. Технологии программирования. Технологии обработки сценариев на стороне клиента.
Основные принципы работы с апплетами. Основные принципы работы со скриптами. Основные элементы идеологии скриптового программирования. Объекты и события. Методы и функции. Основы JavaScript. Примеры скриптов. Разработка интерактивных тестов.
Тема 8. Интерактивные технологии: взаимодействие «клиент – сервер».
Интерактивные возможности метатегов. Технология «клиент-сервер». Технологии создания интерактивных страниц: ASP, PHP, SSI. Web и базы данных. РНР и MySQL. Создание форм. Получение данных, введенных в форму пользователем. CMF и CMS. Основные принципы организации
Тема 9. Процесс web-дизайна, Планирование сайта Размещение и продвижение сайта.
Процесс web-дизайна. Разработка технического задания на создание web-приложения. Цели и задачи создания web-приложения. Исследование аудитории. Проектирование макета. Исследование эффективности применения Интернет-технологий. Размещение сайта на Web-сервере. Продвижение сайта. Контроль работоспособности сайта. Обновление и модернизация сайта.
4.3. Лабораторныe занятия.
№ п/п |
Технологии Internet (Web-мастерство) |
Наименование лабораторных работ |
Часы |
|
Языки разметки. |
1.Создание веб-сайта с использованием технологии HTML 2.Табличная верстка web-страницы
|
2
2
|
|
Технологии таблиц стилей |
1.Создание home page средствами Notepad (папка web) Каскадные таблицы стилей. 2.Разработка дизайна сайта средствами css. Верстка css-блоками |
2
2 |
|
Основы web-дизайна. |
1.Создание web-страницы с заданной модульной сеткой и css-форматированием. 2. JavaScript
|
2
2
|
|
Теория навигации. Основные приемы навигации. Программы для создания web-страниц.
|
1.Создание web-страницы в Adobe Dreamweaver. 2. Скрипты и работа с формами
|
2
2 |
|
Основы цифровой обработки изображений и звука. Веб-технологии и мультимедиа. |
1.Использование Flash-технологий для создания Web-сайтов 2.Создание и обработка изображений для web-приложений. Изучение технологии Flash. |
2
2 |
|
Интерактивные технологии: взаимодействие «клиент – сервер». |
1.Установка Web-сервера. 2.Создание форм, получение данных, введенных в форму пользователем |
2 2 |
|
Технологии программирования. Технологии обработки сценариев на стороне клиента. |
1. Верстка страницы с помощью таблиц. 2.Введение в язык PHP |
2
2 |
|
Проектирование сайта. Продвижение сайта в интернет |
1.Планирование web-сайта. Размещение сайта на Web-сервере.Создание и обработка форм в электронных документах. Разработка. |
2
|