Создание веб сайта с помощью Dreamweaver CS4. Обучающий курс. Вторая часть

12.08.2009

Создание веб сайта с помощью Dreamweaver CS4. Обучающий курс. Вторая часть

Adobe Dreamweaver Creative Suite 4 (SC4) – это популярный веб редактор для разработки дизайна, создания и управления комплексных сайтов. Вы можете легко создавать свою страницу, а затем просматривать результат, когда загружаете ее в обычный браузер.

В первой части мы уже рассмотрели возможность создания простой версии сайта. Следующий этап – это его публикация.

Публикация первой веб страницы

Прежде чем переходить к шлифовке страницы, вам нужно опубликовать страницу на хостинге. Не волнуйтесь, что ваш сайт еще не доведен до конца. Если вы еще никому не говорили адрес сайта ("URL"), никто не узнает, что сайт существует, ее сможете видеть только вы. Даже поисковые машины не будут знать о ее существовании.

Как опубликовать веб страницу, используя Dreamweaver

Начните с менеджера сайта, просто найдите кнопку «Сайт» в меню. Должно открыться диалоговое окно «Управление Сайтом» с именем вашего сайта в заглавии в основной части окна. Затем нажмите кнопку «Редактировать…».

На экране вы видите сообщение «Как вы хотите подключиться к удаленному серверу?»(how do you connect to your remote server?). Вот теперь ее нужно заполнять. В графе вопроса выбирайте "FTP". Как только вы так сделаете, появится пустая графа. Сюда вам нужно будет поместить информацию о провайдере, которую вы получили, когда первый раз подписывались на хостинг. Ваш FTP адрес (FTP или протокол передачи данных) - это способ, по которому вы перемещаете страницы сайта с домашнего компьютера на сервер. Этот процесс называется загрузка в удаленный компьютер или публикация.

Следующий вопрос от Dreamweaver, на который необходимо ответить «В каком каталоге на сервере вы хотите хранить файлы?»(What folder on the server do you want to store your files in?). Вы не можете просто загрузить файлы в любой каталог на сервере. Некоторые провайдеры сообщают, что вам необходимо размещать страницы в каталоге «www», другие рекомендуют публиковать их в каталоге "public_html". Если ваш провайдер просто говорит загружать файлы, когда вы подключаетесь через FTP, не заполняйте графу. В остальных случаях, пишите в графу название каталога. В запросы о логине и пароле вписывайте ту информацию, которую вам дал провайдер. Если ваш провайдер говорит, что эта информация SFTP, т.е. охраняется FTP, ставьте галочку рядом с графой «Use SecureFTP(SFTP)». В других случаях, оставляйте ее пустой.

Нажмите кнопку «Тестовое соединение», чтобы проверить, все ли данные введены корректно. Если соединения не произошло, Dreamweaver отобразит диалоговое окно, спрашивающее попробовать соединение с пассивным FTP. Возможно, вы ввели какую информацию не верно. Проверьте все заново. Если все прошло успешно, нажимайте «Далее», пока вы не увидите финальную версию страницы. Затем нажимайте кнопку «Готово».

Тестирование веб страницы

Теперь вы опубликовали вашу страницу на сервере, вам нужно будет ее протестировать, загрузив в веб браузер. Это позволит вам увидеть, есть ли на странице ошибки или нет.

Откройте браузер и напишите имя сайта. Если вы заполнили детали FTP корректно, вы увидите именно ту страницу, над дизайном которой вы трудились.

Если вы получили ошибку типа «домен не найден», возможно, это означает, что имя домена еще не скопировано вашим интернет провайдером. Если вы видите ошибку "404 File Not Found", скорее всего вы неверно заполнили графу с вопросом: «В каком каталоге на сервере вы хотите хранить файлы?». Такая ошибка означает, что сервер не нашел вашей страницы в том месте, где она должна быть.

Если у вас нет ошибок, и вы видите страницу, над которой вы трудились, ПОЗДРАВЛЯЕМ! Вы создали и опубликовали свою первую страницу с помощью Dreamweaver CS4! Может быть, сейчас она выглядит слишком просто, но вы успешно прошли все стадии разработки дизайна и публикации интернет страницы.

Чтобы больше узнать о возможностях Adobe Dreamweaver CS4 или у вас появились вопросы по приобретению, обращайтесь к нам, мы рады будем вам ответить.

Первая часть

Купить Dreamweaver® CS4 TLP русская версия

Купить Dreamweaver® CS4 BOX RU/EN



Возврат к списку