Главная > Пошаговые инструкции > Инструкция по созданию сайта с помощью Adobe Dreamweaver CS4

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

ВНИМАНИЕ, инструкция описывает создание сайта только в части его регистрации и настройки в менеджере сайтов 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, а лишь коснемся базовых, элементарнеейших ее функций.
  1. Gentlekiller
    12 Октябрь 2009 в 21:50 | #1

    Когда продолжение будет?

    • admin
      12 Октябрь 2009 в 21:54 | #2

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

  2. Bit
    21 Декабрь 2009 в 18:19 | #3

    оч нужно продолжение статьи)))

  3. Bit
    21 Декабрь 2009 в 19:09 | #4

    что нужно делать дальше?

    • 21 Декабрь 2009 в 19:52 | #5

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

  4. Bit
    21 Декабрь 2009 в 20:36 | #6

    большое спасибо) очень жду)

  5. Bit
    9 Январь 2010 в 16:37 | #7

    продолжение будет?

  6. zartim
    21 Январь 2010 в 18:29 | #8

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

    • 22 Январь 2010 в 04:48 | #9

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

  7. Bit
    2 Февраль 2010 в 21:25 | #10

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

  8. Bit
    9 Февраль 2010 в 04:52 | #11

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

    • 9 Февраль 2010 в 17:25 | #12

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

  9. Bit
    9 Февраль 2010 в 23:05 | #13

    жду!)

  10. sania26
    14 Апрель 2010 в 15:31 | #14

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

    • 15 Апрель 2010 в 10:43 | #15

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

  11. franklin-spb
    30 Июль 2010 в 14:30 | #16

    @admin

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

  12. 3 Август 2010 в 10:42 | #17

    @franklin-spb
    e-mail простой info@mamishev.ru – пишите, чем смогу помогу -)

  1. Пока что нет уведомлений.