Создание Web-страниц (часть 3) - верстка в Dreamweaver"e

Мои поздравления, дорогие друзья! Сегодня мы наконец то начнем таки верстать нашу страницу в Macromedia Dreamweaver. Какую версию использовать? Для работы такого уровня вопрос не принципиальный, но я все же рекомендовал бы Macromedia Dreamweaver MX 2004. На нашем уроке мы будем использовать именно его. Предполагается, что он уже проинсталирован у вас на компьютере.
 
 Где-то поблизости должен быть соданный нами на предыдущем занятии набор картинок - мы будем использовать их для создания нашего сайта. А получится должно у нас нечто похожее на Создание Web-страниц (часть 3) - верстка в Macromedia Dreamweaver
4. Далее появится вот такое окно (а может и не появится если вы или кто то его отключили ранее.) Интерфейс продукта пока особо не рассматриваем. Меню,панели инструментов - все как везде. Потому пусть вас не смущает их количество - не пугайтесь, и вообще не обращайте на них пока внимания. Мы же в Dreamweaver. поработать пришли....
Создание Web-страниц (часть 3) - верстка в Macromedia Dreamweaver
5. Создаем новый файл. Если вы увидели страницу как на рисунке вверху, щелкните на пунктк HTML в разделе Create New. Если страница отключена, тоже не беда - выберите в верхнем меню File - New. Появляется такое окно как на картинке внизу. Выбираем - HTML - мы же делать страницу будем. Потом нажимаем кнопку Create. Теперь СОХРАНИМ нашу страницу. И имя ей будет index.html Сделайте именно так. Потом это нам будет нужно, чтобы наша страница называлась именно так при загрузкеее на хостинг. Сохранить ее нужно туда, где лежат картинки, т.е. и картинки и страница должны находится в ОДНОЙ ПАПКЕ.
Создание Web-страниц (часть 3) - верстка в Macromedia Dreamweaver

6. Теперь установим основные свойства нашей страницы. Выбираем пункт меню Modify - Page Property (или жмем Ctrl+J). Появляется окошко Page Property (Свойства страницы)
Создание Web-страниц (часть 3) - верстка в Macromedia Dreamweaver
7. Здесь мы будем выбирать для нашей будущей страницы тип и размеры шрифта, его цвет, цвет фона. Смотрите на картинку и устанавливайте параметры которые указаны. Хотя можете и поэкспериментировать - все вновь легко можно будет изменить.
Создание Web-страниц (часть 3) - верстка в Macromedia Dreamweaver
8. Теперь переходим на вкладку Links (ссылки) здесь выбирайте тип шрифта, цвет ссылок, их цвет после посещения, и их стиль (подчеркнутые или нет например).

Кликните, чтобы увеличить

Ну вот и все на сегодня! Наша первая страница готова! Она конечно еще далеко не идеальна, ну да и у нас это не последнее занятие...
До скорого и удачи вам друзья!
Создание Web-страниц (часть 2) - подготовка изображений Создание Web-страниц (часть 2) - подготовка изображений
 Автор:MasterOKСложность:ЛегкаяПродолжение урока по созданию сайта.Работаем с эскизом страницы в Adobe Photoshop.

Создание Web-страниц (часть 5)- гиперссылки Создание Web-страниц (часть 5)- гиперссылки
 Автор:MasterOKСложность:СредняяПродолжение популярных уроков по созданию сайтов.Делаем ссылки между страницами на сайте.

Создание Web-страниц (часть 1) - эскиз web-страницы Создание Web-страниц (часть 1) - эскиз web-страницы
 Автор:MasterOKСложность:СредняяСоздаем эффектный сайт своими руками.Учимся делать эскиз страницы в Adobe Photoshop. 

Жидкий текст Жидкий текст
Красивый эффект жидкого текста

Большая прогулка Винни Пуха (анимация) Большая прогулка Винни Пуха (анимация)
Автор:MasterOKСложность:ВысокаяВеликолепный урок по анимации.Переносим шагающего Винни Пуха в Дремучий Лес.