Создание Web-страниц при помощи программы FrontPage. Открытый урок "Создание Web-страниц в программе Microsoft Front Page" Этапы работы с программой фронт пейдж
Курс представляет собой мультимедийный комплекс для самостоятельного обучения основам работы с приложением Microsoft FrontPage 2003. Учебный материал представлен в виде интерактивных видеолекций. Процесс обучения предельно прост и приближен к занятиям с преподавателем. Ученик слышит голос преподавателя, читающего лекцию, и видит на экране его действия, совершаемые в процессе рассказа. Такая форма обучения позволяет пользователю в короткие сроки освоить понятия изучаемого курса, ознакомиться с инструментальными средствами изучаемых программ.
Год выпуска:
2006
Язык:
русский
Размер:
1140 Mb
Видео кодек: Flash
Курс включает следующие разделы:
Введение (5 уроков).
Web-страница (15 уроков).
Web-узел (5 уроков).
Переустановка и настройка (10 уроков).
Создание Web-узлов (17 уроков).
Работа с текстом (19 уроков).
Гиперссылки (7 уроков).
Панели переходов и объявления. Проверка гиперссылок (13 уроков).
Предварительный просмотр (2 урока).
Коллекция картинок Microsoft (10 уроков).
Графика (20 уроков).
Мультимедиа (11 уроков).
Рисование объектов (19 уроков).
Таблицы (13 уроков).
Рамки (7 уроков).
Web-компоненты (6 уроков).
Шаблоны и формы (15 уроков).
Публикация Web-узла и Web-узел группы SharePoint (12 уроков).
Работа с кодом HTML (3 урока).
Скачать одним файлом на высокой скорости:
Скачать с sms4file
http://sms4file.com/downloadvip/1482.156da...ntPage.rar.html
Скачать Vip-File
http://vip-file.com/download/1482.156dad2f...ntPage.rar.html
Скачать на низкой скорости частями:
Скачать с depositfiles
http://depositfiles.com/files/f5tn6g8iw
http://depositfiles.com/files/ezdy1axct
http://depositfiles.com/files/81ck8newq
http://depositfiles.com/files/9gabwvnxq
http://depositfiles.com/files/y79zg6dxi
http://depositfiles.com/files/87plma4hy
http://depositfiles.com/files/el88h9bpo
http://depositfiles.com/files/6kim8micp
http://depositfiles.com/files/b1m3urpfw
http://depositfiles.com/files/ue0s0u0mt
http://depositfiles.com/files/20tiavrgl
Скачать с Rapidshare
http://rapidshare.com/files/251752530/FrontPage.part01.rar
http://rapidshare.com/files/251752587/FrontPage.part02.rar
http://rapidshare.com/files/251752640/FrontPage.part03.rar
http://rapidshare.com/files/251752707/FrontPage.part04.rar
FrontPage 2003 (приложение для создания Web-узлов и управления ими) относится к числу основных приложений MS Office 2003, поэтому его окно (рабочий стол FrontPage 2003) похоже на окно любого другого приложения MS Office 2003, в особенности на окно MS Word 2003. Запуск FrontPage 2003 аналогичен запуску любого другого приложения MS Office, при этом стереотипна и технология работы со многими совпадающими в приложениях элементами меню и командами пользовательского интерфейса.
Вместе с этим отличие FrontPage 2003 от других приложений MS Office 2003 таково, что требует многостраничного описания (например, полное руководство FrontPage 2000 содержит более 700 страниц). Даже компактное и конструктивное описание возможностей FrontPage 2003 трудновыполнимая задача; поэтому, желающих более глубоко изучить возможности этой программы, мы отсылаем к учебнику по FrontPage 2002 (44,5 Mb), а с расширяющими возможностями FrontPage 2003 можно ознакомиться непосредственно по его справочной системе.
Рассмотрим один из наиболее простых вариантов создания сайта«Стандарты в области информационной технологии».
1. Запустите FrontPage 2003: Пуск Программы Microsoft Office Microsoft Office 2003 (Start All Programs Microsoft Office Microsoft Office FrontPage 2003). Появится окно FrontPage 2003, см. рис. 1.
Рис.1. Окно FrontPage 2003 при первом запуске программы.
2. Создайте одностраничный Web -узел . Для этого в меню Файл (File) выберите Создать (New…). Далее, в открывшей панели задач Создание (New…), выберите: Создать веб-узел (New Web Site) Одностраничный веб-узел (One Page Web Site…).В открывшемся окнеШаблоны веб-узлов (Web Site Packages), см. рис.2, выберите Одностраничный веб-узел (One Page Web Site). В результате на экране появится диалоговое окно одностраничного веб-узла (веб-сайта), содержащего пустую главную (стартовую) страницу (файл Index . htm ) и две пустые папки: _private и images (см. рис. 3).
Примечание. Веб-узел (то же, что и веб-сайт) FrontPage состоит из главной страницы (домашней страницы: Home Page), связанной с другими веб-страницами (файлами в формате html), а также встроенных в них графических, мультимедийных, текстовых и других типов файлов. Кроме того, веб-узел FrontPage содержит вспомогательные папки и файлы, необходимые для управления этим веб-узлом.
Рис. 2. Панель задач Создание и диалоговое окно Шаблоны веб-узлов .
Рис. 3. Фрагмент окна одностраничного веб-узла.
3. Создайте, используя разработанную структуру сайта (см. пункт 2 п. 2.2) структуру переходов веб- узла. В меню Вид (View) выберите опцию Переходы (Navigation). В появившемся окнещелкните правой кнопкой мыши на пиктограмме домашней страницы (Index . htm ) и далее выберите:Создать (New). Страница (Page). В результате появится пиктограмма страницы второго уровня Новая страница 1 (New Page 1).Аналогичным образом создаются и другие страницы второго уровня (см. рис.4). Для создания страницы третьего уровня необходимо курсор мыши установить на пиктограмму страницы второго уровня. При необходимости переименуйте страницы.
Рис. 4. Структура переходов веб-узла (фрагмент окна “Переходы”).
4. Заполните, созданные в предыдущем пункте пустые страницы веб- узла . Для этого в меню Вид (View) выберите Папки (Folders).В левой части окна FrontPage появится панель Список папок (Folder List); если эта панель отсутствует, то нажмите клавиши Alt+F1. Последовательно, используя ранее подготовленные материалы (см. пункт 2 п. 2.2), заполните все пустые страницы веб-узла по следующей схеме. Откройте пустое окно требуемой страницы (двойной щелчком мыши на пиктограмме этой страницы в панели Список папок) и скопируйте в окно страницы (правая часть экрана) заготовленный для этой страницы материал (для копирования проще всего воспользоваться буфером обмена). При необходимости отредактируйте содержимое веб-страницы в режиме Конструктор (Design), см. внизу окна, или в режиме С разделением (Split), в котором окно поделено на две части: нижняя часть содержит текст, а верхняя - код (см. рис. 5). Редактировать можно в любой из этих частей. Сохраните результаты (Ctrl+S).
Рис. 5. Редактирование веб-страницы в режиме “С разделением”.
Предостережение. Копируемые материалы (ровно как структура сайта) должны быть хорошо структурированы и продуманы на этапе проектирования сайта, в противном случае временные затраты на создание сайта многократно возрастут. Это характерно для любого проекта. Причем чем сложнее проект и чем на более ранней стадии проектирования допущены ошибки, тем выше временные и материальные издержки (в отдельных случаях издержки могут достигать отношения 10:1).
5. Создайте схему навигации сайта. Откройте окно главной страницы (Index.htm). Для этого выполните те же действия, что в предыдущем пункте. На главной странице должны содержаться пункты (например, оглавление), связанные со всеми страницами второго уровня. Свяжите посредством гиперссылок эти пункты с соответствующими страницами по следующей схеме. Выделите на главной странице текст, имеющий отношение к некоторой странице второго уровня и, щелкнув на нем правой кнопкой мыши, выберите Гиперссылка (Hyperlink…), в окнеАдрес (Address) (введите адрес этой страницы. Аналогично создаются гиперссылки и на страницы нижних уровней, а также на другие внутренние и внешние объекты. Сохраните результаты (Ctrl+S) и убедитесь в правильной организации гиперссылок. Для этого переведите курсор мыши на пиктограмму стартовой страницы, далее в меню Вид выберите Гиперссылки. В окне Гиперссылки для ‘ Index . htm ’ (Hyperlink for ‘Index.htm’) появится структура гиперссылок (см. рис. 6).
Теперь для удобства навигации необходимо обеспечить возврат из любой страницы веб-узла на его стартовую страницу. Это можно сделать разными способами. Самый простой: откройте любую страницу и внизу этой страницы напечатайте, например, ГЛАВНАЯ , далее выделите напечатанное и создайте гиперссылку на стартовую страницу; затем скопируйте это и растиражируйте на все остальные страницы веб-узла. Для возврата на стартовую страницу можно воспользоваться и командами Панель ссылок (Navigation…)или Меняющееся кнопка (Interactive Button…) меню Вставка (Insert),но это приведет некоторому усложнению структурывеб-узла.
Создайте необходимые ссылки на главную страницу (не забывайте сохранять результаты). Откройте окно Гиперссылки для ‘ Index . htm ’ и убедитесь в правильной организации гиперссылок (см. рис. 7).
6. Скопируйте созданный веб-узел в личную папку и проверьте его работоспособность.
Перед тем, как начать работать во FrontPage, рекомендую Вам создать папку специально для Вашего сайта. Ее можно назвать «сайт», «мой сайт», «мой супер-пупер сайт», или, если Вы предпочитаете английский, «my site», «site».
В Интернете файлы с русскими названиями, увы, не работают (но это не значит, что они не будут работать на Вашем компьютере), поэтому я, по давно выработанной привычке, буду использовать по умолчанию папку site . Вы тоже можете начать вырабатывать в себе эту привычку, но это уже только по Вашему желанию 🙂
Разместить созданную папку можно в любом месте, на диске C, в «Моих документах», на рабочем столе… в принципе, это не имеет значения, главное, чтобы Вам было удобно с ней работать .
Правда, не советую Вам создавать папку прямо на рабочем столе. Путь к ней (его можно посмотреть в свойствах папки, или в самой папке, он указан в строке «адрес»), в таком случае, будет очень длинный. Например: «C:Documents and SettingsUsersUser001рабочий столsite». Правда, он может быть и коротким, например: «C:WINDOWSРабочий столsite». Все зависит от настроек Вашего компьютера.
Если путь все же получается длинным, то Вы можете создать папку для сайта на диске C (или D), тогда ее путь будет значительно короче: «C:site». А для того, чтобы открывать папку можно было быстро и просто, к ней нужно создать ярлык и поместить его в любое удобное для Вас место, например, на тот же рабочий стол.
Зачем заботиться о размере пути к папке? На качество создания сайта это никак не повлияет, но я на собственном опыте убедилась, что работать с папками, путь к которым не очень длинный, значительно удобнее. В примере будет использован следующий путь к папке «C:Documents and Settingssite»
Отдельная папка для сайта - вещь исключительно удобная , порой даже незаменимая. Ваши материалы и созданные страницы нигде не потеряются, а будут спокойно лежать в своей отдельной папочке.
Средствами FrontPage создать сайт даже не очень опытному пользователю не должно составить труда. Например, можно выбрать уже готовый веб-узел, изменить стандартные данные на свои, что-то добавить, что-то удалить и все, сайт можно выкладывать в Интернет. Создать новый веб-узел, можно, выбрав Файл (File) | Создать (New). Справа от рабочего пространства откроется следующее окно:
Нажав на ссылку Другие шаблоны веб-узлов , Вы увидите, что существует еще много разнообразных видов веб-узлов от одностраничного до корпоративного. Ради эксперимента можете попробовать выбрать какой-нибудь веб-узел и создавать сайт в этом шаблоне.
Но я вообще-то не поддерживают такой способ создания сайта, так как FrontPage для готового веб-узла создает много ненужных папок. Да и вообще много всего ненужного.
Поэтому я предлагаю несколько иной подход. Я предлагаю создать сайт с чистого листа, выбрав в окне создания новой страницы пункт Пустая страница . А можно ничего не выбирать, а просто закрыть окно создания новой страницы, так как этот пункт уже и так выбран по умолчанию.
И вот на этом пустом пространстве мы и начнем создавать первую страницу сайта, а точнее, ее шаблон.
Если Вы более-менее знакомы с Интернетом, то наверняка замечали, что многие сайты состоят из таблиц. Какие-то таблицы видны хорошо, какие-то совершенно незаметны. Вот и мы будем делать сайт, состоящий из таблиц .
Сейчас таблицы как средство создания каркаса понемногу устаревают, взамен им приходит верстка с помощью слоев . Но таблицы все еще остаются простым и эффективным способом форматирования страницы. Для начала это – в самый раз.
Во FrontPage существует несколько способов создать таблицу. Сейчас я подробно опишу каждый из них, чтобы потом Вы для себя смогли выбрать наиболее подходящий. Но так как научиться можно только на практике, советую вам не просто прочитать текст ниже, но и выполнить все описанные действия.
Итак, первый способ . В строке командного меню выберите команду Таблица (Table), а в выпадающем меню - пункт Вставить (Insert) со стрелкой. Подведите мышь к этой стрелке и перед вами откроется еще одно выпадающее меню. Выберите пункт Таблица (Table).
Первый способ создания таблицы во FrontPage- с помощью меню Таблица
После выбора этой команды перед вами откроется окно, где вы можете указать различные параметры создаваемой таблицы.
Какие же параметры можно установить? В первой области Размер можно выбрать необходимое количество строк (rows) и колонок (columns).
В следующей области Положение (Layout) можно настроить:
- расположение таблицы на странице - для этого в поле Выравнивание (Aligment) нужно выбрать одно из следующих значений:
- По умолчанию (Default) - тогда таблица разместится по усмотрению браузера пользователя, скорее всего у левого края;
- Слева (Left);
- Справа (Right);
- По центру (Center);
- расстояние между границей ячейки и ее содержимым - для этого введите необходимое значение в поле Поля ячеек (Cell Padding);
- расстояние между ячейками таблицы - для этого достаточно ввести необходимое значение в поле Интервал ячеек (Cell Spasing);
- ширину таблицы - обратите внимание, если флажок Точная ширина (Specify width) снят, размер таблицы будет зависеть только от ее содержимого. Если же флажок стоит, то можно обозначить ширину в пикселах (in pixels) или в процентах (in percent). Скажу сразу, ширину для основной таблицы (которую мы сейчас и создаем), лучше делать в процентах, тогда она будет изменяться в зависимости от размеров окна пользователя.
В области Границы (Border) можно настроить:
- ширину границ таблицы - для этого нужно всего лишь ввести необходимое значение в поле Размер границ (Border size);
- цвет, светлую и темную стороны таблицы
В области Фон (Background) можно задать цвет для фона таблицы или выбрать фоновый рисунок.
Для примера возьмем настройки, которые я указала ранее. Выбираем ОК и смотрим на результат.
Отлично! Теперь давайте для сравнения попробуем использовать второй способ создания таблицы во FrontPage. На панели инструментов Стандартная (Standard) найдите значок Добавить таблицу (Insert Table) и нажмите на него. После этого откроется небольшой макет таблицы.
Быстрый способ создания таблицы - использование кнопки Добавить таблицу (Insert Table)
Удерживая нажатой левую кнопку мыши выделите нужное количество строк и колонок. Так, для примера, на рисунке выделены две строки и одна колонка. Если вы подведете мышку к правой или нижней границе макета, он расширится. После того, как вы отпустите кнопку мыши, моментально появится сама таблица.
Этот способ создания таблицы намного проще и быстрее, чем первый. Одно «но» — здесь нельзя предварительно указать параметры создаваемой таблицы. Поэтому, если вы соберетесь создать еще одну таблицу с помощью второго способа, менять ее параметры можно будет только после того, как вы ее создадите.
О том, как это сделать, я расскажу немного позже, а сейчас более наглядный, третий способ создания таблицы. Это - рисование таблицы мышью . Его мы использовать сейчас не будем, но если вам когда-нибудь понадобится создавать сложные таблицы, вы будете знать, как это делать.
Первый шаг точно такой же, как и в первом случае. В строке командного меню нужно выбрать команду Таблица (Table). Но следующий шаг уже совсем другой. Когда вы выберите команду Таблица (Table), перед вами откроется выпадающее меню. Присмотритесь, у него внизу есть двойная стрелка. Подведите мышь к этой стрелке. Теперь перед вами весь список команд.
Меню команды Таблица
На этот раз нам нужен пункт Нарисовать таблицу (Draw Table). Нажимаем. Откроется следующее небольшое окно.
Рисование таблицы состоит из нескольких этапов: прорисовывается внешний прямоугольный контур таблицы, проводятся линии, разделяющие таблицу на строки и колонки, лишние линии стираются.
Для начала убедитесь, что инструмент для рисования таблицы включен (при этом он должен отобразиться на более светлом фоне, чем остальные кнопки). Теперь, когда курсор попадет в область документа, он примет форму карандаша.
Теперь подведите курсор мыши к верхней левой вершине предполагаемой таблицы. Затем, нажав и удерживая левую кнопку мыши, подведите его к нижнему правому углу предполагаемой таблицы и отпустите кнопку. В результате появится внешний контур таблицы.
Теперь, при помощи того же карандаша, проведите линии, формирующие внутреннюю структуру таблицы.
Убрать лишние линии можно при помощи инструмента Ластик (Eraser). Воспользоваться им легко. На панели инструментов Таблица (Table) нажмите кнопку Ластик (Eraser). Затем подведите курсор мыши к линии, которую нужно стереть и проведите по ней. Стираемые линии окрасятся в красный цвет. Чтобы отключить режим ластика, нажмите на кнопку Ластик (Eraser) еще раз.
С помощью этого способа тоже можно нарисовать неплохую таблицу, но давайте вернемся к предыдущей. С ней мы сейчас и будем работать.
Первую строчку можно оставить для названия сайта, логотипа и т.д. Это будет так называемый верх сайта. Обычно его оставляют одним для всех страниц сайта. В следующую строку обычно помещают текст, картинки, фотографии, одним словом, информацию. Очень неплохо оставить внизу место для счетчиков, которые будут подсчитывать количество посетителей. Туда так же можно написать имя создателя сайта:).
Но у нас только две строки! Неужели, придется начинать все заново? Нет, что Вы! Мы просто вставим еще одну строку. Сделать это можно несколькими способами.
Например, если у вас еще открыта панель инструментов Таблица (Table), новую строку можно добавить, нажав на кнопку Добавить строку (Insert row). Не забудьте перед этим поставить курсор на одну из строк таблицы. Новая строка появится перед строкой, на которой стоял курсор.
Следующий способ вставки строки тоже довольно прост. Для начала нужно всего лишь выделить одну из существующих строк, нажать на правую кнопку мыши и… Но, подождите, как же выделить строку? Здесь тоже нет ничего сложного. Просто подведите курсор мыши к строке, которую вы хотите выделить.
Затем дождитесь, когда он превратится в стрелочку и нажмите на нее.
Выделенная строка выглядит так:
И вот теперь, не снимая выделения, щелкните по выделенной строке правой кнопкой мыши. Перед вами откроется вложенное меню.
Из всех этих, несомненно полезных, пунктов, нам сейчас понадобится только один: Добавить строки (Insert row).
Кстати говоря, строку можно было и не выделять, а просто щелкнуть в ней курсором. Но навык выделения таблиц, строк и колонок вам все равно понадобится, так что привыкайте 🙂
Следующий способ вставки новых строк в таблицу значительно удобнее. И сейчас вы сами поймете, почему. Установите курсор в строку над (под) которой вы собираетесь добавить новые строки. Затем обратитесь к нашему любимому пункту Таблица (Table), который находится в командной строке. В выпадающем меню выберете Вставка (Insert) | Строки или Колонки (Rows or Columns). Откроется следующее окно.
Видите, в нижней части окна можно выбрать расположение новой строки - над выделенной строкой (above) или под ней (below). Заметьте, при использовании первых двух способов такой выбор нам не был предоставлен. Определим количество строк, нажимаем на ОК и смотрим, что у нас получилось.
Теперь у нас три строки. Для всего нашлось место, осталось только определить, куда поместить структуру нашего сайта. Не забыли еще про нее? Сейчас мы рассмотрим самый простой способ поместить структуру на страницу - разместив ее во второй строке, рядом с «информационной» серединой.
Для этого создадим еще одну таблицу из двух колонок во второй строке. Как создавать новую таблицу, мы уже знаем. Причем мы знаем целых три способа, как сделать это! Какой будем использовать на этот раз?
Давайте сейчас используем первый, так как нам нужно с самого начала отрегулировать параметры таблицы. Путь к созданию таблицы: Таблица (Table) | Вставка (Insert) | Таблица (Table).
В открывшемся окне отмечаем одну строку, две колонки и ширину границ таблицы равной нулю. Саму ширину таблицы делаем 100% и нажимаем на ОК. Вся таблица теперь выглядит так:
Небольшие точки во второй строке - это и есть та самая «невидимая» таблица. Точнее, сейчас-то ее хорошо видно, но это только потому, что в данный момент мы находимся в режиме редактирования. А когда мы перейдем в режим просмотра, таблицы видно не будет.
Эта «невидимая» табличка нам нужна только для моделирования внешнего вида таблицы, поэтому мы и сделали ее «невидимой». Теперь в левую колонку нужно вставить еще одну таблицу. Количество строк должно быть равно количеству основных пунктов составленной вами структуры. Колонки делать не надо!
Листочек еще не потерялся? Тогда переносим названия всех основных страниц (разделов) в нашу табличку. Названия внутренних страниц (подразделов) туда включать не обязательно. Чтобы ввести названия страниц в таблицу, просто щелкните мышью в том месте, где будет располагаться текст и наберите его на клавиатуре.
Более подробно о вводе текста и изменения его внешнего вида, я расскажу тогда, когда мы будем наполнять сайт информацией.
А теперь, как и обещала, расскажу о том, как изменить параметры таблицы после ее создания. Помните, как мы выделяли строку таблицы? А теперь нам нужно выделить целую таблицу.
Если «вручную» выделить таблицу не получается, можно просто пройти путь Таблица (Table) | Выделить (Select) | Таблица (Table). Теперь, не снимая выделения, щелкните по таблице правой кнопкой мыши. Можно, кстати, вообще не выделять таблицу, но я уже писала, это очень полезный навык 🙂
Выскочит уже знакомое нам выпадающее меню. Только на этот раз нам понадобится пункт Свойства таблицы (Table Properties). При выборе этого пункта откроется окно, которое практически полностью повторяет окно вставки новой таблицы. В нем можно поменять существующие настройки на новые.
Кстати, в программе FrontPage рамку таблицы можно также сделать «двойной», состоящей из множества квадратиков, с тенью и т.д. Все это доступно в верхнем меню Формат (Format) | Границы и заливка (Borders and Shading)
В первой закладке - Рамки (Borders) можно поменять вид границ таблицы. Посмотрите на возможные результаты после изменения вида рамки таблицы.
Во второй закладке - Заливка (Shading) можно установить фоновый рисунок для таблицы а также выбрать цвет фона и текста. Но выбрать подходящий цвет вообще не просто… Поэтому на сегодня закончим, а о цветах поговорим на следующем уроке.
Но, подождите, что же делать с нашим художеством, т.е. с созданными табличками? Все очень просто. Их нужно сохранить. Для этого в верхнем меню выберите Файл (File) | Сохранить как (Save as). Найдите на вашем компьютере папочку, в которую мы договорились складывать сайт и сохраните в ней ваш документ под именем index .
Почему именно index? Да просто потому что так всегда обозначают главную страницу сайта. А именно ее мы сейчас и делали. Если вы теперь, выйдя из программы FrontPage, откроете сохраненный вами документ, вы увидите, что он автоматически сохранился как index.htm . HTM - сокращенное от слова HTML, помните еще, что это такое?
Стоит запомнить, что форматы «htm» и «html» — это абсолютно разные вещи. Советую вам сразу же выбрать что-то одно, чтобы потом не возникало проблем. Если вы выбрали окончание «html», не забывайте прибавлять его к каждой сохраняемой странице, иначе она по умолчанию будет сохраняться как «htm»
Напомню, что названия файлов для сайта нельзя писать русскими буквами. Потом, когда вы выложите ваш сайт в Интернет, эти файлы просто не будут открываться.
И последнее о названиях. Писать названия файлов, страниц для сайта с большой буквы - это, конечно, похвально, но крайне неудобно. Рекомендую вам все, все: страницы, рисунки, архивы - все писать с маленькой буквы. Поверьте, в дальнейшем это поможет избежать очень многих неточностей.
Открытие сохраненного «index»
Сейчас мы будем открывать документ «index», который мы сохранили в папке для сайта в конце предыдущего дня. Способов сделать это существует несколько. Давайте рассмотрим каждый из них, чтобы потом Вы могли выбрать оптимальный для себя.
Итак, первый способ. Файл «index» по умолчанию является Интернет–файлом, так как имеет формат htm (html ). Поэтому если вы откроете его двойным щелчком, вы попадете в окно просмотра браузера.
Этот способ открытия «index» во FrontPage заключается в том, чтобы в верхней командной строке выбрать команду Файл (File), а в выпадающем меню — Править в Microsoft FrontPage (Edit with Microsoft FrontPage).
Если в меню Файл у Вас такого пункта нет, значит, FrontPage на компьютере не установлен в качестве редактора Интернет-страниц. Чтобы это исправить, нужно, во-первых, открыть саму программу FrontPage, и затем в командной строке выбрать Сервис | Параметры . Откроется следующее окно:
Чтобы нормально работать с сайтом, нам нужно, чтобы в области Редакторы находился FrontPage. Если его там нет, то нажмите на значок в верхнем правом углу и выберите там FrontPage (открыть как HTML) . Затем нажмите на кнопку Использовать по умолчанию .
Это был первый способ открытия файла во FrontPage, через окно браузера. Но логичнее будет этот путь сократить. Поэтому, чтобы не тратить время, можно, не открывая файл, нажать на него правой кнопкой мышки и в выпадающем меню выбрать Открыть с помощью… (Open with) и в предложенном списке найти программу FrontPage.
И последний, третий способ. Сначала нужно открыть саму программу FrontPage, а уже после этого открыть весь сайт, выбрав Файл (File) | Открыть веб-узел (Open web). Или, если Вы недавно уже открывали index , выбрать Последние файлы , а в выпадающем меню нужный файл.
Конечно, не так важно, каким именно способом вы откроете страницу «index» во FrontPage, главное, чтобы вы ее открыли 🙂 Поздравляю, еще один полезный навык приобретен!
С озданиеWEB-страниц в редакторе FrontPage
Создание web-страниц в редакторе FrontPage
1. Запуск редактора
Запуск редактора производится следующим образом: Пуск / Программы / Microsoft FrontPage . В этом случае Редактор откроется с пустым экраном; чтобы открыть нужную страницу, используйте команду Открыть меню Файл и приступайте к редактированию.
При запуске Редактор откроет свое собственное окно, в верхней части которого, как в большинстве программ подобного класса, расположены меню и панели инструментов. Когда все панели инструментов видимы, Редактор выглядит так, как показано на рисунке.
В зависимости от необходимого способа просмотра страниц и работы с ними можно использовать один из четырех режимов представления Страница .
Конструктор. Веб-страницы можно разрабатывать и редактировать по умолчанию в режиме Конструктор представления Страница .
Код. Позволяет самостоятельно просматривать, записывать и редактировать теги HTML. Используя средства оптимизации кода в Microsoft FrontPage, можно создать чистый код HTML, также упрощается процедура удаления ненужного кода.
С разделением. Проверять и редактировать содержимое веб-страницы можно в формате с разделением экрана, предоставляющем одновременный доступ к режимам Код и Конструктор .
Просмотр. Позволяет просматривать внешний вид страницы в веб-обозревателе, не сохраняя ее. Этот режим используется для проверки страницы перед сохранением после внесения небольших вызывающих сомнения изменений.
Использование шаблонов и мастеров
Шаблоны сайтов. Шаблоны - это образцы сайтов или страниц, которые Frontpage предлагает заполнять по мере необходимости. Как и мастера, они создают структуру, которая может служить хорошей стартовой площадкой для разработки сайта или страницы. Однако мастера предлагают вам процесс заказного создания сайта или страницы, тогда как, выбрав шаблон, вы получите точную копию этого шаблона, с образцом текста, который вы сможете заменить своим собственным. Вы можете получить шаблон сайта в Проводнике Frontpage, выбрав пунктСоздать в меню Файл и затем выбрав Другие шаблоны веб-узлов из появившегося подменю.
В окне диалога Шаблоны веб-узлов вы можете выбрать один из следующих шаблонов, чтобы использовать его в качестве основы для вашего сайта или страницы:
- Одностраничный веб-узел. Помогает создать сайт с единственной страничкой.
- Мастер корпоративного веб-узла . Шаблон для создания профессионально оформленного корпоративного веб-узла для Интернета.
- Веб-узел технической поддержки. Создание веб-узла для служб технической поддержки (специально для производителей программного обеспечения).
- Мастер веб-узла обсуждений . Позволяет создать "дискуссионную" группу со связями, заполненными таблицами и полнотекстовым поиском.
- Пустой веб-узел. Когда вы хотите создать пустое рабочее поле, вы можете использовать этот "шаблон". В этом случае создается пустой сайт, без страниц, и вы можете сделать все остальное, добавляя содержимое в Проводнике и Редакторе Frontpage.
- Мастер импорта веб-узла . Шаблон позволяет создать сайт, заполненный документами из директории локального компьютера или отделенной файловой системы.
- Веб-узел проекта. Используйте этот шаблон для сайта, который будет служить как центральный информационный форум для какого-либо проекта.
- Личный веб-узел . Выбирайте данный шаблон для создания личной странички, которая может содержать информацию о ваших интересах, любимых сайтах в Интернете, а также ваши фотографии.
- Мастер интерфейса базы данных. Создание веб-узла, позволяющего подключиться к базе данных, а затем просматривать, обновлять, добавлять и удалять записи.
- Веб-узел группы SharePoint . Создание веб-узла рабочей группы с календарем группы, библиотекой общих данных, списком задач, списком контактов и др.
Так, например, выбрав в качестве исходного шаблон Личный веб-узел, вы получите следующее: