Создание собственного сайта с помощью dreamweawer
Создание сайта, процесс трудоемкий и интересный. Если вы обладаете трудолюбием, усидчивостью, у вас развито творческое мышление, и вы хотите создать свой собственный сайт, то эта статья именно для Вас!
В данной статье мы составим подробный пошаговый алгоритм создания сайта с помощью программы Macromedia Dreamweawer, начнем!
Шаг 1.
Запускаем программу, в главном окне программы (оно отображается по центру экрана), находим подпункт «создать по примерам» и выбираем пункт «наборы фреймов», естественно вы можете создать сайт полностью с нуля, но у вас на это уйдет гораздо больше времени.
Шаг 2.
Из предложенного списка фреймов выбираем любой понравившийся нам фрейм, для примера я возьму фрейм, который называется Fixed Left, Nested Top.
Шаг 3.
После того как выбрали фрейм, мы попадаем в рабочую область программы, где видим, пустую область разделенную на фреймы (верхний и левый). Верхний фрейм мы будем использовать для заголовка сайта, а левый для навигационной панели. Давайте сохраним то, что у нас получилось (имя для всего документа:index, для левого фрейма: navig, для верхнего: top, для рабочей области: main). Для того чтобы сохранить выбираем меню «файл» и потом подпункт меню «сохранить все», создаем папку и даем ей название сайта. В папке создаем подпапку с именем www, и в нашу подпапку сохраняем то, что у нас получилось.
Шаг 4.
Теперь давайте зададим для нашей рабочей области фон, и укажем атрибуты текста. Для этого нам надо щелкнуть ПКМ на рабочей области, найти подпункт «свойства страницы», найти свойства background color(цвет фона), text color (цвет текста), size (размер), page font (начертание текста), указать те значения, которые нам необходимы для оформления сайта. Верхний и левый фрейм настраиваем таким же образом.
Примечание: Заголовок сайта и навигационные кнопки рекомендуется создавать в сторонних программах таких как: Adobe Photoshop, Xara Webstyle и т.д.
Шаг 5.
Создаем две новые страницы, одну назовем Page-1, вторую Page-2. Создать странички можно с помощью меню «файл», далее нажимаем «новый», ищем подпункт «базовый», выбираем тип странички HTML. Сохранить страничку можно тем же самым способом, которым мы сохраняли нашу главную страничку и фреймы (подпункт «сохранить все» и указываем имя сохраняемого объекта).
Шаг 6.
Связываем вновь созданные таблицы с пунктами меню навигации. Для этого создайте в левом фрейме две записи (по имени новых страниц), после этого выделите запись с именем Page-1 и на нижней панели инструментов найдите инструмент Link (рядом строка ввода и иконка похожая на прицел), «хватайте» эту иконку и «тащите» в дерево объектов, которое находится справа, соединяйте со страничкой Page-1. Аналогичную операцию проделайте с пунктами навигации Main и Page-2.
Мы рассмотрели создание простейшего сайта в Macromedia Dreamweawer, как видите это не так уж и сложно. Однако мы рассмотрели лишь «базовые » возможности работы в данной программе.