Инструкция по созданию сайта с помощью Adobe Dreamweaver CS4

17
322

ВНИМАНИЕ, инструкция описывает создание сайта только в части его регистрации и настройки в менеджере сайтов Adobe Dreamweaver CS4

  1. Запустим программу Adobe Dreamweaver CS4 и создадим новый PHP файл:

    Создание нового PHP файла
  2. Убедитесь, что режим просмотра находится в положении “Split”. Это позволит нам видеть как меняется внешний вид веб-страницы в зависимости от вносимых в код изменений:
    Режим
  3. В поле “Title” вписываем название создаваемой страницы:
    Название создаваемой страницы
  4. Сохраняем файл под именем index.php в корневую папку хоста (home/kostroma.loc/www/):
    Сохранение файла

    Обратите внимание на возможность создавать новые папки прямо из диалогового окна “Сохранить как…”:
    Сохранение файла

  5. После того как мы сохранили индексный файл, нужно зарегистрировать наш новый сайт в менеджере сайтов и указать все его параметры: название, адрес, расположение папок, вид серверной технологии и другие. Для этого заходим в меню Site, далее “New site…” и заполняем поля в открывшемся окне:
    Окно свойств сайта 1

    • В поле Site name указываем название нашего сайта. Оно может быть любым и на работу сайта не влияет, а служит лишь для обозначения его в списке проектов.
    • В поле Local root folder указываем папку где лежат страницы нашего сайта.
    • В поле Default image folder указываем папку с изображениями.
    • В поле HTTP address прописываем путь к нашему локальному хосту.
    • Больше ничего не меняем, остальные поля трогать не нужно.
  6. Переходим к следующей закладке Remote info:
    Окно свойств сайта 2
    Эта закладка служит для указания параметров доступа к удаленному серверу (хостингу), на котором будут размещены страницы вашего сайта. Если вы уже приобрели домен и хостинг, то здесь в поле Access нужно будет выбрать значение FTP и внести те данные, которые были вам предоставлены хостинговой компанией для FTP-доступа. А именно – FTP-хост, логин и пароль. Не забудьте отметить галочкой пункт Save рядом с полем пароля, чтобы не вводить его каждый раз заново. Если же вы еще не обзавелись ни доменом, ни хостингом, либо зарегистрировали только домен без хостинга, то на вкладке Remote info в поле Access нужно выбрать значение Local/Network и в поле Remote folder указать путь к папке, где лежат файлы (страницы) нашего сайта.
  7. Следующая закладка – Testing Server:
    Окно свойств сайта 3
    Указываем вид серверной технологии, которой будем пользоваться – PHP + MySQL, способ доступа к серверу (в данном случае в роли сервера выступает Ваш компьютер) – Access: Local/Network, ну и путь к папке, где у нас лежит новоиспеченный index.php. Всё, на этом регистрация нового сайта в Dreamweaver окончена. Но работа еще даже не началась. Давайте начнем.
  8. Следующий этап нашей работы – планирование сайта.
    Во-первых, нужно мысленно разделить вёрстку сайта на несколько частей (модулей, кубиков – кому как больше нравится) для того чтобы использовать эти части для конструирования страниц сайта. Файл index.php будет служить лишь точкой сборки. В него будут подключаться/собираться все модули-кубики такие как шапка сайта (header.php), меню (menu.php), основной контент (page.php) и подвал (footer.php).
    Во-вторых нужно спланировать структуру базы данных, которую будет использовать наш сайт. Если раньше вы никогда не работали с базами, то пожалуйста не пугайтесь. Ничего сложного в них нет. Точнее, там есть сложности, но мы не будем использовать “всю мощь” нашей MySQL, а лишь коснемся базовых, элементарнеейших ее функций.

17 КОММЕНТАРИИ

    • Пока не могу выбрать время. Если есть конкретный вопрос — спрашивайте. Переписку опубликуем в качестве продолжения ))

    • Я это понял по предыдущему комментарию. Имейте терпение, на днях допишу эту статью. Это всё-таки ПОШАГОВАЯ ИНСТРУКЦИЯ. Здесь важно последовательно описать каждый шаг, а не рассуждать расплывчато. )

  1. загрузил dreamweaver_cs4 пишет срок действия лицензии для этой программы истёк,удалял,заново устонавливал без изменений,что делать,подскажите где находится файл лицензии и как выглядит,плз!

    • К сожалению, ничем не могу помочь. Попробуйте погуглить на эту тему. На всякий случай предупрежу что взлом проприетарных программ – уголовное преступление.

  2. а можно сделанный дизайн сайта в фотошопе раздельными слоями пенести Adobe Dreamweaver CS4??? и как этот дизайн прикрепить в html?

  3. В него будут подключаться/собираться все модули-кубики такие как шапка сайта (header.php), меню (menu.php), основной контент (page.php) и подвал (footer.php). об хоть чуть подробнее можно?!

    • Конечно можно и нужно подробнее =) Я обязательно продолжу, причем на конкретном примере. Почти окончена работа надо одним из проектов, можно на его примере рассмотреть тактику/стратегию планирования и реализации такого рода сайтов. Почему я так медленно пишу? Вернее сказать что почти не пишу. Дело в том, что в последнее время сильно охладел к php, т.к. интенсивно осваиваю джангу, да и из-за работы времени почти не остаётся.

  4. У меня такая проблема,при создании сайта, нажимаешь сохранить PHP в папаке WWW он и сохраняет, но потом когда нажимаешь создать новый сайт он не отображает папку WWW и папку IMG в полях при создании, в чём проблемма как её решить

    • sania26, Ну всё правильно. При создании нового сайта папок там никаких и не должно быть. Он ведь новый.

  5. @admin

    Всем привет! Хотелось бы узнать, когда будит продолжение темы по созданию сайта? Админ, если есть такая возможность, напиши свой mail. Очень нужно побыстрее закончить данную тему. Заранее спасибо

Comments are closed.