- •Фгбоу впо «Башкирский государственный педагогический университет
- •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. Массивы
6.2. Анимация
Немного анимации может значительно оживить Web-страницу. В Internet анимация применяется для различных вещей: активных логотипов, анимированных пиктограмм, демонстраций и коротких мультфильмов. Web-дизайнерам доступно множество технологий анимации. Среди наиболее распространенных подходов к анимации - GIF, Flash и Shockwave, а также анимации JavaScript (которые еще называются DHTML). Существуют и другие возможности для создания анимации: анимации на основе Java и более старые методики анимации, такие как "серверный толчок" — они до сих пор возможны. Тем не менее, эта область значительно сузилась, и на самом деле рассматривать стоит очень немногие из старых или специфических форматов анимации. В табл. 3.3 приводятся подробные данные об общераспространенных альтернативах в области анимации, и даются некоторые факты о каждой из них.
Таблица 6.1. Распространенные варианты Web-анимации
Технология |
Комментарии анимации |
Анимированный GIF |
Анимационные GIF-файлы (GIF89a) являются простейшей формой анимации и исходно поддерживаются большинством браузеров. В анимированном GIF можно установить циклическое повторение и простейшее хронирование, однако сложная анимация остается за пределами возможностей этого формата
|
JavaScript/DHTML |
JavaScript можно использовать для перемещения объектов по экрану. Этот тип применения JavaScript часто называют динамическим HTML, или DHTML. Независимо от имени, эта форма анимации довольно сбивчива и не рекомендуется для каких-либо целей, выходящих за рамки простого перекатывания кнопок и эффектов прокрутки текста
|
Flash |
ведущий формат для сложной сети Internet, основанный на анимации. Файлы Flash очень компактны, и в системах большинства пользователей Internet Flash предварительно установлен Flash поддерживает развивающиеся программные средства, основанные на JavaScript |
Shockwave |
Файлы Shockwave представляют собой сжатые файлы Macromedia Director Их основным преимуществом по сравнению с Flash является лишь то, что они поддерживают написание сложных сценариев. Тем не менее, по мере того как возможности Flash увеличиваются, интерес к файлам Shockwave быстро падает |
6.3. Звук
Аудиотехнологии в Internet охватывают значительную область - от традиционных систем воспроизведения после загрузки во множестве форматов, таких как WAV и МРЗ, до потокового звука, в котором осуществляется попытка воспроизведения данных во время их загрузки по соединению. Удивительно, но самые современные технологии, и самые популярные, могут быть не лучшим решением для Web-сайтов К примеру, файлы МРЗ, хотя и выделяются хорошим качеством, имеют тенденцию к слишком долгой загрузке, а потоковые технологии не могут обеспечить надежное воспроизведение во всех ситуациях из-за непредсказуемых условий доставки по сети Internet. К счастью, с того незатейливого времени, когда в качестве фоновой музыки добавлялся файл WAV или MIDI, многие вещи стали совершеннее, однако и сейчас до того, как звук станет общепринятым, ждать еще долго — в основном, из-за крупного объема звуковых файлов.
Чтобы уменьшить объем пересылаемых данных, звуковые файлы можно сжать. Программное обеспечение на обслуживающей стороне сжимает данные, которые затем распаковываются и воспроизводятся на принимающем конце. Программное обеспечение для сжатия/распаковки обобщенно называется кодеком. Как и форматы изображений, методы компрессии звука либо сопровождаются, либо не сопровождаются потерями. Распространенные подходы к доставке звука для Web-страниц показаны в табл. 3.4.
Таблица 6.2. . Распространенные варианты Web-аудио
Формат файла |
Описание
|
WAV |
Файлы формы волны (или просто волновые) файлы — это самый распространенный звуковой формат на платформах Windows Помимо этого, файлы WAV можно проигрывать на Мае и в других системах с программным обеспечением для их воспроизведения
|
MPEG (MP3) |
Формат Экспертной группы по фильмам (Motion Pictures Experts Group) является стандартом с существенными возможностями сжатия. MPEG 3-го уровня, или файлы МРЗ, очень широко используются для распространения музыки в сети Internet. Тем не менее, в силу их размера файлы MPEG могут быть слишком громоздкими для прямого воспроизведения на Web-страницах, если не организовать их поток по быстрому соединению
|
RealAudio (.rm) |
RealAudio (http://www.real.com) является доминирующей потоковой технологией, применяемой в Internet в настоящее время. Она требует наличия специализированного проигрывателя, однако его базовые версии доступны на бесплатной основе
|
MIDI |
Цифровой интерфейс музыкальных инструментов (Musical Instrument Digital Interface) не является звуковым форматом, представленным в цифровой форме. Он представляет ноты и другую информацию, необходимую для синтезирования музыки. MIDI обеспечен основательной поддержкой, а его файлы очень малы, однако он пригоден лишь для определенного рода задач из-за качества его звука на аппаратном обеспечении PC
|
Windows Media Audio (WMA) |
Аудиовизуальные технологии Windows (Windows Media Technologies) обеспечивают совокупность утилит для создания, обслуживания и просмотра потокового мультимедиа, включая высококачественные аудиоданные. Это серьезный конкурент платформы Real
|
SWF |
Хотя по сути это не музыкальный формат, на многих сайтах предпочтение отдается встраиванию звука в файлы Flash. Обычно в файлы Flash импортируются файлы WAV или МРЗ |