Основы веб

реклама
Программа курса
«Основы веб-дизайна»
Цель курса:
Содержание:
Предлагаемый курс разработан для того, чтобы дать
слушателям основные сведения о создании web-страниц и
различных аспектах их разработки на языке HTML с
использованием каскадных таблиц стилей (CSS). Слушатели
приобретают опыт разработки web-страниц с различными
элементами в текстовом редакторе и в редакторе с
графическим
пользовательским
интерфейсом
(GUI).
Слушатели также получат основные сведения о языке
сценариев Java Script.
№
Тема
Академ. часов
Занятий
1.
Введение в HTML и основные понятия.
4
1
2.
Ссылки и иллюстрации. Графика.
4
1
Практическое занятие по темам 1 и 2
4
1
3.
Таблицы и списки.
4
1
4.
Фреймы и формы.
4
1
Практическое занятие по темам 3 и 4
4
1
5.
Каскадные таблицы стилей
4
1
6.
Возможности CSS и основы
динамического HTML
4
1
Итоговые практические занятия
8
2
40
10
Итого:
Документация:
1. Программа курса «Основы HTML и CSS»
2. Справочные материалы (справочник по )
Автор:
Васильев В.В. (victor@archangelsk.ru)
В курсе рассматриваются следующие вопросы:
Занятие 1
Введение и основные понятия.
 Этапы разработки WEB-сервера.
 Поддержка HTML различными браузерами.
 Основные сведения о HTML. Версии HTML.
 Понятие тэга, виды тэгов. Тэги <head>, <title>. и <meta>
 Параметры тэга <BODY>. Управление фоном. Задание цветовой
схемы. Способы задания цветовых параметров. «Безопасные»
цвета в Web. Шрифты.
 Форматирование текста страницы при помощи тэгов <b>, <i>,
<pre>, <h1>…<h6>, <font>, <br>, <nobr>, <p>, <div>.
 Создание линий с помощью тегов <hr>
 Оформление кода страницы: понятие культуры
программирования, использование комментариев.
Практическая работа: оформление текстовой части веб-страницы.
Занятие 2.
Ссылки и иллюстрации. Графика.
 Типы файлов иллюстраций.
 Параметры тэга <img>. Управление размещением иллюстрации и
обтеканием текста.
 Специальные символы.
 Создание ссылки. Параметры тэга <a>. Понятие внешней и
внутренней ссылки.
 Использование рисунков в качестве ссылок.
 Способы указания источника файла для ссылок и иллюстраций:
абсолютный, относительный, понятие URL.
 Структура сайта.
 Карты-изображения, прозрачность изображений, анимированное
изображение (GIF).
Практическая работа: добавление иллюстраций и ссылок на
другие страницы и сайты.
Занятие 3.
Таблицы и списки.
 Таблицы – основное средство для управления расположением
материалов в современном HTML.
 Строение таблицы. Параметры тэгов <TABLE>, <TR>, <TD>.
 Способы задания размеров таблиц. Расчет размеров таблицы.
Типичные ошибки при работе с таблицами.
 Вложенные таблицы.
 Создание списков. Виды списков.
Практическая работа: структурирование информации на странице
при помощи списков и таблиц.
Занятие 4.
Фреймы и формы.
 Правила работы с формами. Элементы форм.
 Использование табличных функций при создании формы на
примере анкеты.
 Разбиение окна броузера на фреймы. Описание фрейма на языке
HTML. Задание логики взаимодействия фреймов.
 Проблемы фреймовой организации страницы.
 Правила переноса комплекса страниц на сервер.
Практическая работа: создание анкеты; создание комплекса
страниц с использованием фреймов.
Занятие 5.
Каскадные таблицы стилей (CSS).
 Спецификация CSS. Поддержка броузерами CSS. Основные
понятия и определения.
 Способы применения стилей.
 Создание стилей и классов. Принципы каскадирования и
принципы группировки.
 Применение стилей и классов к элементам документа HTML.
Практическая работа: создание стилей для оформления текста,
ссылок, списков и элементов формы.
Занятие 6.
Возможности CSS и основы динамического HTML.
 Использование псевдоклассов.
 Создание слоев при помощи CSS.
 Формирование отдельного стилевого файла и формирование связи
с ним других документов HTML.
 Как увидеть содержимое стилевого файла документа HTML, уже
опубликованного в Интернет.
 Основы языка сценариев Java Script.
Практическая работа:
создание динамического текста. Формирование отдельного
стилевого файла и подключение к другим HTML-документам.
Обработка событий с помощью Java Script.
Скачать