PHP уроки
ПРОСТО самая лучшая обучалка PHP!
  • Студия LPHPRU
  • Уроки PHP
  • Контакты
  • Помощь
Меню
  • PHP - с чего начать?
  • Уроки PHP
  • Функции PHP
  • Массивы
  • Denwer
  • MySQL
  • Информация
  • Dreamweaver уроки
  • JQuery уроки
  • Галерея
  • OpenCart
Календарь
Март (2023)
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031  
В продаже

  • Что нового?
    • Тест №2
    • Тест №1 для разработчиков
    • PHP 5.6 RC1
    • SQL. Как cкопировать данные одной колонки в другую, в той же таблице
    • GRUB изменить порядок загрузки OS в Linux
    • SSH - вход на сервер без ввода пароля
    • PhpMyAdmin - проблема с загрузкой большого файла на сервер

  • Комментарии
    • Hello
    • тут нечего не понятно
    • Может уже пора на WebStorm переходит...
    • Здравствуйте. 10 лет пользуюсь др...
    • Была такая проблема, решалась пе...

  • TOP-5
    • Метод POST (2945759 )
    • Привет, МИР! (911033 )
    • Метод GET (667532 )
    • Операторы (605801 )
    • Firefox уже запущен, но не отвечает... (353345 )

Как настроить Adobe Dreamweaver для работы с сайтом.

