Создание Web-страницы в визуальных редакторах

Практическая работа№25

Тема: Создание Web-страницы в визуальных редакторах

Цель: закрепление навыков создания web-страниц в визуальных редакторах на примере редактора Macromedia Dreamweaver.

Время выполнения: 1 час

Теоретический материал:

Dreamweaver — типичнейший представитель визуальных Web-редакторов, работающих по принципу WYSIWYG (What You See Is What You Get, "что ты видишь, то ты и получишь"). При этом пользователь форматирует текст и в окне редактора сразу же видит результаты своих трудов.

Dreamweaver — программа с многодокументным интерфейсом или просто многодокументная программа. Это значит, что можно открыть в одном и том же окне программы сразу несколько документов. В этом случае окна, содержащие открытые документы, открываются внутри большого окна самой программы.

Первые шаги в Dreamweaver

Выше, ниже и правее окна документа находятся панели. Это небольшие окна, которые могут быть либо "приклеены" к одному краю главного окна, либо свободно "плавать" рядом с ним. Они предназначены для самых разных целей. В верхней части каждой панели имеется ее заголовок — темно-серая полоса, на которой написано название панели. Для работы  будут необходимыпанели верхняя и нижняя, правую можно свернуть.

В этой программе можно работать как в блокноте, тупо пробивая все необходимые тэги, а можете  воспользоваться всеми прелестями и возможностями Dreamweaver, значительно сэкономив время на создание сайта! Для выбора режима работы, вверху над  новым документом, находится панель, которая в самом своём начале имеет три кнопки «Code», «Split», «Design».

«Code» - это альтернатива блокнота, только усовершенствованная.

«Split» - это и работа с тэгами, и с основным окном дизайна Dreamweaver, т.е рабочее пространство документа делится на две части.

«Design» - это основное окно дизайна Dreamweaver. Данный вариант, наиболее удобен и чаще всего используемый.

Но какой бы вариант из этих трёх вы не выбрали, легко можно его сменить, а вообще, все они во время работы используются в совокупности!

Задания:

Задание 1. Создайте главную страницу сайта с заголовком, разбиением пространства на фреймы и соответствующими изображениями.

Примеры тем сайтов:

1.       Достопримечательности Тюмени

2.      ВУЗы Тюмени

3.      Сайт о домашних животных

4.      Авто-сайт

5.      Мото-сайт

6.      Спорт! Спорт! Спорт!

7.      Рукоделие

Можно использовать свою тему.

Контрольные вопросы:

1.   Назовите основные элементы интерфейса редактора MacromediaDreamweaver.

2.   Как сделать разбивку рабочего пространства на фреймы в MacromediaDreamweaver?

3.   Как вставить изображение на страницу?

Скачано с www.znanio.ru