- •Содержание
- •Предисловие
- •Правила выполнения практических работ
- •Обеспеченность занятия (средства обучения):
- •Порядок выполнения отчета по практической работе
- •Задания для практического занятия:
- •Контрольные вопросы
- •1. Выбор критериев при оценке сайтов
- •2. Составление списка сайтов
- •3. Выставление критериев
- •4. Оценка результатов и выводы
- •Задания для практического занятия:
- •Контрольные вопросы
- •Подстановки
- •Задания для практического занятия:
- •Вариант 1
- •Вариант 2
- •Вариант 3
- •Вариант 4
- •Вариант 5
- •1. Общая структура
- •2. Атрибуты
- •3. Регистр записи команд
- •4. Escape-последовательности (подстановки)
- •5. Перевод строки, пробелы, табуляция
- •6. Комментарии
- •7. Общие рекомендации
- •8. Цветовые спецификации
- •9. Базовые теги разметки гипертекста
- •12. Заголовки
- •Задания для практического занятия:
- •Подстановки
- •Задания для практического занятия:
- •Виды тегов:
- •Подстановки
- •Задания для практического занятия: Размещение таблиц на html-странице. Форматирование текста в таблице
- •В таблице могут использоваться следующие способы выравнивания:
- •2.2 Размещение таблиц на html-странице. Форматирование ячеек таблицы
- •Форматирование заднего фона таблиц, рядов и ячеек:
- •2.3 Размещение таблиц на html-странице. Объединение ячеек таблицы
- •Объединение ячеек таблицы:
- •Контрольные вопросы
- •Практическое занятие 7-8 «Дополнительные элементы языка html для форматирования web-страниц»
- •Образовательные результаты, заявленные во фгос третьего поколения:
- •Виды тегов:
- •Подстановки
- •Задания для практического занятия:
- •Коллекция горизонтальных линий
- •Escape-поcледовательности
- •Физические и логические стили
- •Образец технического задания на разработку web-сайта Техническое задание на разработку Веб-сайта
- •Подписи Сторон:
- •Задания для практического занятия:
- •Задания для практического занятия:
- •Контрольные вопросы
- •1. Семейства шрифтов font-family
- •4. Оформление текста text-decoration. Значения: подчеркивание (underline), надчеркивание (overline), зачеркивание (line-through), нет подчеркивания (попе).
- •1. Цвет элемента color — цвет элемента в модели rgb или по стандартным названиям цветов.
- •Отступы.
- •1. Выравнивание text-align — выравнивание абзаца относительно страницы или ячейки таблицы. Значения: по левому краю (left), по центру (center), по правому краю (right), по ширине (justify).
- •Задание для практического занятия:
- •Простейшая анимация
- •Дополнительные кадры анимации
- •Анимация размеров клипа
- •Создание анимации имитирующие приближение локомотива к зрителю
- •Настойка плавности анимации
- •Применение цветового эффекта
- •Анимация фильтра Glow (Свечение) и его настройка
- •Применение фильтра Blur (Размытие)
- •Озвучивание анимации
- •Задания для практического занятия:
- •Контрольные вопросы
- •Анимация движения по траектории
- •Настройте плавность анимации
- •Вложенные клипы
- •Озвучивание анимации
- •Вставка фонового рисунка
- •Создание второй сцены
- •Создание анимации и применение фильтра
- •Озвучивание второй сцены
- •Создание анимации формы
- •Использование идентификаторов формы
- •Создание анимации плывущего парохода
- •Создание анимации волны
- •Имитация наката волн
- •Имитация качки парохода на волнах
- •Сборка анимации
- •Задания для практического занятия:
- •1. Введение
- •2. Сведения об ошибках
- •Сообщение об ошибке
- •Исправление ошибок
- •3. Дата и время
- •4. Команда onMouseOver
- •Разбор скрипта
- •Другие свойства
- •5. Обработчики событий
- •Команды и эффекты
- •Задания для практического занятия:
- •Типовые виды сайтов
- •Задания для практического занятия: Вариант 1
- •Вариант 2
- •Контрольные вопросы
Министерство образования Республики Башкортостан
УФИМСКИЙ ГОСУДАРСТВЕННЫЙ КОЛЛЕДЖ РАДИОЭЛЕКТРОНИКИ
|
УТВЕРЖДАЮ Зам. директора _____________ Л.Р. Туктарова «_____» ______________2014 г. |
СБОРНИК МЕТОДИЧЕСКИХ УКАЗАНИЙ
ДЛЯ СТУДЕНТОВ ПО ВЫПОЛНЕНИЮ
ПРАКТИЧЕСКИХ РАБОТ
МЕЖДИСЦИПЛИНАРНЫЙ КУРС «WEB-ТЕХНОЛОГИИ»
специальность 230115 «Программирование в компьютерных системах»
ДЛЯ СТУДЕНТОВ ОЧНОЙ И ЗАОЧНОЙ ФОРМ ОБУЧЕНИЯ
СОГЛАСОВАНО __________________ Р.М.Халилова
РАСCМОТРЕНО На заседании кафедры программирования и информационных технологий _____________ М.Е. Бронштейн «___» ______________ 2014 г. |
РАЗРАБОТЧИК ___________Р.Р. Рахимов
|
Уфа 2014 г.
Содержание
|
Стр. |
Предисловие Практическая работа 1 «Создание алгоритма разработки web-сайта» Практическая работа 2 «Анализ сильных и слабых сторон web-сайта» Практическая работа 3 «Синтаксис документа HTML» Практическая работа 4 «Разметка и эскиз web-страницы тегами HTML» Практическая работа 5 «Создание сайта с тремя HTML-страницами» Практическая работа 6 «Использование таблиц при создании web-страниц» Практическая работа 7-8 «Дополнительные элементы языка HTML для форматирования web-страниц» Практическая работа 9 «Составление технического задания на разработку web-сайта» Практическая работа 10 «Применение тегов HTML при создании web-страниц» Практическая работа 11 «Отправка данных с использованием форм. Создание формы на html-странице» Практическая работа 12 «Форматирование web-страниц с использованием таблиц стилей. Создание каскадных листов стилей (CSS)» Практическая работа 13-14 «Создание логотипа и баннера для web-сайта в растровом редакторе» Практическая работа 15 «Создание GIF-анимации» Практическая работа 16 «Создание простейшей анимации» Практическая работа 17 «Создание анимации с использованием готовых анимационных эффектов» Практическая работа 18 «Создание анимации формы» Практическая работа 19 «Использование языка сценариев JavaScript при создании web-сайта» Практическая работа 20-23 «Создание сайта и его публикация» |
3 5 12 17 36 48 52
56
61 65
77
79
85 87 91
106 135
154 166 |
Предисловие
Методические указания для студентов по выполнению практических работ являются частью основной профессиональной образовательной программы Государственного бюджетного образовательного учреждения среднего профессионального образования «Уфимский государственный колледж радиоэлектроники» по специальности СПО 230115 «Программирование в компьютерных системах» в соответствии с требованиями ФГОС СПО третьего поколения.
Методические указания для студентов по выполнению практических работ адресованы студентам очной, заочной и заочной с элементами дистанционных технологий форм обучения.
Методические указания созданы в помощь для работы на занятиях, подготовки к практическим работам, правильного составления отчетов.
Приступая к выполнению практической работы, необходимо внимательно прочитать цель работы, ознакомиться с требованиями к уровню подготовки в соответствии с федеральными государственными стандартами третьего поколения (ФГОС-3), краткими теоретическими сведениями, выполнить задания работы, ответить на контрольные вопросы для закрепления теоретического материала и сделать выводы.
Отчет о практической работе необходимо выполнить и сдать в срок, установленный преподавателем.
Наличие положительной оценки по практическим работам необходимо для допуска к экзамену, поэтому в случае отсутствия студента на уроке по любой причине или получения неудовлетворительной оценки за практическую необходимо найти время для ее выполнения или пересдачи.