5.0 0.5 0.5 20

Как создать сайт в Dreamweaver?

Оксана Логунова
Оксана Логунова
13 февраля 2013
3466
Оцените:
Как создать сайт в Dreamweaver?

Программа Adobe Dreamweaver создавалась для того, чтобы упростить работу по созданию сайтов. С ее помощью можно создавать любые сайты от домашней страницы до коммерческого сайта. Dreamweaver хорошо подходит и для опытных Web-мастеров, и для новичков, которые только начинают свой путь к созданию собственного сайта. Эта статья расскажет, как создать сайт в Dreamweaver.

Настройки программы

Для начала нужно сделать некоторые настройки программы, чтобы создать сайт с помощью Dreamweaver.

  • При первом запуске программы в открывшемся меню необходимо выбрать вид страницы. Это будет страница HTML.
  • На загрузившейся странице с инструментами зайти в меню Свойства и перейти в категорию Кодировка. В выпадающем меню выбрать Кириллица Windows. Если в меню имеется пункт Тип документа DTD, выбрать 4.01 Transitional и нажать Ok.
  • Сразу создадим еще одну страницу. Для этого нужно зайти в меню Файл.
  • Выбрать подменю Новый.
  • Выбрать тип документа 4.01 Transitional.
  • В верхнем окне нажать HTML. Нажать Ok.
  • Сделать шаблон будущего сайта. В Dreanweavere он, как правило, готов. Увидеть его можно в меню код, когда создается новый документ. По умолчанию он называется Untitled-новый документ. В коде данного документа и находится готовый шаблон.

Дополнительные шаги за пределами программы

Сохранить этот документ на компьютере. Для этого нужно:

  • Создать общую папку для сайта и дать ей свое название.
  • В данной папке создать папку, которая должна иметь название WWW. По-другому ее называть нельзя.
  • В этой папке создать еще одну. Назвать ее images. Здесь хранятся картинки для сайта.
  • И теперь сохранить документ в папке WWW под именем index.html. Это главная страница, название ее должно быть именно таким.

Продолжение работ по созданию сайта

  • В рабочем окне в панели программы нажать кнопку Файлы.
  • В выпадающем списке выбрать Управление веб-сайтами.
  • В окне управления сайтами нажать кнопку создать.
  • В открывшемся окне необходимо ввести некоторую информацию.
  • В подпункте Имя веб-сайта ввести его название.
  • В пункте Локальная папка сайта выбрать созданную ранее папку с названием WWW.
  • В меню Дополнительные настройки найти строку Папка изображений по умолчанию. Выбрать папку с названием images.
  • Ok.
  • Нажать сохранить. Появится знакомое окно уже с названием сайта.
  • Готово. В меню файлы появится сайт, в котором будет папка WWW и файл index.html. Если нажать на папку WWW, то в ней откроется папка с изображениями.

Подключение таблицы стилей CSS к сайту

  • В программе выбрать вкладку стили CSS.
  • Нажать внизу на знак + с белым листиком.
  • В появившемся окне выбрать имя селектора. Это нужно сделать обязательно, если имен в списке нет, его нужно создать. Нажать Ok.
  • Появится окно для сохранения файла.
  • Сохранить его нужно в папке WWW.
  • Открыть в меню Файл сайт и проверить появился ли там данный файл. Если нет, нужно нажать F5 для того, чтобы окно обновилось. Файл должен появиться.

Создание каркаса и фона сайта

  • На главной странице сайта перейти во вкладку дизайн.
  • В панели инструментов открыть вкладку Общий.
  • Нажать значок таблица.
  • Внести параметры страницы: столбцы 1, строка 3, ширина таблицы 900. Заголовок – нет.
  • Каркас готов. Переходим к фону.
  • Зайти во вкладку Файл, затем в style.css.
  • Откроется в программе файл на всю область. Появится пустая страница с названием файла. Сюда нужно внести код.
  • В коде должны быть прописаны: 1 строчка – цвет и толщина рамки; 2-ая – должен быть выбран рисунок для фонового изображения; 3-я строчка – цвет фонового изображения.

Оформление уже готового сайта

  • Для того, чтобы завершить сайт в Dreamweaver, нужно сделать еще несколько шагов.
  • Создание шапки сайта при помощи программы Adobe Photoshop.
  • Создание горизонтального меню для сайта.
  • Создание ссылок на новые страницы сайта.
  • Выбор хостинга.
  • Размещение сайта в интернете.
  • Чтобы на сайт заходили посетители, его нужно зарегистрировать в поисковых системах.

Мы довольно подробно рассмотрели, как создать сайт в Adobe Dreamweaver, очень удобной для этого программе. Попробуйте сделать его сами и у вас все получится.

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!