- Добавить в Избранное
-
Сделать стартовой
 
Содержание
Глава 1- 18
Как создаются Web-страницы
Основные принципы работы с Dreamweaver
Начинаем с текста
Рисунки,звуки,фильмы
Таблицы
Работа с Web-сайтом
Фреймы
Табличный дизайн
Использование шаблонов
Каскадные таблицы стилей
Свободно позиционируемые элементы
Анимация элементов Web-страниц
Использование сценариев
Метатегн и серверные директивы
Введение в серверное программирование
Формы
Простейшие серверные приложения
Создание интерактивных сайтов
На заметку
Установите на своем сайте нашу кнопку:

Вебмастеру - портал о редакторе Macromedia Dreamweaver MX. Создание сайтов.


    1  2  3  4  5  6  7  8  9  10    
Работа с файлами сайта
Итак, с панелью Site в общих чертах мы познакомились. Теперь пора приниматься за файлы, которые отображаются в списках. Давайте посмотрим, что мы можем с ними делать.
A Dreamweaver позволяет сделать с файлами многое. Фактически вы можете управлять ими так же, как в окне Проводника Windows или другой программы управления файлами. Давайте рассмотрим все файловые операции, поддерживаемые Dreamweaver .
Чтобы удалить выбранный в списке файл, нажмите клавишу < Del >. Вы также можете выбрать пункт Delete меню File или контекстного меню. После этого Dreamweaver спросит вас, действительно ли вы хотите удалить на­званный файл; нажмите кнопку Yes или No . Точно так же вы можете уда­лить любую папку.
Внимание!
Dreamweaver выполняет удаление файлов и папок с файлами в корзину Windows . Однако пустые папки удаляются бесследно .
Чтобы переименовать выбранный файл, щелкните по нему еще раз мышью или нажмите клавишу < F2>. Вы также можете выбрать пункт Rename меню File или контекстного меню. После этого на месте имени данного файла появится небольшое поле ввода, где будет подставлено его старое имя. Вве­дите новое имя в это поле ввода или отредактируйте старое в нем же, после чего нажмите клавишу < Enter > для сохранения нового имени или клавишу
< Esc > — для отказа от сохранения.
Если на Web -страницах присутствуют гиперссылки на переименованный файл, Dreamweaver предложит вам исправить их. На экране появится диало­говое окно Update Files . В списке Update links in the following files ? находится список Web -страниц, где найдены гиперссылки, указывающие на переименованный файл. Нажмите кнопку Update , чтобы обновить их, или
Don
' t Update , чтобы отказаться от обновления. В последнем случае вам придется сделать это вручную.
Чтобы открыть выбранный файл Web -страницы в окне документа Dreamweaver , дважды щелкните по нему или нажмите клавишу < Enter >. Вы также можете выбрать пункт Open меню File или контекстного меню. Если у вас установлена программа Web -графики Macromedia Fireworks , вы можете открыть не только файл Web -страницы, но и любой графический файл
Чтобы создать новую Web -страницу, выберите пункт New File меню File или контекстного меню или нажмите комбинацию клавиш < Ctrl >+< Shift >+< N >. После этого в самом низу списка появится новый файл по имени ititled.htm , которое вы сразу же можете (и должны) изменить; изменив его, шите клавишу < Enter >, после чего вы можете открыть его в окне документа для того, чтобы ввести содержимое страницы.
Новая папка создается аналогично, только нужно выбрать пункт New Folder или нажать комбинацию клавиш < Ctrl >+< Shift >+< Alt >+< N >. После этого в самом низу списка появится новая папка по имени imtitled , имя которое должны будете изменить; нажмите клавишу
< Enter >. Запомните при этом, что названная папка будет вложена в ту, в которой вы сейчас находитесь. Например, если вы находитесь в корневой папке сайта, новая папка будет вложена в нее. А если вы выбрали какой-либо файл в папке второго рвня (или ее саму), новая папка будет вложена в папку второго уровня.
Создайте в корневой папке нашего сайта папки второго уровня HTMLs и Pics . Впоследствии мы поместим в них все Web -страницы, кроме главной, и все графические изображения.
Вы можете переносить файлы (и папки) из одной папки в другую, просто перетаскивая их мышью. Если же вы во время перетаскивания будете удерживать нажатой клавишу < Ctrl >, будет выполнено копирование файла или папки.
Другой способ переноса файлов — это использование буфера обмена. (Таким же способом можно копировать файлы.) Выделите нужные файлы и нажмите комбинацию клавиш
<Ctrl>+<X> (можно также выбрать пункт Cut вменю Edit или контекстном меню). После этого выбранные файлы будут помещены в буфер обмена Windows . Чтобы вставить их в нужную папку, поместите курсор на один из файлов, содержащийся в ней, или на саму папку и нажмите комбинацию клавиш < Ctrl >+< V > (или выберите пункт Paste в меню Edit или контекстном меню). Файлы будут вставлены из буфера обмена в данную папку. Если вы хотите скопировать файлы в выбранную папку, вам нужно будет не переместить, а скопировать файлы в буфер об­мена, нажав комбинацию клавиш < Ctrl >+< C > (или выбрав пункт Сору меню Edit или контекстного меню).
Когда вы перемещаете файлы из папки в папку, Dreamweaver стоит на страже корректности гиперссылок. Как только файл, на который ссылаются какиелибо Web -страницы, переносится в другую папку, на экране появля­ется уже знакомое вам диалоговое окно Update Files . Это относится как к страницам, так и к графическим и прочим файлам сайта.
Теперь сделайте следующее. Переместите все файлы Web -страниц, кроме главной (файл default .htm ), в папку HTMLs , а все без исключения файлы графических изображений — в папку Pics . Если Dreamweaver спросит вас, обновлять ли гиперссылки, указывающие на перемещенные файлы, нажмите кнопку Update . Теперь физическая структура нашего сайта примет более приличный вид.
Кроме того, любую Web -страницу вы сможете просмотреть в Web -обо­зревателе. Для этого выделите ее в списке файлов и нажмите клавишу < F12>, чтобы вызвать первичный Web -обозреватель, или комбинацию кла­виш < Ctrl >+< F12>, чтобы вызвать вторичный Web -обозреватель. Вы также можете выбрать соответствующий пункт подменю Previews in Browser меню File или контекстного меню.
Если вы при регистрации нового сайта ошиблись в задании файла главной страницы (или если ошибся Dreamweaver — ведь он пытается автоматически определить ее), вы можете исправить эту ошибку. Для этого выделите нужный HTML -файл в списке файлов и выберите пункт Set as Home Page меню Site или контекстного меню.
Взаимодействие панели Site и окна документа
Однако публиковать сайт в Сети еще рано. Ведь полноценного Web -сайта у нас еще нет — просто набор Web -страниц, никак не связанных между со­бой. Ведь мы еще не связали страницы друг с другом, не расставили на главной странице гиперссылки, с помощью которых посетитель сможет перейти на другие страницы сайта. Давайте же сделаем это!
Вы уже знаете несколько способов создания гиперссылок. Сейчас мы рассмотрим с вами еще один способ. И в этом нам поможет панель Site .
Откройте главную страницу сайта default .htm в окне документа. Для этого достаточно дважды щелкнуть по названию файла в списке файлов локальной копии. Давайте сначала поместим на главной странице гиперссылку, указывающую на страницу списка увлечений — страницу Passions.htm .
Выделите в окне документа текст "о моих увлечениях" (первая строка спи­ска) и посмотрите на редактор свойств, а именно на поле ввода Link , где указан интернет-адрес гиперссылки. Справа от него находятся два значка. Один, уже знакомый нам, находится справа и имеет вид папки, и при щелчке по нему открывает диалоговое окно Select File . А второй, находящийся слева и имеющий вид мишени, нам пока еще не знаком. Сейчас самое время с ним познакомиться.
Странный значок, не правда ли? На щелчок мышью он не откликается. Зачем он нужен?
Дело в том, что его не надо щелкать. его необходимо перетаскивать на требуемый файл в панели Site . Давайте так и сделаем. Перетащим этот значок на файл Passions.htm в списке файлов этой панели и "бросим" его. В поле ввода Link редактора свойств тотчас появится адрес страницы Passions.htm . Вы можете поступить и подругому — перетащить файл Passions.htm из окна сайта прямо в поле ввода Link редактора свойств. Попробуйте сделать это с файлом Projects.htm , только прежде выделите вторую строку списка ("о выполненных мной проектах").
Осталось лишь создать последнюю гиперссылку, указывающую на страницу ссылок
(Links.htm ), и исправить ссылку, указывающую на страницу сведений об авторе ( About.htm ). Выделите слово "здесь" в предпоследнем абзаце и создайте гиперссылку одним из рассмотренных нами способов. Далее поставьте курсор на текст "подробнее обо мне любимом" и также выполните операцию создания гиперссылки — Dreamweaver поймет, что вы хотите сделать, и исправит адрес уже существующей гиперссылки.
Вот и все. Сайт готов. Закройте окно документа, не забыв сохранить его содержимое. Теперь сайт можно публиковать в Сети.
Но не спешите делать этого. Давайте поговорим еще кое о чем, что вам обязательно следует знать.
    1  2  3  4  5  6  7  8  9  10   Вверх
Copyright©  Бронников М.В 2004г.
Все вопросы комментарии направляйте по адресу SWMR@narod.ru 
  Akavita
Хостинг от uCoz