Институт повышения квалификации профсоюзных кадров Республики Башкортостан (ИПК ПК)

Программа курса:
1. Сеть INTERNET. Основные протоколы TCP/IP, IP – адрес, доменная система имен, представление о всемирной паутине (WWW), URL – адрес.

2. Понятие о браузерах. Internet Explorer и Netscape Navigator как браузеры. Возможности браузеров. Настройка браузера Internet Explorer для работы в Internet. Знакомство с лучшими школьными WEB-страницами на сайте http://www.schools.keldysh.ru

3. Первое знакомство с HTML: понятие тега, структура HTML -программы, заголовки, тело, абзац, горизонтальная линия, принудительный разрыв строки. Создание в блокноте простейших WEB-страничек и просмотр их в браузере Internet Explorer.

4. Программирование вывода текста: понятие атрибутов тега, атрибуты size и noshade тега HR, цвет фона и цвет шрифта, основные цвета и их коды, текстовые ссылки и цитаты, изменение размеров шрифта, авторское форматирование, центрирование абзацев и фрагментов. Создание WEB-страниц, которые содержит заголовок, шрифтовые выделения, цитаты, разные смещения абзацев от левой границы, разработка цветовой гаммы.

5. Программирование списков: маркированный список (атрибут type), нумерованный список (атрибут type), использование тега <BLOCKQUOTE> для увеличения левого отступа списка. Создание WEB-страниц, содержащей маркированные и нумерованные списки

6. Вложенные списки. Использование списков для отображения сложных иерархических структур текста (оглавление книги, система классификации животных). Создание WEB-страницы с использованием вложенных списков для создания иерархической структуры.

7. Гиперссылки. Переход внутри одного документа. Переход к другому документу. Переход к метке другого документа. Создание WEB-страницы, в которой имеется переход по метке из одного места документа в другое.

8. Графика на WEB-страницах. Два типа графики: растровая и векторная. Графические форматы, используемые в INTERNET: GIF и JPG. Тег <IMG>, его атрибуты (alt, width, height, border, align). Картинка как ссылка. Создание WEB-страницы с использованием картинок.

9. Создание фоновой картинки (атрибут background). Создание различных фоновых картинок.

10. Принцип создания анимированных картинок. GIF-анимация. Графический редактор GIF CONSTRUCTION SET 32. Создание анимированных картинок.

11. Использование графического редактора PHOTOSHOP 6.0 при работе с WEB-страницами: создание прозрачного фона для картинок, использование опции "Сохранить для WEB" с целью уменьшения объема картинок. Перевести несколько картинок на прозрачную основу и сохранить их, используя опцию "Сохранить для WEB".

12. Таблицы. Тег TABLE (атрибуты align, width, cellpadding, cellspacing, bgcolor, background, border, bordercolor, bordercolordark, bordercolorlight). Тег TR (атрибуты align, valign, bgcolor, bordercolor, bordercolordark, bordercolorlight). Тег TD (TH) (атрибуты align, valign width, bgcolor, background, border, bordercolor, bordercolordark, bordercolorlight). Создание таблиц с использованием атрибутов тегов TABLE, TR, TD (TH).

13. Тег TD (TH) (атрибуты colspan, rowspan). Создание таблиц с использованием атрибутов тега TABLE (сolspan, rowspan).

14. Использование таблиц как элемента дизайна: страничные отступы, многоколонная верстка, размещение информации на экране. Создание WEB-страницы с многоколонной версткой, включающей графику и текст.

15. Использование таблиц для построения коллажей из картинок с использованием "распорок" из невидимых картинок. Создание на WEB-странице таблицы, в которой одна картинка наложена на другую.

16. Иерархическая структура сайта. Основные правила создания WEB-страниц: выравнивание, выделения, цвета фона, текста и ссылок, кегль и гарнитура шрифта, единство стиля оформления.

17. Обзор визуальных HTML-редакторов: WORD, FRONTPAGE, HOMESITE, DREAMWEAVER. Создание WEB-страниц с использованием редактора DREAMWEAVER, включающей графику, списки, таблицы, оформление текста

18. Фреймы. Создание WEB-страниц с использованием фреймов при помощи редактора