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

Оглавление

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

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

Занятие 1. Введение в Веб 3

Понятия, термины, персоналии 3

Упражнения 3

Задание: Разработка идеи сайта магазина 3

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

Понятия, термины, персоналии 4

Упражнения 4

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

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

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

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

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

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

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

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

Упражнения 7

Задание 7

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

Упражнения 8

Задания 8

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

Упражнения 9

Задания 9

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

Упражнения 10

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

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

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

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

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

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

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

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

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

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

Занятие 1. Введение в Веб Понятия, термины, персоналии

Вэнивар Буш, Тед Нельсон, Дуглас Энгельбарт, Тим Бернерс-Ли

HTML, URL, HTTP, веб клиент, веб сервер, веб браузер

Веб страница, веб сайт, домашняя страница

Веб-дизайн, логический и художественный дизайн, юзабилити

Шрифт, его характеристики и художественный облик, гарнитура шрифта

Упражнения

1. Рассмотрите несколько различных сайтов. Особое внимание уделите сайтам магазинов и интернет магазинов. Рассмотрите, как сайты больших компаний, выполненных высоко профессиональными командами, так и простые низкобюджетные сайты маленьких магазинов.

2. Познакомьтесь и выделите типичные структуры сайтов. Разберите основные единицы, из формирующие структуры сайтов: домашняя страница, карта сайта, страницы контента (в том числе товаров), страницы контактов и обратной связи и др.

3. Разберите основные элементы логического дизайна страниц сайта, такие как шапка, подвал, навигационное меню, области контента, панели ссылок, и др.

4. Обратите внимание на средства оформления (художественный дизайн) страниц сайта: цветовые схемы, характеристики и художественный облик шрифтов, использование графических элементов оформления и т.д.

Задание: Разработка идеи сайта магазина

1. Определите и оформите в виде технического задания (в свободной форме) назначение и основную требования к сайту магазина

2. Разработайте структуру сайта. Определите названия, имена файлов и основное содержание следующих обязательных страниц сайта:

• Домашняя (титульная, заглавная) страница – index.html

• Каталог товаров

• Страницы списка товаров

• Контакты

3. Разработайте логический и художественный дизайн страниц

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

Занятие 2. Html как язык разметки. Понятия, термины, персоналии

Дональд Кнут,

TEX, SGML

Теги, атрибуты,