Главная» Array » Как настроить Adobe Dreamweaver для работы с сайтом.
PHP урок № 312
Adobe Dreamweaver CS4
Рассказывать в этом уроке о всех замечательных возможностях программы Adobe Dreamweaver, я не буду. Большой выбор материала по работе с данной программой создания сайтов, есть в интернете.
В этом уроке я хотел бы показать наглядно как настроить программу для работы с вашим сайтом, указав программе путь и сделав соответствующие настройки. Так же хотелось бы продемонстрировать некоторые функции, причём очень полезные при работе с сайтом, а именно - поиск в Dreamweaver CS4. Я здесь буду рассказывать именно про эту версию программы, так как она на сегодняшний день последняя, т.е. самая новая. Но это совсем не означает, что в предыдущих версиях (начиная с Macromedia Dreamweaver 8), этой функции не было.
I. И так начнём по порядку. Вы решили заняться созданием сайтов, установили программу и открыли её. Увидите примерно следующее (Рис.1). Сразу хочу сказать, не ищите русификаторы и что-то в этом духе. Привыкайте работать с английской версией это очень пригодится. Думаю с первыми двумя пунктами, на рисунке один, всё понятно, а вот третий пункт, хотелось бы уточнить. Здесь в дальнейшем будут отображаться так же, все ваши сайты, зарегистрированные в программе Dreamweaver CS4. Это очень удобно при редактировании, если требуется что-то скопировать или посмотреть в уже созданном сайте, вы просто выбираете нужный сайт и Dreamweaver открывает корневой каталог сайта.
Рис.1
Adobe Dreamweaver CS4
О Денвере
А сейчас немного о Denwer, ввиду того, что этот сайт посвящён языку программирования PHP, следовательно я могу предположить, что настройка редактора происходит для написания скриптов на языке PHP5. Но без установки Apache, PHP5 и MySQL это не возможно. Для того, чтобы это многообразие программного обеспечения установить за один раз, как раз и нужен пакет Denwer. Информацию о том как можно установить и где скачать этот бесплатный софт, можно прочитать в разделе Denwer.
После того как вы установили Denwer, в папке home создайте папку adobe - это для примера название нашего сайта, на самом деле не важно как вы назовёте эту папку, для чистоты эксперимента назовём наш сайт adobe, как фирму производящую на свет Dreamweaver CS4. Внутри этой папки создайте ещё директорию (папку) и назовите её www - это обязательно, без этого у вас не будет работать сайт. Теперь всё что связано с сайтом будет размещаться в папке www и только в этом случаи Denwer сможет отобразить страницы вашего сайта.
Это важно!
Буквы www отображаться не будут и писать их в пути к папкам не следует.
А так же следует запомнить, что главная директория вашего сайта это папка www, всё, что выше на уровень, Denwer не видит.
Путь к нашему сайту, в адресной строке браузера будет выглядеть так: http://adobe - И ВСЁ!
Здесь в примере мы рассматриваем локальный сайт, который не виден из интернета, для разработки и отладки это как раз то что нужно.
II. Следующий шаг. Это подключение редактора Dreamweaver CS4 к директории, где расположен наш сайт adobe. Это значит, что мы пропишем путь доступа в настройках программы, для того чтоб спокойно редактировать наши web страницы в редакторе Dreamweaver CS4.
С начала следует выбрать в меню программы (это пункт 1 на Рис.1) Site, далее в выпадающем списке, выбрать пункт Manage Sites... в открывшемся окне нажмите кнопку New, далее Site. Далее везде я буду писать путь до нужного окна так: Site->Manage Sites...->New->Site.
Рис.2 Добавлен новый сайт с программу Dreamweaver CS4
Manage Sites...
III. Откроется следующее окно. Заполните поля так же как на рисунке 3. За исключением поля Local root folder - здесь вы должны указать свой путь до папки нашего сайта adobe, а точнее до его главной директории www.
Рис.3
Site Definiotion for adobe
IV. На следующем рисунке выбран пункт меню программы Testing Server. Заполните всё как на рисунке 4 и нажмите ОК. Теперь если вы всё правильно сделали, в окне Manage Sites появится запись нашего вновь добавленного сайта adobe.
Рис.4
Site Definiotion for adobe
Рис.5 Добавлен новый сайт в программу Dreamweaver CS4.
Manage Sites...
Нажмите Done и нам вновь будет доступна рабочая область программы Dreamweaver CS4. Только теперь в окне проводника по умолчанию открылась директория нашего сайта adobe. Пока она пустая мы не добавили ещё туда ни файлов ни папок. Но задачу поставленную изначально, мы выполнили и теперь программа имеет все данные где находится наш сайт и все его файлы.
Рис.6
Files
Казалось бы можно приступать к работе, создания сайта, но есть ещё некоторые настройки которые мы поменяем. Это в частности настройки по умолчанию на добавление файлов сайта.
Настройка по умолчанию новых файлов сайта
При активном окне Dreamweaver, нажмите сразу две кнопки Ctrl+U или откройте:
Edit->Preferences...
Откроется окно Preferences (Настройки), пропишите все настройки как на рисунке 7.
Рис.7
Настройки
Теперь при создании нового документа в меню File->New... или синхронного нажатия кнопок Ctrl+N у вас будет создан новый PHP файл с русской кодировкой текста Window-1251 и типом документа HTML 4.01 Transitional.
Откройте окно View->Toolbars и пометьте галочками три пункта:
Document
  • Standard
  • Coding
    • Последование изменения нам нужны для быстрого доступа к различным функциям программы, таким как например просмотр через браузер вновь созданной страницы. При этом с возможностью выбора браузера для просмотра. Давайте как раз сейчас и добавим браузеры в которых можно будет просматривать наш документ. Надеюсь как устанавливать браузер вы знаете. Это довольно простая процедура, просто зайдите на сайт разработчика выбранного вами браузера и там легко определиться что делать далее.
    Популярные браузеры в порядке убывания.
    Firefox 3
  • Opera 10
  • Chrome
  • Explorer 8
  • Opera 9
  • Explorer 7
  • Explorer 6
    • Данные представлены из статистики за месяц май 2010 года по сайту LPHP.RU системой LiveInternet
    Для того, чтобы добавить или редактировать записи о браузерах в программе Dreamweaver, откройте окно настроек программы Edit->Preferences... и с помощью кнопок указанных стрелками на рисунке 8, сделайте нужные действия. Пункт Primary Browser отмечает какой браузер будет работать в программе по умолчанию.
    Рис.8
    Preferensec
    Создание нового документа и первый скрипт PHP.
    При активном окне Dreamweaver CS4, нажмите синхронно Ctrl+N, появится окно New Document (Новый документ), нажмите просто кнопку Create (Создать) откроется новый, пустой документ созданный программой Dreamweaver CS4 в режиме Design (Дизайн). На это нам указывает активная вкладка Design.
    Вновь сгенерированный файл, по умолчанию носит имя Untitled-1 (рисунок 9). при создании следующего файла имя останется прежним изменится лишь номер по возрастанию. так в программе принято именовать вновь созданные файлы. Это не обязательно и вы конечно можете изменить это в настройках, но лучше оставить как есть. Чем меньше вы изменяете интерфейс программы по умолчанию, тем проще его в последствии восстановить, если придётся устанавливать Dreamweaver CS4 заново.
    Рис.9
    Untitled
    Сейчас по умолчанию заголовок вашей странице в браузере будет отображаться так Untitled Document. Эта запись находится в теги <title> нашего документа, где её можно изменить, а так же изменить её возможно в панели Title:, впишите название страницы Hellow, world! как на рисунке 10.
    Рис.10
    Title
    Напечатайте в рабочей области программы строку:
    Hello, world!
    и сохраните все сделанные изменения, нажав иконку Save All Save All. При этом появится окно Save As (Сохранить как). Здесь имеется ввиду расширение сохраняемого файла и его имя. Давайте изменим имя Untitled-1.php на index.php и нажмите кнопку Сохранить.
    Обратите внимание в окно проводника (справа). Файл index.php появился в главной директории (корневой каталог) нашего сайта adobe. Если вы сейчас зайдёте в папку сайта, на вашем компьютере, в директорию home, где установлен Denwer. Там в папке adobe->www вы обнаружите файл index.php.
    Сейчас откройте страничку в браузере. Для этого щёлкните по иконке глобус Глобус и в ниспадающем меню, выберите браузер в котором хотите просмотреть страницу. Или просто нажмите кнопку F12 и страница откроется в браузере, выбранном вами по умолчанию. Вы должны увидеть строку Hellow, world!
    Это мы записали строку которую браузер выводит в теле HTML документа, т.е. не по средствам языка программирования PHP. Для того чтобы это изменить мы должны переключится в режим написания кода, это кнопка Show Code Show Code. То что мы там увидим будет выглядеть так:
    Листинг № Array - HTML документ. Hello, world!
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Hello, world!</title> </head> <body> Hellow, world! </body> </html>
    Изменим строку Hello, world!, которая заключена в тег <body>.
    Листинг № Array - HTML документ с внедрённым скриптом PHP.
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Hello, world!</title> </head> <body>
    <?php 
     
           echo "Hellow, world!";
     
    ?>
    </body> </html>
    Нажмите кнопку F12, для проверки работоспособности скрипта в браузере. Должны увидеть ту же строку Hello, world!, но только уже выводится она интерпретатором PHP. На самом деле скрипт можно записать без HTML кода, он так же будет работать, смотрите только, чтоб расширение файла было всегда php. Пример ниже, выведет на монитор ту же строку.
    Листинг № Array - Файл PHP. Hello, world!
    <?php 
     
           echo "Hellow, world!";
     
    ?>
    И так вас можно поздравить, теперь вы приобщились к работе с супер редактором для web и в то же время сделали первый осмысленный шаг на пути изучения языка программирования PHP. В следующем уроке я расскажу как пользоваться поиском по страницам вашего сайта, в редакторе Adobe Dreamweaver CS4.
    Урок закончен.
    SETTER © LPHP.RU
    Администрация сайта
    Array
    Обсудить на форуме.
    • lphp.ru © 2009-2023