Первый сайт с FrontPage




Глава 11 Создание Web-узла с помощью мастеров и шаблонов


    Глава 11 Создание Web-узла с помощью мастеров и шаблонов
    Глава 11 Создание Web-узла с помощью мастеров и шаблонов Шаблоны и мастера Мастера создания Web-узлов Мастер создания Web-узла для представления компании Web-узел для проведения дискуссий Мастер и...
    Шаблоны и мастера
    Шаблоны и мастера Мы познакомились с главным окном программы FrontPage. Прежде чем приступить к самостоятельной разработке Web-узла, давайте ознакомимся с шаблонами и мастерами, предлагаемыми прог...
    Шаблоны и мастера для создания Web-страниц
    Шаблоны и мастера для создания Web-страниц Чтобы просмотреть шаблоны и мастера, предлагаемые программой FrontPage для создания Web-страниц, в меню Файл (File) выберите команду Создать (New), затем...
    Рис. 11.45. Диалоговое окно Шаблоны...
    Рис. 11.45. Диалоговое окно Шаблоны страниц позволяет выбрать шаблоны и мастера для создания Web-страницы Диалоговое окно Шаблоны страниц содержит три вкладки. На вкладке Общие (General) указаны и...
    Замечание
    Замечание При описании шаблонов страниц применяется термин эффекты оформления. Под этим термином подразумевается использование графических элементов и текста, имеющего иной стиль оформления, чем о...
    Таблица
    Таблица Шаблон или мастер Назначение Обычная страница (Normal Page) Пустая страница Библиография (Bibliography) Страница, содержащая ссылки на другие страницы ...
    Текст двумя столбцами с оглавлением...
    Текст двумя столбцами с оглавлением и врезкой (Two-column Body with Contents and Sidebar) Страница, содержащая в центре текст в виде двух колонок. Слева от текста расположено оглавление, справа —...
    Шаблон Коллекция фотографий
    Шаблон Коллекция фотографий Шаблон Коллекция фотографий (Photo Gallery) создает страницу, предназначенную для размещения графических изображений (рис. П.46). Этот шаблон отсутствовал в предыдущих...
    Рис. 11.46. Страница, созданная...
    Рис. 11.46. Страница, созданная с помощью шаблона Коллекция фотографий...
    Рис. 11.47. Диалоговое окно Свойства коллекции фотографий
    Рис. 11.47. Диалоговое окно Свойства коллекции фотографий Диалоговое окно Свойства коллекции фотографий (Photo Gallery Properties) содержит две вкладки. Вкладка Рисунки (Pictures) предназначена дл...
    Рис. 11.48. Диалоговое окно
    Рис. 11.48. Диалоговое окно Изменение рисунка Счетчики Ширина (Width) и Высота (Height) области Размер рисунка (Picture Size) позволяют задать размер графического изображения в пикселах. Ниже расп...
    Мастера создания Web-узлов
    Мастера создания Web-узлов Для запуска мастера по созданию Web-узла выполните следующие действия: 1. В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю — опцию Страни...
    Рис. 11.1. Панель Создание веб-страницы...
    Рис. 11.1. Панель Создание веб-страницы или узла для работы с новыми страницами и Web-узлами 2. Выберите на панели значение Шаблоны веб-узлов (Web Site Templates). Открывается диалоговое окно Шабл...
    Рис. 11.2. Диалоговое окно
    Рис. 11.2. Диалоговое окно Шаблоны веб-узлов Диалоговое окно содержит одну вкладку Веб-узлы (Web Sites), на которой расположены значки предлагаемых системой шаблонов и мастеров для создания Web-уз...
    Замечание
    Замечание В диалоговом окне Шаблоны веб-узлов программа FrontPage предлагает четыре мастера для создания Web-узла. Они перечислены в табл. 11.1. Остальными в списке являются шаблоны. 3. Выделите з...
    Совет
    Совет Для запуска мастера или шаблона можно также дважды щелкнуть мышью на значке выбранного мастера. Создание Web-узла с помощью мастера осуществляется следующим образом. После запуска мастера на...
    Замечание
    Замечание Вы можете перейти к завершающему этапу из любого окна мастера, воспользовавшись кнопкой Готово. В этом случае программа FrontPage создаст Web-узел, используя параметры, предлагаемые по у...
    Мастер создания Web-узла для представления компании
    Мастер создания Web-узла для представления компании Рассмотрим работу мастера Мастер корпоративного веб-узла (Corporate Presence Wizard), создающего Web-узел для представления предприятия в Интерн...
    Рис. 11.3. Первое информационное...
    Рис. 11.3. Первое информационное окно мастера Мастер корпоративного веб-узла 6. На следующем шаге работы мастера вам предлагается определиться со страницами, которые будут включены в Web-узел (рис...
    Рис. 11.4. Диалоговое окно для выбора страниц Web-узла
    Рис. 11.4. Диалоговое окно для выбора страниц Web-узла • оглавление (Table of Contents) — страница, содержащая оглавление создаваемого Web-узла. С данной страницы возможен переход на все страницы...
    Замечание
    Замечание При создании Web-узла с помощью мастера те или иные диалоговые окна могут отсутствовать. Их наличие определяется теми страницами, которые будут присутствовать в вашей разработке и которы...
    Рис. 11.6. Диалоговое окно для...
    Рис. 11.6. Диалоговое окно для задания параметров страницы новостей 9. На следующем шаге работы мастера в полях продукты (Products) и услуги (Services) (рис. 11.7) можно задать параметры страницы,...
    Рис. 11.7. Диалоговое окно, позволяющее...
    Рис. 11.7. Диалоговое окно, позволяющее задать количество рекламируемых товаров и услуг 10. В диалоговом окне, появляющемся на следующем шаге, можно указать разделы, под которые будут зарезервиров...
    Рис. 11.8. Диалоговое окно для...
    Рис. 11.8. Диалоговое окно для задания параметров страниц, содержащих информацию о товарах и услугах 11. Следующее диалоговое окно позволяет задать поля формы-анкеты обратной связи с посетителями...
    Рис. 11.9. Диалоговое окно позволяет...
    Рис. 11.9. Диалоговое окно позволяет задать поля формы-анкеты обратной связи с посетителями Web-узла 12. В следующем диалоговом окне необходимо задать формат данных, поступающих из формы-анкеты об...
    Рис. 11.10. Диалоговое окно позволяет...
    Рис. 11.10. Диалоговое окно позволяет задать формат данных, поступающих из формы-анкеты 13. На очередном шаге мастер предлагает задать параметры страницы оглавления Web-узла (рис. 11.11). Диалогов...
    Рис. 11.11. Диалоговое окно позволяет...
    Рис. 11.11. Диалоговое окно позволяет задать параметры страницы, содержащей оглавление Web-узла Предупреждение Установка флажка автоматически обновлять список страниц (Keep page list up-to-date au...
    Рис. 11.12. Диалоговое окно для...
    Рис. 11.12. Диалоговое окно для размещения информации в верхней и нижней частях страниц Web-узла Вторая группа флажков определяет параметры страницы, размещаемые в нижней части страниц, такие как...
    Замечание
    Замечание Установка флажков в этом окне мастера используется только для резервирования места на Web-страницах. После завершения работы мастера в редакторе FrontPage вы можете в этих местах размест...
    Рис. 11.13. Вам предлагается разместить...
    Рис. 11.13. Вам предлагается разместить на страницах значок В стадии разработки 16. В следующих двух диалоговых окнах необходимо задать информацию о компании, для которой Web-узел создается. В диа...
    Рис. 11.14. Диалоговое окно для...
    Рис. 11.14. Диалоговое окно для ввода полного и сокращенного названия компании, а также адреса...
    Рис. 11.15. Диалоговое окно для...
    Рис. 11.15. Диалоговое окно для ввода номера телефона, факса и адреса электронной почты 17. На следующем шаге мастер предлагает выбрать стиль оформления вашего Web-узла (рис. 11.16). Вы можете сог...
    Рис. 11.16. Диалоговое окно для...
    Рис. 11.16. Диалоговое окно для задания стиля оформления Web-узла...
    Рис. 11.17. Диалоговое окно для...
    Рис. 11.17. Диалоговое окно для выбора темы оформления страниц Web-узла В верхней части диалогового окна Выбор темы по умолчанию установлена опция ко всем страницам (All pages), указывающая, что в...
    Рис. 11.18. Завершающее информационное окно мастера
    Рис. 11.18. Завершающее информационное окно мастера...
    Замечание
    Замечание До нажатия кнопки Готово вы можете вернуться к предыдущим диалоговым окнам, просмотреть введенную вами информацию, что-то изменить. Для этого вы можете воспользоваться кнопкой Назад (Bac...
    Рис. 11.19. Перечень заданий для...
    Рис. 11.19. Перечень заданий для завершения создания Web-узла Установите курсор на задачу, к выполнению которой хотите приступить, нажмите 'правую кнопку мыши и в появившемся контекстном меню выбе...
    Рис. 11.20. Домашняя страница Web-узла
    Рис. 11.20. Домашняя страница Web-узла Горизонтальная и вертикальная панели ссылок, располагаемые в верхней части страницы над заголовком и в левой общей области, соответственно. Горизонтальная па...
    Рис. 11.21. Структура навигации...
    Рис. 11.21. Структура навигации Web-узла Мастер корпоративного веб-узла Как видно из структуры Web-узла, страницы, на которые осуществляется переход с помощью гиперссылок горизонтальной панели ссы...
    Web-узел для проведения дискуссий
    Web-узел для проведения дискуссий Чтобы создать Web-узел дискуссионной группы: 1. В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю — опцию Страница или веб-узел (Pa...
    Рис. 11.22. Окно, позволяющее...
    Рис. 11.22. Окно, позволяющее задать страницы создаваемого Web-узла 6. В следующем диалоговом окне мастера (рис. 11.23) расположены два поля. В верхнее поле введите заголовок дискуссии, а в нижнее...
    Рис. 11.23. Диалоговое окно для ввода заголовка
    Рис. 11.23. Диалоговое окно для ввода заголовка...
    Замечание
    Замечание Обратите внимание, что название папки должно начинаться с символа подчеркивания _. На следующем шаге работы мастера (рис. 11.24) необходимо указать, какие поля первоначально должна содер...
    Рис. 11.24. Диалоговое окно для задания полей формы
    Рис. 11.24. Диалоговое окно для задания полей формы 8. В следующем окне мастера (рис. 11.25) необходимо указать, требуется ли ограничить число участников дискуссионной группы. По умолчанию установ...
    Рис. 11.26. Просмотр посланного сообщения
    Рис. 11.26. Просмотр посланного сообщения 10. Web-узел в браузере. Выберите на домашней странице ссылку Поместить новую статью (Post a new article). Открывается форма для ввода сообщения. Введите...
    Мастер импорта Web-узлов
    Мастер импорта Web-узлов Рассмотрим работу мастера импорта Web-узла (Import Web Wizard). Данным мастером вы можете воспользоваться, если захотите переписать к себе на компьютер понравившийся в Инт...
    Совет
    Совет Для запуска мастера Мастер веб-импорта (Import Web Wizard) вы также можете воспользоваться командой Импорт (Import) из меню Файл (File). На экране откроется диалоговое окно Шаблоны веб-узлов...
    Рис. 11.27. Первое диалоговое окно мастера импорта Web-узла
    Рис. 11.27. Первое диалоговое окно мастера импорта Web-узла 5. Вид следующего диалогового окна зависит от установленной на первом шаге опции. Если вы импортируете Web-узел из каталога, будет откры...
    Рис. 11.28. Диалоговое окно мастера...
    Рис. 11.28. Диалоговое окно мастера при импортировании Web-узла из каталога 6. При импорте файла из Интернета открывается диалоговое окно Выбор ограничений на загрузку (Choose Download Amount) (ри...
    Рис. 11.29. Диалоговое окно мастера...
    Рис. 11.29. Диалоговое окно мастера при импортировании Web-узла из Интернета 7. Следующее диалоговое окно является информационным. Нажмите кнопку Готово (Finish). Начнется процесс импорта, при кот...
    Замечание
    Замечание В случае отсутствия в структуре Web-узла каталога private, в котором FrontPage размещает конфиденциальные файлы, а также каталога images для размещения графических файлов, они будут доба...
    Мастер интерфейса базы данных
    Мастер интерфейса базы данных Мастер интерфейса базы данных (Database Interface Wizard) (Database Interface Wizard) — это новый мастер, появившийся во FrontPage XP. Он создает Web-узел, позволяющи...
    Рис. 11.30. Окно мастера, предназначенное...
    Рис. 11.30. Окно мастера, предназначенное для выбора базы данных 4. Следующее окно мастера содержит одно поле, предназначенное для ввода названия базы данных. Введите имя и нажмите кнопку Далее. 5...
    Рис. 11.31. Окно для формирования списка полей базы данных
    Рис. 11.31. Окно для формирования списка полей базы данных Кнопки, содержащиеся в окне мастера, имеют следующее назначение: • Добавить (Add) — открывает диалоговое окно (рис. 32), с помощью которо...
    Рис. 11.32. Окно мастера для ввода...
    Рис. 11.32. Окно мастера для ввода и редактирования информации о поле базы данных 6. После того как вся информация о полях задана, нажмите кнопку Далее. Мастер приступает к созданию базы данных на...
    Рис. 11.33. Формирование списка страниц Web-узла
    Рис. 11.33. Формирование списка страниц Web-узла Укажите страницы, включаемые в Web-узел, и перейдите к следующему шагу работы мастера. 8. Если в Web-узел включена страница Редактор базы данных (D...
    Рис. 11.35. Одна из страниц созданного...
    Рис. 11.35. Одна из страниц созданного мастером Web-узла в режиме редактирования...
    Шаблоны для создания Web-узлов
    Шаблоны для создания Web-узлов Помимо мастеров, при разработке Web-узлов можно и нужно использовать шаблоны. Они помогают создавать типовую структуру Web-узла. Для создания Web-узла с применением...
    Шаблон создания одностраничного Web-узла
    Шаблон создания одностраничного Web-узла Первым в списке предлагаемых шаблонов и мастеров располагается шаблон Одностраничный веб-узел (One Page Web), предназначенный для создания одностраничного...
    Рис. 11.36. Web-узел, созданный...
    Рис. 11.36. Web-узел, созданный с использованием шаблона Одностраничный веб-узел...
    Замечание
    Замечание Структуру Web-узла, созданного на основе шаблона Одностраничный веб-узел, в дальнейшем можно изменить: добавить новые папки и любое необходимое количество страниц....
    Шаблон создания пустого Web-узла
    Шаблон создания пустого Web-узла Для создания пустого Web-узла используется шаблон Пустой веб-узел (Empty Web). При использовании этого шаблона программа FrontPage формирует структуру Web-узла, со...
    Шаблон создания многостраничного персонального Web-узла
    Шаблон создания многостраничного персонального Web-узла Используя шаблон Личный веб-узел (Personal Web), вы сможете достаточно быстро создать персональный Web-узел. В нем вы можете разместить инфо...
    Рис. 11.37. Персональный Web-узел...
    Рис. 11.37. Персональный Web-узел, созданный с использованием шаблона...
    Модификация персонального Web-узла
    Модификация персонального Web-узла На рис. 11.37 показана домашняя страница персонального Web-узла, созданного с помощью шаблона. Она содержит набор элементов, которые вы можете использовать в том...
    Рис. 11.38. Диалоговое окно Дата и время
    Рис. 11.38. Диалоговое окно Дата и время Слева на странице размещена панель ссылок, называемая также панелью навигации. Для настройки свойств панели ссылок используется диалоговое окно Свойства па...
    Рис. 11.39. Диалоговое окно Свойства объявления на странице
    Рис. 11.39. Диалоговое окно Свойства объявления на странице...
    4. Нажмите кнопку ОК. Диалоговое...
    4. Нажмите кнопку ОК. Диалоговое окно Свойства объявления на странице закроется. Страница будет иметь вид, представленный на рис. 11.40. Совет Обратите внимание, что изменилось не только название...
    Рис. 11.40. Вид Web-страницы после изменения ее названия
    Рис. 11.40. Вид Web-страницы после изменения ее названия...
    Рис. 11.41. Изменение названий страниц в режиме Переходы
    Рис. 11.41. Изменение названий страниц в режиме Переходы Оба приведенных способа, используемых для изменения текста кнопок панели ссылок, не позволяют изменить название кнопки, предназначенной для...
    Рис. 11.42. Диалоговое окно
    Рис. 11.42. Диалоговое окно Настройка веб-узла Для открытия этого окна воспользуйтесь командой Настройка веб-узла (Web Settings) из меню Сервис (Tools). Затем в текстовое поле Домашняя страница (H...
    Совет
    Совет Используя вкладку Переходы диалогового окна Настройка веб-узла, помимо кнопки Домой панели ссылок можно изменить названия кнопок, позволяющих перемещаться по страницам Web-узла одного уровня...
    Шаблон создания Web-узла поддержки покупателей
    Шаблон создания Web-узла поддержки покупателей Шаблон Веб-узел поддержки заказчиков (Customer Support Web) позволяет создать Web-узел поддержки покупателей вашей продукции. На страницах узла посет...
    Рис. 11.43. Структура Web-узла...
    Рис. 11.43. Структура Web-узла, созданного с помощью шаблона Веб-узел поддержки заказчиков Web-узел содержит большое количество страниц, имеющих следующее назначение: Что нового (What's New) — инф...
    Шаблон создания Web-узла проекта
    Шаблон создания Web-узла проекта Шаблон Веб-узел проекта (Project Web) позволяет создать Web-узел, который можно использовать как координационный и дискуссионный центр для ведения крупного проекта...
    Рис. 11.44. Структура Web-узла...
    Рис. 11.44. Структура Web-узла, созданного с помощью шаблона Веб-узел проекта Web-узел содержит большое количество страниц, имеющих следующее назначение: Участники (Members) — страница с информаци...









Начало        




Книжный магазин