Adobe Dreamweaver CS5 – делаем заглушку

Рассмотрим вариант создания заглушки для сайта, например при паркинге домена. Запускаем программу Adobe Dreamweaver CS5. Выполняем команду: Веб-сайт > Новый сайт. Вводим имя веб-сайта и нажимаем на кнопку: Сохранить.


Adobe Dreamweaver CS5

В окне Файлы, нажимаем правую кнопку мыши и выбираем пункт: Создать папку. Даем имя папке и перетягиваем туда фото для заглушки.

Adobe Dreamweaver CS5

Далее, в окне Файлы, нажимаем правую кнопку мыши и выбираем пункт: Создать файлы. И даем имя странице: index.html. Вводим в поле Название: ключевое слово.

Adobe Dreamweaver CS5

При включенном представлении Дизайн, вводим текст и делаем его выравнивание > По центру.

Adobe Dreamweaver CS5

Назначаем тексту формат: Заголовок 1 (h1).

Adobe Dreamweaver CS5

Перетягиваем фото на документ и вводим: Замещающий текст (ALT для картинки), нажимаем на кнопку ОК.

Adobe Dreamweaver CS5

Если необходимо изменить цвет текста, то выделяем его и выполняем команду: Формат > Цвет. И в окне Цвет, выбираем красный цвет, и нажимаем на кнопку: ОК.

Adobe Dreamweaver CS5

В появившемся окне: Создать правило CSS выставляем следующие настройки:

Adobe Dreamweaver CS5

Выделяем букву из слова и изменяем ей начертание: Стиль > Курсив.

Adobe Dreamweaver CS5

Смотрим на результат:

Adobe Dreamweaver CS5

Для того чтобы из текста, сделать ссылку, выделяем его и выполняем команду: Вставка > Гиперссылка. И вводим адрес в поле Ссылка:

Adobe Dreamweaver CS5

Нажимаем на кнопку ОК и смотрим на результат:

Adobe Dreamweaver CS5

Проверяем отображение страницы в браузерах:

Adobe Dreamweaver CS5


  конструктор сайтов на русском
Рейтинг@Mail.ru