- •Лабораторная работа 2 Проектирование структуры Web–сайта и разработка его отдельных страниц в программном пакете DreamWeaver cs4
- •Теоретические сведения
- •1Обзор программы Adobe Dreamweaver cs4
- •1.1 Стартовое окно
- •1.2 Обзор интерфейса
- •1.3 Переключение интерфейса
- •1.4 Настройка интерфейса
- •1.5 Обзор панели вставки
- •1.6 Панель управления
- •1.7 Строка состояния. Инструменты навигации по рабочей области
- •2 Работа в программе Dreamweaver cs4
- •2.1 Создание сайта
- •2.2 Создание документа
- •2.3 Сохранение и открытие документов
- •2.4 Режим Code
- •2.5 Режим Design
- •2.6 Работа со вспомогательными инструментами
- •2.7 Установка опций фона Web-страницы
- •2.8 Макет страницы. Работа с фреймами
- •2.9 Наполнение фреймов контентом
- •3 Работа с текстовым контентом
- •3.1 Начальные настройки Web-страницы
- •3.2 Ввод текста и создание заголовков
- •3.3 Нумерованные списки
- •3.4 Маркированные списки
- •3.5 Многоуровневые списки
- •3.6 Дополнительные настройки страницы
- •4 Работа со ссылками
- •4.1 Создание внутренних ссылок
- •4.2 Создание ссылок на другие страницы
- •4.3 Работа со ссылками при фреймовой структуре
- •4.4 Отображение гиперссылок на странице
- •5 Вставка графики на страницу
- •5.1 Добавление изображений
- •5.2 Оптимизация графики
- •5.3 Дополнительные настройки изображения
- •5.4 Карта-изображение
- •5.5 Размещение баннеров на странице
- •Image Placeholder (Держатель картинок)
- •6 Работа с мультимедиа-контентом и формами
- •6.1 Добавление анимации на страницу
- •6.2 Добавление видео в формате flv
- •6.3 Вставка звука в Web-страницу
- •6.4 Создание форм на Web-странице
- •6.5 Основные управляющие элементы форм
- •7 Таблицы
- •7.1 Добавление таблиц на страницу
- •7.2 Форматирование таблиц
- •7.3 Работа с ячейками.
- •7.4 Объединение и разбиение ячеек
- •7.5 Сортировка данных в ячейке
- •7.6 Макет страницы на основе таблицы
- •8 Окончательная подготовка страницы для Web
- •8.1 Просмотр результатов в обозревателе
- •8.2 Редактирование списка браузеров
- •8.3 Использование Device Central
8.3 Использование Device Central
Важно отметить, что программа Adobe Dreamweaver CS4, как и ее предыдущая версия CS3, дает возможность просмотра страницы на эмуляторе мобильных ПК и телефонов. Для отладки страницы на эмуляторе мобильных устройств выполните команду Preview in Device Central (Просмотр в Device Central). Перед началом просмотра программа попросит сохранить изменения в документе.
После этого запустится приложение Device Central CS4. В принципе, для простой отладки достаточно посмотреть, выполняются ли на странице добавленные скрипты, а также правильно ли происходит масштабирование страницы на устройствах с разным размером экрана.
Вы можете проверить работоспособность все элементов страницы с помощью эмулятора – нажимать все кнопки на макете телефона, а также переходить по ссылкам. Важно отметить, что с помощью Device Central CS4 можно достаточно широко изменять параметры отладки – вплоть до управления версией Flash, установленной на мобильном устройстве.
Задание
На основе фреймовой структуры создать несколько страниц, связанных ссылками, на которых обеспечить присутствие:
внутренних и глобальных ссылок;
графики;
баннера, созданного в ходе прошлой лабораторной работы;
текстового содержимого с заголовками различных уровней, списками, в том числе, вложенными (текст должен иметь различное начертание в зависимости от смысловой нагрузки (цитаты, код и т.д.));
карты-изображения;
flash-анимацию;
видео формата flv;
звук.
Создать страницу с табличной структурой, содержащую форму.
