Читать онлайн «Основы работы с HTML-редактором Adobe Dreamweaver CS3. Учебно-методическое пособие»

Санкт-Петербургский государственный университет информационных технологий, механики и оптики А. В. Белозубов, Д. Г. Николаев Основы работы с HTML-редактором Adobe Dreamweaver CS3 Учебно-методическое пособие Санкт-Петербург 2007 УДК 681. 3 Белозубов А. В. , Николаев Д. Г. Основы работы с HTML-редактором Adobe Dreamweaver CS3. Учебно-методическое пособие. – СПбГУ ИТМО, 2007. – 112 с. Рецензенты: Л. С. Лисицына, к. т. н. , доцент, зав. каф. КОТ СПбГУ ИТМО А. А. Бобцов, д. т. н. , профессор каф. СУиИ СПбГУ ИТМО Учебно-методическое пособие предназначено для использования в учебном курсе “Информатика” по ряду специальностей и направлений подготовки студентов университета, а также для поддержки курсов повышения квалификации работников образования по программе «Основы ИКТ для применения в образовательной деятельности» по заказу Комитета по образованию Санкт-Петербурга. ISBN 5-7577-0092-0 © Санкт-Петербургский государственный университет информационных технологий, механики и оптики, 2007 2 Оглавление 1. Введение ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 5 2. HTML-редактор Adobe Dreamweaver... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 9 2. 1 Идеология и рабочее пространство программы... ... ... ... ... ... ... ... ... ... ... ... 9 2. 2 Подготовка редактора Dreamweaver к работе ... ... ... ... ... ... ... ... ... ... ... ... . 11 3. Управление сайтом средствами редактора Dreamweaver... ... ... ... ... ... ... . . 15 3. 1 Подготовка редактора к работе с web-сервером ... ... ... ... ... ... ... ... ... ... ... 15 3. 2 Работа с локальной и удаленной версией сайта... ... ... ... ... ... ... ... ... ... ... . 17 3. 3 Работа с картой сайта... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 21 4. Реализация структуры сайта ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 23 4. 1 Соглашение об именах файлов ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 23 4. 2 Создание заглавной страницы... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 23 4. 3 Создание навигационной панели... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 28 4. 4 Подготовка шаблонов ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 29 4. 5 Подготовка библиотеки элементов ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 34 5. Форматирование HTML-страниц: логическое и визуальное ... ... ... ... ... . 36 5. 1 Элементы структурной разметки... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 36 5. 2 Визуальное форматирование текста... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 38 5. 3 Создание гипертекстовых ссылок ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 39 5. 4 Создание списков ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 41 5. 5 Создание и форматирование таблиц ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 42 5. 6 Создание и использование стилей CSS... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 46 5. 7 Импорт текста в формат HTML ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 51 6.