Тема: Создание Web- узла с помощью мастера (редактор Front Page).
Цели: Ознакомить учащихся с основами создания web - страниц и web - узлов с помощью визуального редактора Front Page .
Создание web-узла с помощью мастера
Для быстрого и удобного создания Web-сайта в FrontPage существуют мастера и шаблоны, которые позволяют автоматически создавать новые страницы с расширенными возможностями. В случае использования шаблонов новые сформатированные страницы образуются без вашего непосредственного участия. Создание же страницы с помощью мастера происходит в диалоговом режиме: мастер задает вопросы о создаваемой странице и строит ее на основании ваших ответов. Мастера и шаблоны находятся в главном меню Файл®Новый®Сайт. При открытии данного меню появляется следующий список (рис. 9.1):
Рисунок 9.1
Сайт из одной страницы (одностраничный Web-сайт) - содержит только домашнюю страницу.
Высший корпоративный мастер - предоставляет информацию о компании (роль деятельности, вид выпускаемой продукции, предоставляемые услуги), а также сведения о том, как связаться с ней и как наладить обратную связь.
Личный сайт - содержит страницы с личной, профессиональной и контактной информацией.
Мастер импорта сайта - создается новый Web-сайт с содержимым, которое импортируется с другого сайта.
Мастер обсуждений в Веб - электронная доска объявлений, на которой одни пользователи оставляют вопросы, а другие — ответы на них.
П устой сайт - Web-сайт без страниц (вы можете импортировать их с другого Web-сайта.
|
|
|
Сайт поддержки заказчика - содержит страницы и формы для поддержания полномасштабного диалога с клиентами.
Сайт проекта - предоставляет сведения о проекте: график выполнения, информация о тех, кто работает над проектом, время завершения и т.д.
Мастера и шаблоны очень удобны, но их использование приводит к созданию очень похожих друг на друга сайтов.
Создание структуры Web -сайта
Структура Web-сайта создается в режиме Навигация. Щелкните правой кнопкой на пиктограмме домашней страницы и в контекстном меню выберите команду Новая страница, чтобы создать новую пустую страницу.Пиктограмма новой страницы разместится под пиктограммой домашней страницы и между ними установлена связь (они соединены вертикальной линией). Это означает, что новая страница является дочерней по отношению к домашней странице.
Теперь давайте создадим ту структуру сайта, которую спроектировали ранее. Если мы хотим создать страничку более низкого уровня, то необходимо щелкнуть правой кнопкой на страничку выше, выбрать в контекстном меню Новая страница (рис. 9.2).Как только создается новая страница, ее следует тут же переименовать. Щелкните дважды на пиктограмме страницы (промежуток между щелчками должен быть таким, чтобы система не интерпретировала эти два нажатия как двойной щелчок) или в контекстном меню выберите пункт Переименовать. Имя должно быть набрано только латиницей и только маленькими буквами.
|
|
|
Рисунок 9.2
Так же можно изменять связи между страницами. Для этого выберете любую страницу самого нижнего уровня и, удерживая кнопку мыши, перетяните ее на одну ступеньку выше. Вы увидите, что связи изменятся. Верните страницу на прежнее место.
Внимание! Все это делается только в режиме просмотра Навигация.
Если у вас есть страницы третьего уровня и ниже, то лучше всего эти страницы поместить в отдельные папки, у которых имена будут такие же, как у файлов, с которых будут организованы ссылки на данные страницы.
В нашем случае создадим папку PROBA. Для этого перейдем в режим просмотра Папки. На левой панели Список файлов в любом месте нужно щелкнуть правой кнопкой мыши и в появившемся контекстном меню выбрать опцию Новая папка. Созданную папку переименовываем в PROBA.
Затем перейдем обратно в режим просмотра Навигация и перенесем файлы нижних уровней одной из страниц в созданную папку. Затем переименуем папку. Присвоим ей имя родительской страницы. Родительской называется страница, которая связана с другой страницей и расположена выше.
|
|
|
Общие области
Создавайте страницы сайта на основе одного макета. Макет всего сайта создается с помощью общих областей. Их размещают на верхнем, нижнем, левом и (реже) правом краях страницы. Они называются общими, потому что по умолчанию отображаются на всех страницах Web -сайта.
Общие области часто включают навигационные панели. Обычно:
§ Верхняя общая область содержит заголовок страницы
§ Нижняя общая область содержит информацию об авторских правах, контактную информацию и др.
§ Левая - содержит ссылки на каждую страницу
Примечание. Общие области редко размещают в правой части страницы Web-сайта, поскольку в этом случае пользователи могут их не увидеть.
Создание общих областей.
Активизируйте команду Общие границы меню Формат. Откроется окно Совместные границы (рис. 9.3.). Установим в нем нужные опции. Также можно вызвать это окно с помощью контекстного меню Общие границы.
Рисунок 9.3
Редактирование содержимого общих областей.
Когда вы редактируете содержимое общей области на одной странице, выполненные вами изменения распространяются на все страницы, которые содержат данную область.
|
|
|
1. Щелкните левой кнопкой мыши на содержимое любой области.
2. Чтобы добавить текст в общую область, введите его обычным способом.
3. Когда вы введете и отредактируете содержимое общей области, щелкните за ее пределами левой кнопкой мыши.
Свойства страницы
Оформление каждой страницы осуществляется в режиме Страница и начинается с настройки свойств страницы.
После выполнения команды Page Properties в контекстном меню, которое вызывается нажатием правой кнопки мыши в окне страницы появляется одноименная панель со множеством закладок.
Основные свойства:
§ Местонахождение – URL-адрес данной страницы;
§ Название – имя страницы;
§ основное место, конечный фрейм – окошки работы с фреймами;
§ фоновый звук – местонахождение файла и время воспроизведения музыки;
§ управляющие скрипты дизайнера – выбор платформы (рекомендуется оставить все как есть).
Фон:
§ фоновый рисунок – задание фонового рисунка на страницу;
§ водяной знак – при включении данного флажка фоновый рисунок не прокручивается вместе с текстом;
§ стиль ролловера – здесь можно изменить стиль гипертекста, который появляется после наведения на ссылку курсора;
§ цвета – можно задать цвет фона всей страницы, текста, гиперссылок;
§ получить фоновую информацию из другой страницы – если Вы хотите использовать один и тот же рисунок для нескольких или всех страниц сайта, то можно загрузить рисунок с первой страницей, а затем с помощь этого окошка, брать рисунок для других страниц (тем самым экономя время загрузки).
Для создания фона страницы иногда используют уже готовые изображения, текстуры, которые можно загрузить из Internet или взять из графической библиотеки.
Текстура обычно представляет собой небольшое графическое изображение (оптимальный размер 96 х 96 пикселей). При создании фона FrontPage “размножает” текстуру, создавая мозаику. Текстура должна быть создана так, чтобы при построении мозаики “стыки” между отдельными текстурами не были видны.
Поля:
В окне Поля можно изменить расстояние от верхнего левого угла браузера до информации, расположенной на страничке. Для этого необходимо активировать опции Указать верхнее поле и Указать левое поле. В окошках можно набрать нужные расстояния в пикселях. Что бы убрать поля, необходимо поставить нули в обеих опциях.
Язык:
§ в окошке Язык страны выбираем «русский».
§ в окошке Сохранить документ как выбираем “кириллица” для кодировки Win-1251 или “кириллица (KOI8-R)” для кодировки KOI. Некоторые сервера требуют убирать тэг charset, который прописывает этот пункт в HTML-коде. В этом случае просто укажите нет;
§ окошко Перегрузить текущий документ как предназначено дляперекодировки странички (по умолчанию – Автоматическая кодировка).
Рабочая группа:
На этой закладке делаются настройки для создания сайта сразу несколькими разработчиками.
Дата добавления: 2019-07-15; просмотров: 110; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!