Создание сайта в Dreamweaver Печать E-mail
(10 голоса, среднее 4.20 из 5)
Создание статического сайта - Самостоятельное создание сайта html

Этап 1. Подготовка к созданию сайта.

Поговорим о подготовке базы, т.е. что нам потребуется для самостоятельного создания сайта html в Dreamweaver. Нам потребуется html – редактор. Об этом многообразии мы тоже уже говорили (от простого блокнота и до сложных WYSIWYG систем). Объяснять Вам и выкладывать скриншоты я буду на примере популярной программы Dreamweaver. Продукт этот не бесплатный, а призывать Вас скачать Dreamweaver с таблеткой я не стану. Если у Вас есть возможность работать с этой программой (любой версии) то это очень хорошо, а если нет, то тоже ничего страшного. Кстати можно воспользоваться 30-дневным бесплатным периодом и, по-моему, там нет никаких серьёзных ограничений. Если же нет, то в этом случае можно, к примеру, воспользоваться совершенно бесплатным программным продуктом Nvu.

Приступим.

  1. Создаём папку, в которой собственно и будет храниться сайт, который мы будем создавать - html страницы, каскадные таблицы стилей css, изображения. Сделайте это в любом удобном для Вас месте. У меня это будет диск C: и каталог я назову freesite.
  2. Заходим в программу Dreamweaver. Я буду опираться на Adobe Dreamweaver CS5.
  3. Создание сайта в Adobe Dreamweaver CS5

  4. Связываем созданный нами каталог freesite с Dreamweaver, чтобы из него получился локальный веб-сайт. Для этого щёлкаем на «Файлы» Файлы в Adobe Dreamweaver CS5 - «Управление веб-сайтами …» в правой панели или выбираем из горизонтального меню «Веб-сайт» - «Управление веб-сайтами …».
  5. Управление веб-сайтами

  6. Попадаем в диалоговое окно «Управление сайтами» и нажимаем на кнопку «Создать …». Ведь мы же хотим создать сайт? Верно?
  7. Создание сайта в Dreamweaver. Управление сайтами.

  8. В секции «Веб-сайт» задаём имя веб-сайта (можете задать совершенно любое) и выбираем каталог на локальном компьютере. Я даю имя – Freesite и выбираю локальную папку сайта: C:\freesite\. После чего «Сохранить» п.5 и «Готово» п.4. На рисунке п.3 во вкладке «Файлы» у Вас появится зелёная папка с именем Вашего веб-сайта.
  9. Имя сайта.

  10. Вот мы и добавили веб-сайт в Dreamweaver. Пока он пустой и ничем не наполненный, но ведь всё ещё впереди по созданию сайта. В итоге получилось вот так.
  11. Добавление сайта в Dreamweaver.

    И давайте ещё определимся, по какому стандарту, и в какой версии языка разметки гипертекста html мы будем писать. Мы это уже обсуждали в статье DOCTYPE и meta теги и я для новичков по созданию сайта ещё раз рекомендую использовать переходный стандарт Transitional и версию html 4.01. Поэтому выполним ещё такую настройку.

  12. В Adobe Dreamweaver CS5 зайдите в «Правка» «Настройки …» и в категории «Создать документ» выполните настройки, как показано на рисунке ниже.

Настройки Dreamweaver.

Документ по умолчанию: HTML;

Расширение по умолчанию: .html;

Тип документа по умолчанию (DTD): HTML 4.01 Transitional.

Обновлено 09.03.2011 06:55
 
Rambler's Top100
Main page Contacts Search Contacts Search