Методические материалы к модулю.

Оглавление

Общие указания к выполнению работ 3

Рекомендации 3

Занятие 2. HTML как язык разметки. 4

Упражнения 4

Практическое Задание: Подготовка документов, составляющих сайт 4

Занятие 3. HTML как язык гипермедиа разметки 5

Упражнения к занятию 3 5

Задание к занятию 3. Создание сайта 5

Занятие 4. Таблицы и фреймы 6

Упражнения к занятию 4 6

Задание к занятию 4. Таблицы и фреймы 6

Занятие 5. CSS – основы синтаксиса и быстрый старт 7

Упражнения 7

Задания 7

Занятие 6. CSS – селекторы и свойства 8

Упражнения 8

Задание к занятию 8

Занятие 7. URL+HTTP 9

Упражнения 9

Задание 9

Занятие 8. HTML формы и работа с Cookies 10

Упражнения 10

Задания 10

Общие указания к выполнению работ

В данной методической разработке собраны материалы, необходимые для выполнения практических работ по модулю «Введение в Веб» курса «Основы Веб технологий»

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

Упражнения подобраны таким образом, чтобы обучающийся освоил основные приемы работы с изученным . Предполагается что каждое упражнение самостоятельно и делается «с нуля». Если учащийся для выполнения упражнения берет

Выполнение Заданий направлено на развитие у учащегося умений применять полученные знания на практике. Все Задания сформулированы как части одной цельной работы по созданию интернет-ресурса.

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

Рекомендации

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

Для набора кириллических Веб документов рекомендуется использовать кодировку Win1251 (cp-1251). При использовании UTF-8 необходимо понимать, что в ней кириллический символ кодируется несколькими байтами, что, в ряде случаев необходимо учитывать при работе. Другие кодировки использовать в рамках курса не рекомендуется.

Занятие 2. HTML как язык разметки.

Упражнения

1. Создайте простой HTML документ «Привет, Мир!». Убедитесь в том, что он отображается верно. Проверьте код документа, используя справочник.

2. На основе предыдущего задание создайте себе шаблон HTMLдля использования.

3. Изучите действия тегов разметки текстовых блоков

4. Изучите действия тегов форматирования текста

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

Практическое Задание: Подготовка документов, составляющих сайт

1. Создайте на языке HTML следующие документы для построения сайта магазина:

• основная («домашняя» )страница, назовите её index.html,

• список товаров,

• странички товаров (не менее 3-х)

• страничка контактов

2. Разработайте содержимое домашней страницы сайта.

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

Занятие 3. HTML как язык гипермедиа разметки

Упражнения к занятию 3

1. Создайте две страницы, ссылающиеся друг на друга с помощью относительных ссылок. Используя абсолютные значения URL, установите ссылки на внешние ресурсы, например сайт НГУЭУ.

2. Вставьте на странице рисунки:

   1. Небольшие рисунки в строке текста.

   2. Рисунки, обтекаемые текстом у правой и левой границ документа. Продемонстрируйте действие тега BR с различными значениями атрибута CLEAR.

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

3. Создайте страницу с фотографией группы. Информацию о членах группы разместите под фотографией. Отделяйте информацию о каждом из членов группы горизонтальной чертой.

4. Наложите на фотографию группы навигационную карту, ведущую к различным частям того же документа. Установите переходы к фотографии группы из всех частей документа.