Настройка проксисервера или брандмауэра
Настройка прокси-сервера или брандмауэра А теперь давайте поговорим о настройке прокси-сервера или брандмауэра, если таковой используется в вашей организации. Если же вы не настроите Dreamweav...
Рисунок 6 6 Диалоговое окно Preferences (вкладка Site)
Рисунок 6.6. Диалоговое окно Preferences (вкладка Site)...
Панель Site
Панель Site Все манипуляции с сайтом выполняются в панели Site. Поищите эту панель в доке. Если ее там нет, выберите пункт Site меню Window или нажмите клавишу <F8>. Также вы можете выб...
Рисунок 6 7 Панель Site
Рисунок 6.7. Панель Site...
Рисунок 6 8 "Дерево"
Рисунок 6.8. "Дерево" файлов, отображаемое в панели Site Вы можете выбрать любой из файлов в списке, щелкнув по нему мышью. Если вы хотите выбрать несколько файлов, щелкайте по ним,...
Рисунок 6 9 Кнопка Expand/Collapse
Рисунок 6.9. Кнопка Expand/Collapse инструментария панели Site...
Рисунок 6 10 Панель Site в расширенном виде
Рисунок 6.10. Панель Site в расширенном виде В данный момент может быть активен только один из списков. Активизировать необходимый список вы можете, щелкнув по нему мышью; вы также можете пер...
Рисунок 6 11 Кнопка Connect to
Рисунок 6.11. Кнопка Connect to remote host инструментария панели Site...
Рисунок 6 12 Кнопка Refresh инструментария панели Site
Рисунок 6.12. Кнопка Refresh инструментария панели Site Если вы в диалоговом окне Site Definition отключили флажки Refresh Local File List Automatically и Refresh Remote File List Automatical...
Рисунок 6 13 Диалоговое окно Edit Sites
Рисунок 6.13. Диалоговое окно Edit Sites В списке, занимающем большую часть этого окна, перечислены все зарегистрированные в Dreamweaver сайты. Вы можете выбрать любой и произвести с ним разл...
Работа с файлами сайта
Работа с файлами сайта Итак, с панелью Site в общих чертах мы познакомились. Теперь пора приниматься за файлы, которые отображаются в списках. Давайте посмотрим, что мы можем с ними делать....
Внимание
Внимание Dreamweaver выполняет удаление файлов и папок с файлами в корзину Windows. Однако пустые папки удаляются бесследно.
Чтобы переименовать выбранный файл, щелкните по нему еще раз...
Рисунок 6 14 Диалоговое окно Update Files
Рисунок 6.14. Диалоговое окно Update Files Чтобы открыть выбранный файл Web-страницы в окне документа Dreamweaver, дважды щелкните по нему или нажмите клавишу <Enter>. Вы также можете в...
Взаимодействие панели Site и окна документа
Взаимодействие панели Site и окна документа Однако публиковать сайт в Сети еще рано. Ведь полноценного Web-сайта у нас еще нет — просто набор Web-страниц, никак не связанных между собой. Ведь...
Абсолютные и относительные интернетадреса
Абсолютные и относительные интернет-адреса А поговорим мы об интернет-адресах. Точнее, о разных способах задания интернет-адресов. Снова откройте главную страницу сайта default.htm. Поместите...
Рисунок 6 15 Раскрывающийся список
Рисунок 6.15. Раскрывающийся список Relative To и поле ввода URL диалогового окна Select File Как вы уже поняли, абсолютный интернет-адрес применяется, если нужный файл находится на другом с...
Проверка правильности ссылок и HTMLкода
Проверка правильности ссылок и HTML-кода Теперь-то, спросите вы, можно публиковать сайт? Нет, еще рано. Потерпите — осталось совсем чуть-чуть! Вот проверим корректность HTML-кода и гиперссылок...
Внимание
Внимание Из-за ошибки Dreamweaver при проверке не может прочитать файлы, пути доступа к которым содержат русские буквы. Поэтому лучше всего помещать файлы ваших сайтов в папки, чьи имена...
Рисунок 6 16 Диалоговое окно Reports
Рисунок 6.16. Диалоговое окно Reports Раскрывающийся список Report On позволяет задать, по каким страницам сайта будет выводиться отчет. Здесь доступны четыре пункта: Current Document — п...
Рисунок 6 17 Панель Site Reports
Рисунок 6.17. Панель Site Reports Исправьте найденные Dreamweaver ошибки, после чего закройте все окна документов, не забыв сохранить их содержимое. Не годится, чтобы наш сайт, даже и первый,...
Рисунок 6 18 Панель Link Checker
Рисунок 6.18. Панель Link Checker В верхней части этой панели находится раскрывающий список Show, где можно выбрать, что будет показано в списке, занимающем панель. В этом списке доступны тр...
Рисунок 6 19 Диалоговое окно Change Link Sitewide
Рисунок 6.19. Диалоговое окно Change Link Sitewide В поле ввода Change All Links To введите адрес, который вы хотите заменить, в поле ввода Into Links To — адрес, на который вы меняете, и наж...
Работа с сервером
Работа с сервером Итак, настал тот желанный миг, когда наш сайт совсем готов! Мы создали все страницы, связали их друг с другом, исправили ошибки в HTML-коде и даже проверили на корректность...
Публикация сайта
Публикация сайта Прежде чем публиковать сайт, проверьте его настройки. В частности, особое внимание обратите на настройки FTP-сервера — если вы допустите ошибку, выявить ее позднее, во время...
Рисунок 6 20 Кнопка Put File(s) инструментария панели Site
Рисунок 6.20. Кнопка Put File(s) инструментария панели Site Так как вы выбрали корневую папку, т. е. фактически весь сайт, Dreamweaver переспросит вас, действительно ли вы хотите скопировать...
Рисунок 6 21 Диалоговое окно Synchronize Files
Рисунок 6.21. Диалоговое окно Synchronize Files Раскрывающийся список Synchronize позволяет задать, какие файлы вы хотите синхронизировать. Пункт Selected Local File Only позволяет синхронизи...
Рисунок 6 22 Окно списка синхронизируемых файлов
Рисунок 6.22. Окно списка синхронизируемых файлов Синхронизация запускается нажатием кнопки ОК. Нажав кнопку Cancel, вы сможете от нее отказаться. Если какие-либо файлы в результате синхрониз...
Рисунок 6 23 Dreamweaver только что закончил синхронизацию
Рисунок 6.23. Dreamweaver только что закончил синхронизацию Закончив работу, не забудьте отключиться от FTP-сервера. Для этого просто щелкните еще раз кнопку Connect to remote host. Вместо эт...
Внимание
Внимание Обязательно отключайтесь от FTP-сервера после того, как закончите работу с удаленной копией сайта! Помните, что на поддержание каждого соединения с клиентом FTP-сервер расходует...
Работа с копиями сайта
Работа с копиями сайта Теперь давайте рассмотрим дополнительные возможности, предлагаемые Dreamweaver для работы с разными копиями сайта. Выше говорилось, что можно не только публиковать отд...
Рисунок 6 24 Кнопка Get File(s) инструментария панели Site
Рисунок 6.24. Кнопка Get File(s) инструментария панели Site Dreamweaver также поможет вам узнать, какие файлы локальной или удаленной копии изменились после последней синхронизации. Если вы в...
Дополнительные возможности работы
Дополнительные возможности работы с Web-страницами и Web-сайтами Напоследок рассмотрим еще некоторые интересные возможности, предлагаемые Dreamweaver для работы со страницами и сайтами. Они по...
Начала сайтостроения
Начала сайтостроения Но прежде чем мы начнем создавать наш первый настоящий сайт, выясним, что же такое Web-сайт и как он публикуется в Сети. В главе 1 мы немного коснулись этих вопросов, а с...
Примечания
Примечания В главе 3 мы рассмотрели так называемые комментарии HTML, позволяющие разместить внутри HTML-кода страницы произвольный текст. Обычно Web-дизайнеры создают таким образом небольшие за...
Рисунок 6 25 Диалоговое окно Site
Рисунок 6.25. Диалоговое окно Site Definition (вкладка Design Notes) Теперь обратите внимание на флажок Upload Design Notes for Sharing. Если он включен (а он также включен по умолчанию), Dre...
Рисунок 6 26 Диалоговое окно Design
Рисунок 6.26. Диалоговое окно Design Notes (вкладка Basic Info) С помощью раскрывающегося списка Status выбирается состояние, на котором находится текущая страница. Здесь доступны следующие п...
Рисунок 6 27 Диалоговое окно Design Notes (вкладка All Info)
Рисунок 6.27. Диалоговое окно Design Notes (вкладка All Info) Чтобы ввести новую строку, нажмите кнопку со знаком "плюс", введите в поле ввода Name левую часть строки ("имя&quo...
Рисунок 6 28 Значки примечаний в списке файлов панели Site
Рисунок 6.28. Значки примечаний в списке файлов панели Site Вы видите, что в столбце Notes в строках, описывающих файлы default.htm и Ivanov.gif, появились некие значки. Это значки примечаний...
Активы
Активы Другой замечательной возможностью, предоставляемой Web-дизайнеру Dreamweaver, являются активы. Это список всех внедренных элементов, цветов и гиперссылок, использованных вами на всех ст...
Рисунок 6 29 Окно активов
Рисунок 6.29. Окно активов Большую часть данного окна занимает список элементов, относящихся к той или иной категории. Вы можете выбрать любой элемент в списке; при этом он будет показан в ра...
Рисунок 6 30 Кнопка Edit панели Assets
Рисунок 6.30. Кнопка Edit панели Assets Также для внедренных объектов поддерживается поиск соответствующего файла и копирование его в другой сайт. Чтобы найти файл, где сохранено изображение...
Список избранных элементов
Список избранных элементов И такую возможность поддерживает Dreamweaver. А именно — вы можете создать список избранных элементов, своего рода "любимчиков". Поместить нужный элемент...
Рисунок 6 31 Кнопка Add to Favorites панели Assets
Рисунок 6.31. Кнопка Add to Favorites панели Assets Вы можете помещать на страницы выбранные элементы простым перетаскиванием, выбрав пункт Insert (или пункт Apply — для цветов) в контекстном...
Рисунок 6 32 Панель Assets отображающая
Рисунок 6.32. Панель Assets, отображающая список избранных элементов Элементам, помещаемым вами в "любимчики", присваиваются "прозвища" (по-английски — nicknames). Изначал...
Рисунок 6 33 Кнопка New Favorites
Рисунок 6.33. Кнопка New Favorites Folder панели Assets (режим отображения списка избранных элементов) Создав папку, вы можете переместить в нее любые элементы простым перетаскиванием, как в...
Рисунок 6 34 Многоуровневая структура
Рисунок 6.34. Многоуровневая структура папок в списке избранных элементов Ну и, разумеется, Dreamweaver предоставляет вам возможность удалить любой элемент, "впавший в опалу", из сп...
Рисунок 6 35 Кнопка Remove from
Рисунок 6.35. Кнопка Remove from Favorites панели Assets (режим отображения списка избранных элементов) Чтобы вернуться в список активов, включите переключатель Site в верхней части панели A...
Библиотека
Библиотека Не кажется ли вам, что список избранных элементов — всего лишь полумера? Конечно, полезно иметь несколько "любимых" изображений, гиперссылок, цветов и фильмов, чтобы быстр...
Рисунок 6 36 Список содержимого библиотеки
Рисунок 6.36. Список содержимого библиотеки Поместить новый элемент в библиотеку очень просто. Достаточно выделить нужный фрагмент Web-страницы и перетащить его в окно библиотеки. Откройте ст...
Рисунок 6 37 Кнопка Delete панели
Рисунок 6.37. Кнопка Delete панели Assets (режим отображения содержимого библиотеки) Но, кроме уже знакомых вам действий над файлами, библиотека предоставляет и новые. Это обновление Web-стра...
Рисунок 6 38 Диалоговое окно Update Pages
Рисунок 6.38. Диалоговое окно Update Pages Если же вам необходимо обновить все страницы сайта, выберите в раскрывающемся списке Look in пункт Entire Site, а в раскрывающемся списке, расположе...
Дополнительные возможности поиска и замены
Дополнительные возможности поиска и замены В главе 2 мы узнали о мощных возможностях текстового поиска и замены, предоставляемых Dreamweaver. Однако мы рассмотрели их не все. Взгляните на Ри...
Другие возможности
Другие возможности Кроме примечаний, активов и библиотеки, Dreamweaver таит еще много приятных для Web-дизайнеров сюрпризов. И со временем мы их изучим. Однако будьте готовы к тому, что все о...
Что дальше?
Что дальше? Вот мы и создали свой первый Web-сайт. И не только создали, но и опубликовали в Сети. Прославились на весь мир, так сказать... Казалось бы, чего еще желать. Однако правду говорят...
Планирование сайта
Планирование сайта Каждое дело начинается с планирования. В самом деле, прежде чем что-то делать, нужно твердо уяснить, что же мы хотим получить в результате. И спланировать это нужно в самом...
Основные этапы планирования сайта
Основные этапы планирования сайта Вообще, этап планирования — важнейший в разработке любого сайта. Это справедливо и для простейшей домашней странички, и для гигантского сайта транснационально...
Логическая структура Webсайта
Логическая структура Web-сайта Итак, что мы сейчас имеем? Несколько разрозненных Web-страниц и сопутствующие им файлы графических изображений. Именно разрозненных страниц — они никак не связан...
Физическая структура Webсайта
Физическая структура Web-сайта Физическая структура сайта описывает размещение файлов и папок на диске компьютера. Когда мы сохраняли все файлы Web-страниц и связанных с ними графических изоб...
Публикация Webсайта
Публикация Web-сайта После того как сайт создан, его нужно опубликовать на Web-сервере. И сделать это можно тремя различными способами. Первый способ самый простой, но далеко не всегда самый...
Управление Webсайтом в Dreamweaver
Управление Web-сайтом в Dreamweaver Ну все, хватит теории! Пора переходить к практике. Здесь мы пошагово рассмотрим публикацию сайта и возможности, предлагаемые Dreamweaver для управления сайт...
Регистрация сайта в Dreamweaver
Регистрация сайта в Dreamweaver Но прежде, чем начать управлять сайтом, его необходимо зарегистрировать в Dreamweaver. Пока что Dreamweaver не знает, что набор страниц, которые мы создали во в...
Рисунок 6 2 Диалоговое окно Site
Рисунок 6.2. Диалоговое окно Site Definition (вкладка Local Info) Флажок Enable Cache включает или отключает кэширование файлов сайта. Кэширование позволяет ускорить операции с файлами сайта,...
Рисунок 6 3 Диалоговое окно Site
Рисунок 6.3. Диалоговое окно Site Definition (вкладка Remote Info, выбран режим отправки файлов по протоколу FTP) Прежде всего необходимо выбрать режим отправки сайта на сервер. Выбирается он...
Рисунок 6 4 Диалоговое окно Site
Рисунок 6.4. Диалоговое окно Site Definition (вкладка Remote Info, выбран режим отправки файлов по локальной сети) В поле ввода Remote Folder вводится путь к корневой папке удаленной копии с...
Рисунок 6 5 Диалоговое окно Site
Рисунок 6.5. Диалоговое окно Site Definition (вкладка Site Map Layout) Прежде всего, проверьте, подставил ли Dreamweaver в поле ввода Ноте Page имя файла главной страницы сайта. Если нет (хот...
Настройка прокси-сервера или брандмауэра
