Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Предоплата всего
Подписываем
PAGE 1
Лабораторная работа №6. Основы работы в Microsoft FrontPage
Microsoft FrontPage 2003 - это обширная прикладная программа (при ложение MS Office 2003), которую можно использовать для разработки веб-узлов (сайтов, страниц).
Используя FrontPage, вы сможете легко со здавать интересные Web-сайты с хорошим дизайном и сложными элементами, не вводя ни одной строки программных кодов языка HTML (Hypertext Markup Language). Но если у вас есть опреде ленный опыт программирования на языке HTML, то программа FrontPage позволяет легко осуществлять доступ к соответствующим кодам на языке HTML, которые она автоматически создает в процессе работы.
В процессе работы с FrontPage вы создае те группу взаимосвязанных файлов, которые совместно образуют узел (сайт), построенный на основе FrontPage. Веб-страницы – это элементы, образующие структуру любого узла. Разрабатывая узел, Вы работаете с отдельными страницами и с общей структурой узла. Если Вам нужно отредактировать одну страницу FrontPage, то Вы сначала открываете узел и затем открываете нужную Вам страницу.
Слева внизу в рабочей области FrontPage расположены четыре кнопки для переключения между различными режимами представления веб-узла.
Конструктор - Вы можете видеть и изменять содержимое данной открытой страницы. Создание веб -страницы вы начинаете с работы именно в этом представлении.
Код показывает HTML-код веб-страницы. Элементы кода выделяются разными цветами, чтобы вам было легче различать текст и содержимое. Каждая строка кода пронумерована. Сообщения об ошибках часто ссылаются на номера строк HTML-кода, что позво ляет быстро отыскать место расположения этих ошибок.
Просмотр – Вы видите веб-страницу так, как она выглядит в веб-браузере. В этом режиме работают гиперссылки и большинство элементов страницы.
Для перехода к нужному режиму просмотра нужно щелкнуть на этом режиме в меню View (Вид) или на кнопках слева в рабочей области.
Самый простой способ создания нового узла — это использование одного из шаблонов FrontPage. Шаблоны позволяют создать макет определенного типа веб-страницы или узла, обозначая с помощью заполнителей рамки, в которые Вы должны поместить определенную информацию, после чего вы получаете готовую страницу или узел.
Для создания узла с помощью шаблона нужно просто выбрать этот шаблон и указать место, где должен быть создан узел. Для создания простого одностраничного узла выполните следующее:
1. запустите MS FrontPage
2. в меню Файл выберите пункт Создать
3. Справа области задач выберите пункт Одностраничный Веб-узел. Ваш экран будет выглядеть так, как показано на рисунке:
4. в диалоговом окне шаблонов веб-узлов щелкните на значке Одностраничный Web-узел.
5. в окне Указать расположение нового веб-узла выберите для создания одностраничного узла нужную Вам папку и нажмите Ok. Через несколько минут программа Front Page отобразит структуру созданного одностраничного узла.
Новый веб-узел будет представлен двумя пустыми папками -_private и images. В папке images Вы будете сохранять все Ваши графические изображения. Папка _private – системная папка Веб-узла, ее удалять не надо.
Задание для самостоятельного выполнения:
Создайте пустой Веб-узел с именем Мой личный сайт на диске D:\Work в папке под Вашей фамилией.
Удалять веб-узлы Вы должны в программе FrontPage.
1. Откройте веб-узел, который необходимо удалить.
2. В списке папок щелкните правой кнопкой на папке верхнего уровня этого узла и в контекстном меню выберите пункт Delete (Удалить), чтобы открыть диалоговое окно Confirm Delete (Под твердить удаление).
3. Выберите вариант Полностью удалить веб-узел и щелкните на кнопке ОК, чтобы удалить узел. Узел будет удален, и панель списка папок будет закрыта, поскольку представленное на экране содержимое уже не существует.
Задание для самостоятельного выполнения:
Удалите те веб-узлы, которые Вы создали с помощью шабло нов в начале работы.
Каждая страница веб-узла находится в собственном файле. Добавлять страницы к веб-узлу необходимо следующим образом:
1. На стандартной панели инструментов щелкните на кнопке Создание новой страницы. Появится новая пустая страница с именем нов_стр_1.htm, при чем курсор ввода будет помещен вверху страницы. Эта страни ца пока не представлена в панели Folder List (Список папок), поскольку еще не сохранена как часть веб-узла.
2. Введите в окне редактора: «Добро пожаловать на личный сайт!» После начала ввода рядом с именем файла на вкладке страницы по явится символ «звездочка». Символ «звездочка» указывает, что файл изменился с момента его последнего сохранения (в данном случае файл еще ни разу не сохранялся).
3. В меню Файл выберите пункт Сохранить как, чтобы открыть диалоговое окно. В раскрывающемся списке Сохранить как уже открыт Ваш веб-узел.
Первой и обязательной страницей для любого веб-узла является домашняя стра ница. Эта страница появляется первой на экране посетителя, если он ввел URL-адрес данного узла. Файл домашней страницы обязательно должен быть назван index.htm. Поскольку в папке этого веб-узла еще нет домашней страницы, FrontPage предлагает для файла домаш ней страницы имя index.htm. Название страницы — это текст, который будет представлен посети телям в линейке состояния, когда эта страница откроется в их браузере. Название страницы не совпадает с именем соответствующего файла. Но посетители Вашей страницы в заголовке окна браузера будут видеть именно это название. Предлагаемое название страницы, «Добро пожаловать на личный сайт», вполне подходит для домашней страницы, поэтому можно оставить его без изменений.
6. Нажмите кнопку Сохранить. Вами была создана первая Веб-страница с именем index.htm
Все созданные Вами страницы должны иметь имена файлов, написанные латинскими буквами. Желательно, чтобы страницы имели интуитивно по нятные имена.
Задание для самостоятельного выполнения:
Создайте пустую страницу и сохраните ее как домашнюю страницу веб-узла Мой личный сайт.
Для установки свойств страницы, выберите команду Свойства в меню Файл или в контекстном меню, появляющиеся после щелчка правой кнопкой мыши. В диалоговом окне Page Properties, состоящем из 6 закладок (см. рис. 2):
1. закладка Общие показана на рисунке 2:
В текстовом поле Название можно ввести или отредактировать название страницы; поле Расположение предназначено для задания необязательного базового URL-адреса страницы. В секции Фоновый звук можно задать и изменить свойства фонового звука.
2. закладка Форматирование, вид которой приведен на рис. 3, задает параметры фона и цвета различных ссылок.
Рис. 2. Диалоговое окно Свойства страницы, вкладка Общие
В секции Форматирование Вашему вниманию предлагаются следующие опции:
- Фоновый рисунок. Установив этот флажок, вы можете выбрать изображение, которым будет заполнен фон вашей страницы.
- Сделать подложкой. Фоновый рисунок, который при прокручивании страницы остается неподвижен.
Рис. 3. Диалоговое окно Свойства страницы, вкладка Форматирование
- Фон. Если вы не используете фоновых рисунков, то имейте в виду возможность изменения цвета фона страницы; чтобы задать цвет фона, отличный от установленного по умолчанию, выберите нужный цвет в раскрывающемся списке. Выбирая цвет фона, удостоверьтесь, что текст и изображения будут хорошо на нем смотреться.
- Текст. Чтобы задать цвет, в который по умолчанию будет окрашен текст на вашей странице, воспользуйтесь раскрывающимся списком Текст. Стандартным является черный цвет, однако не бойтесь экспериментировать с любыми цветами, которые будут хорошо восприниматься на выбранном Вами фоне.
- Гиперссылка. В этом списке выберите цвет, которым будут выделены на странице все еще не посещенные гиперссылки.
- Просмотренная ссылка - после перехода по гиперссылке она изменит свой цвет на заданный этим параметром. Чтобы задать цвет посещенных ссылок, выберите его в раскрывающемся списке Посещенная ссылка.
По умолчанию обычным цветом ссылок является синий (Blue), а для посещенных ссылок установлен фиолетовый (Purple). Иногда полезно поменять оба этих цвета, чтобы все видели, сколько внимания вы уделяете даже таким мелочам
- Активная ссылка. Активной гиперссылка становится при нажатии на нее; чтобы выбрать цвет, в который будут окрашены активные ссылки, воспользуйтесь списком Активная ссылка.
3. Чтобы задать верхнее и/или левое поля страницы, перейдите на вкладку Дополнительно, установите соответствующий флажок и введите в текстовом поле нужное значение (в пикселах).
4. на закладке Другие можно добавлять, удалять и редактировать системные и пользовательские метапеременные.
5. закладка Язык диалогового окна Свойства страницы предназначена для задания кодировки символов страниц HTML; эта операция необходима при создании Web-страниц на языках, отличных от английского.
Задание для самостоятельного выполнения:
Задайте настройки Вашей домашней страницы (фон, цвет шрифта, оформление) узла Мой личный сайт.
Вы можете вводить новый текст на странице путем его непосредственного набора и оформления, используя стандартные функции пакета MS Office. Также FrontPage позволяет очень просто копировать и вставлять текст через буфер обмена.
Будем считать, что Вы работаете над своим веб-узлом off-line, без подключения к серверу. Время от времени вам хочется посмотреть, как ваша страница будет выглядеть в реальности. Переключитесь в режим Предварительного просмотра; для этого надо просто перейти на вкладку Просмотр внизу редактора FrontPage или выбрать пункт Предварительный просмотр пункта меню Файл. To, что вы видите на экране в режиме предварительного просмотра, — это в действительности локальный файл, представленный таким образом, как если бы он находился в глобальной сети Интернет. Поскольку на самом деле Вы к сети не подключены, то некоторые активные элементы на ваших страницах могут не работать.