Редактирование свойств фрейма
Панель Properties, определяет основные свойства набора фреймов в целом. Кроме того, можно задавать и свойства конкретного фрейма из этого набора. При выделении какого-то фрейма из текущего набора фреймов на панели Properties отражаются его свойства
Заполнение фреймов
Заполнить фреймы необходимой информацией. Как уже говорилось, в каждый фрейм загружается отдельная веб-страница. Поэтому предварительно надо создать эти самые веб-страницы для загрузки в различные фреймы. Если такие веб-страницы уже созданы, то после создания наборов фреймов останется указать, в какой фрейм какую веб-страницу загружать. Эту информацию указываем в поле ввода Src на панели Properties отдельного фрейма. Однако если заготовок веб-страниц не было создано до построения набора фреймов, то эти самые веб-страницы можно создать и теперь.
3. Вопросы для закрепления.
1) Какие типы фреймов вы знаете?
2) Назовите назначение фреймов
3) Назовите основные свойства фреймов
4) Каким образом сохраняются наборы фреймов
4. Домашние задание: Подготовить два набора фреймов в редакторе DW.
Лекция 15
Тема: Создание и использование форм
Цели: Ознакомить учащихся с основными понятиями элементами форм. Способы их размещения и управления ими.
План урока.
1. Организационный момент.
2. Изложение нового материала.
1) Назначение форм
2) Создание новой формы
3) Элементы формы
3. Закрепление изученного.
|
|
|
4. Итог урока.
Ход урока.
Организационный момент.
Отметить присутствующих. Сообщить тему урока. Настроить учащихся на восприятие материала.
2. Изложение нового материала.
Последним базовым элементом дизайна веб-страниц являются формы (или вебформы). Фактически формы играют не столько роль украшения веб-страницы, сколько серьезного посредника для обратной связи между веб-сайтом и посетителем. Формы содержат множество самых различных элементов, которые помогут даже самому изощренному дизайнеру. Здесь имеются разнообразные кнопки, переключатели, поля ввода, раскрывающиеся списки и т. д. — в общем, все элементы интерфейса, к которому все уже давно привыкли (их можно встретить в различных диалоговых окнах практически всех приложений Windows). Однако все это только внешние украшательства. Расположив на своей веб-странице эти самые кнопки переключатели или поля, вы только создадите их образ (изображение). Но чтобы заставить их работать, придется написать так называемую серверную программу. Именно она и подскажет, что делать при нажатии на ту или иную кнопку после ввода информации в текстовое поле или при выборе определенного пункта меню, раскрывающегося списка. И здесь вам может существенно помочь Dreamweaver MX 2004. Вставляя на веб-страницу форму или отдельный ее элемент, Dreamweaver MX 2004 уже делает заготовку кода соответствующей серверной программы. О том, как создавать сами серверные программы, мы поговорим несколько позже. А пока — собственно о самих формах. Чаще всего формы на веб-страницах используются для создания обратной связи с посетителем. Наиболее популярными являются анкетные формы. В этом случае посетителю сайта предлагается ответить на некоторые вопросы. При нажатии на кнопку (например, «Отправить») все введенные им данные отправляются по электронной почте на ваш адрес. Затем эти данные можно использовать, скажем, для статистических подсчетов. Кроме того, очень часто встречаются так называемые формы голосования. В этом случае достаточно установить переключатель в одну из позиций, соответствующих предлагаемым в ответ на вопрос предложениям. Такие формы наиболее популярны на новостных или музыкальных (хит-парады) сайтах. Создаются также формы, с помощью которых, не покидая веб-страницы, можно отправить сообщение хозяину сайта по электронной почте. Область применения форм практическине знает пределов, хватило бы фантазии!
|
|
|
Создание новой формы
Dreamweaver MX 2004 предлагает на выбор несколько способов создания формы (или ее элементов). Какой из них вам больше понравится, такой и используйте. Наверное, самый простой способ — использовать вкладку Forms (Формы) панели инструментов Insert. Все элементы на этой панели разделены на шесть логических групп
Дата добавления: 2019-07-15; просмотров: 152; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!