С развитием Интернета появился протокол обмена информацией,протокол называется HTTP (HyperText Transfer Protocol – протокол передачи гипертекста).Вместе с этим протоколом появилась и служба World Wide Web (часто называемая WWW или просто Web ), которая подставляет собой обширную сеть серверов HTTP , передающих файлы через Интернет .
Основную часть этих файлов представляют собой Web-страницы
– специальные файлы, написанные на языке HTML (HyperText Markup Language
– язык разметки гипертекста). Web-страницы
публикуются в Интернете
путем размещения таких файлов на серверах HTTP (Web-узлах)
. Содержание Web-страниц
может быть разным и посвященным совершенно произвольным темам, но все они используют одну и тужу основу – язык HTML
.
Большинство людей желающих создать свой собственный сайт или страничку, знакомы с языком HTML
только понаслышке. Поэтому им на помощь может придти программа Microsoft FrontPage
,один из самых известных конструкторов сайтов.
FrontPage, входит в пакет приложений Microsoft Office , стал первым продуктом широкого использования для Internet , сочетающим в себе клиентскую и серверную части и обеспечивающим возможность разработки сайта в целом и установки его на большинство популярных серверов. FrontPage способен взять на себя всю необходимую работу по программированию. Однако FrontPage станет достаточно серьезным помощником и для профессиональных разработчиков, предпочитающих держать в руках полный контроль над творческим процессом.
Окно программы FrontPage 2003.
Программа FrontPage выпущена компанией Microsoft и выполнена в едином стиле продуктов, входящих в пакет Microsoft Office , поэтому внешний вид программы практически не отличается от текстового процессора Word .
В верхней части окна располагается строка меню и две панели инструментов: Стандартная и Форматирование
. Включать или отключать отображение панелей инструментов позволяет меню Вид
.
В левой части находится Панель представлений
, при помощи которой можно переключать режимы документа.
Основную часть окна занимает рабочая область, в которой могут быть открыты одно или несколько окон, содержащих отдельные документы.
В нижней части окна располагается строка состояния
, содержащая справочную информацию
. Так же в нижней части окна находятся три кнопки просмотра документа.
Отображение панелей инструментов.
Для управления панелями инструментов во FrontPage
можно воспользоваться теми же способами, как в Microsoft Word
. А именно:
в меню Вид
надо выбрать пункт Панели инструментов
, а в открывшемся новом подменю - установить флажки
напротив тех панелей инструментов, которые вам нужны; или щелкнуть правой кнопкой мыши
по какой-либо панели управления
(или по области рядом с ней) и точно так же воспользоваться контекстным меню.
FrontPage
, как и другие приложения Microsoft Office
, позволяет добавлять, удалять, менять местами пункты меню и кнопки на панелях инструментов. Также существует возможность создавать полностью свои панели.
Для этого надо:
В меню Сервис
выбрать пункт Настройка
…
или
в меню Вид
выбрать пункт Панели инструментов
, а в появившемся каскадном меню - пункт Настройка
…
В результате ваших действий откроется диалоговое окно Настройка
, где можно установить необходимые панели.
Создание новой Web-страницы .
Если вы запустили FrontPage
, значит, новая Web-страница
у вас уже создана (при запуске FrontPage
сразу открывается новая пустая Web-страница
, готовая для размещения текста и любых других элементов).
Создать новую Web-страницу
можно и другими способами:
С помощью кнопки Новая страница
на Стандартной панели
инструментов.
меню Файл
выбрать подменю Создать
, а затем – Страница
или Web-узел
;
с помощью комбинаций Ctrl+N
;
с помощью контекстного меню
(работает во всех режимах, кроме режимов Задачи и Отчеты
) - для этого внутри Списка папок
данного Web
) надо щелкнуть правой кнопкой мыши и в появившемся контекстном меню выбрать пункт Создать Страница
.
Создание станиц при помощи мастера и шаблонов.
Как уже говорилось выше, если для создания новой страницы вы воспользовались меню Файл Создать Страница или Web-узел
, то FrontPage
предложит вам воспользоваться шаблоном для создания новой страницы.
Для этого он откроет диалоговое окно, внешний вид которого приведен ниже:
На вкладке Общие
данного диалогового окна выводится перечень шаблонов FrontPage
, доступных в настоящий момент. Выбрав любой из шаблонов, можно посмотреть его описание в поле Образец
.
Создание FrontPage Web
.
Microsoft FrontPage Web
- это набор Web-страниц
, файлов с изображениями и других компонентов, которые можно рассматривать как единое целое.
Если делать сайт во FrontPage
, то для его хранения удобней всего использовать FrontPage Web
.
самый главный плюс - это возможность переименовывать файлы, входящие в состав FrontPage Web
.
Представьте себе, что перед публикацией вашего сайта в Интернет
вы вдруг заметили, что пара файлов у вас названа русскими именами. - «Теперь по всем файлам придется лазить и ссылки ручками менять!» дуамете Вы.Вот тут-то и поможет FrontPage Web
- вы можете покойно переименовать файлы, а FrontPage
самостоятельно пройдется по всем другим файлам, входящим в FrontPage Web
и переименует все ссылки на исправленный вами файл.
все остальные преимущества описывать не буду, но хочется сказать, что для использования всех возможностей FrontPage
, то лучше использовать FrontPage Web
.
Итак, чтобы создать новый FrontPage Web
нажмите на стрелочку, расположенную слева от кнопки Новая страница на панели инструментов и в появившемся выпадающем меню выберите пункт Веб-узел…
Открытие Web-страниц.
Очень часто при создании сайта приходится редактировать уже созданные Web-страницы . К одной и той же странице можно возвращаться сколько угодно раз, чтобы ее отредактировать или использовать ее части для создания новых Web-страниц .
Открыть уже существующую Web-страницу можно в любом из существующих режимов.
Из режима Page Views есть четыре способа открыть существующую страницу:
1 способ
Если вы работаете с FrontPage Web , то просто выберите нужный файл в Списке папок и дважды щелкните по нему мышью.
2 способ
В меню Файл выберите пункт Последние файлы . Из появившегося каскадного меню выберите нужный файл.
3 способ
С помощью диалогового окна Открытие файла: Файл Открыть .
Предварительный просмотр.
Для того чтобы посмотреть, как ваша страница выглядит непосредственно в браузере можно воспользоваться вкладкой Просмотр в режиме редактирования Web-страницы
. Но в данном случае может оказаться, что браузер FrontPage
не вполне корректно отобразит некоторые элементы вашей страницы
, поэтому лучше всего:
воспользоваться кнопочкой на панели инструментов
или в меню Файл
выбрать пункт Предварительный просмот
р в обозревателе.
Если вы воспользовались первым способом, то содержимое вашей страницы отобразиться во встроенном браузере FrontPage
.
Если же вы воспользовались вторым способами, то FrontPage
выведет диалоговое окно Просмотр в обозревателе…
Здесь можно:
Выбрать обозреватель, в котором вы хотите просмотреть свою Web-страницу
. Как правило, первоначально здесь отображается браузер
, который по умолчанию установлен на вашей машине.
Добавить любой другой обозреватель, для чего необходимо воспользоваться кнопкой Добавить
.
Редактировать или удалить установленные обозреватели.
Установить размер экрана, на котором будет просматриваться ваша Web-страничка
Сохранение Web-страниц .
По умолчанию FrontPage вместо названия страницы берет первую строку текста с вашей страницы . Это не всегда то, что надо. Изменить название страницы можно с помощью кнопки Изменить - нажатие на эту кнопку открывает диалоговое окно Название страницы , в котором вы можете изменить название страницы .
Удаление Web-страниц.
При работе с Web-сайтом рано или поздно случиться так, что какие-то страницы вам будут больше не нужны и вам захочется их удалить.
Существует три способа удаления Web-страницы .
1 способ
В панели Список папок выделите файл, который необходимо удалить и нажмите кнопку Delete на клавиатуре.
2 способ
В панели Список папок щелкните правой кнопкой мыши по файлу (или значку файла ), который необходимо удалить и в появившемся контекстном меню выберите пункт Удалить .
3 способ
В панели Список папок выделите файл , который необходимо удалить и затем выберите пункт Удалить в меню Правка .
Работа с текстом.
На первый взгляд, ввод текста во FrontPage
ничем не отличается от ввода текста в любом текстовом редакторе (например, в Microsoft Word
).
Для того чтобы набрать текст, достаточно щелкнуть мышью в любом месте страницы, и курсор будет помещен в ближайшую точку, в которую можно ввести текст.
Набор прописных букв, редактирование текста (удаление символов, вставка текста и т.д.) производится точно также, как в Microsoft Word.
Есть только одно небольшое НО: при нажатии клавиши Enter
во FrontPage
осуществляется принудительный переход курсора на новую строку, при этом до и после абзаца ставятся фиксированные абзацные отступы.
Если вам не надо создавать абзацы, то для перехода на новую строку лучше всего использовать комбинацию клавиш Shift +Enter.
Работа с изображениями.
Графически форматы в Web .
Все компьютерные изображения, все форматы для их хранения (а, следовательно, и все программы для их обработки) делятся на два больших класса - векторные и растровые
. Векторное изображение
состоит из объектов - геометрических форм, составленных из прямых, дуг, окружностей и кривых Безье. Достоинств у векторной графики
немало. С точки зрения дизайнера, самое главное ее достоинство состоит в том, что векторную графику можно «вертеть» как угодно, не боясь «протереть дырку» в изображении или потерять часть информации. Другое достоинство - небольшой объем файлов (в сравнении с растровыми изображениями) и независимость от разрешения устройств вывода (будь то принтер или экран монитора). Эти факторы сделали векторную графику
вероятным кандидатом для использования в Internet
. Правда стоит оговориться, что на сегодняшний момент векторная графика встречается не так уж часто, как хотелось бы.
Тем не менее, среди реально применяемых векторных форматов хотелось бы отметить формат Shockwave Flash фирмы Macromedia
. Для просмотра этого формата в браузере
нужен подключаемый модуль (plug-in
), бесплатно распространяемый фирмой Macromedia
. На сегодняшний день существуют как сайты целиком и полностью созданные по этой технологии, так и сайты, используемые Flash-формат
лишь частично.
Растровое представление графики базируется на понятии растра. Растр
– это совокупность объектов (в данном случае пикселей), размещенных в одинаковые строки и столбцы. Т.е. растровый компьютерный файл
можно рассматривать как набор маленьких цветных или серых квадратиков, образующих мозаику изображения. Т.к. размер этих квадратиков заведомо мал, то при просмотре растровой графики эти квадратики сливаются друг с другом, образуя непрерывную смену цветов.
Растровый формат хранения изображения имеет как свои преимущества, так и недостатки. Одним из больших плюсов растровой графики является возможность работы с полутонами, т.е. возможность передавать изображение точно также, как оно выглядит в жизни. А вот среди недостатков основной проблемой является размер файла. Естественно, чем больше пикселей отведено для формирования изображения
, тем выше качество передаваемого изображения
, но, тем самым больше будет и размер файла.
Если мы теперь вернемся к браузерам, то можно сказать следующее, что большинство браузеров без проблем могут отображать графические файлы четырех форматов (*.gif, *.jpg, *.png, *.bmp
), использовать из которых на сегодняшний момент лучше всего два - *.gif и *.jpg
. Да и то после предварительной оптимизации.
Вставка изображений на Web-страницу
.
Вставлять изображение на вашу Web-страницу
можно несколькими способами:
1. Перетащить изображение из Windows Explorer
(то есть прямо из проводника).
2. Перетащить изображение из Internet Explorer
.
3. Перетащить файл с изображением с панели Список папок
, прямо на страницу.
4. С помощью буфера обмена
- скопировать изображение в буфер обмена из любой другой программы, а затем на странице вставить его из буфера обмена.
5. С помощью кнопки Добавить
рисунок из файла на панели инструментов Стандартная
.
6. С помощью меню Вставка Рисунок.
Рассмотрим эти способы более подробно:
Способ 1
Windows Explorer
(то есть прямо из проводника) надо:
во FrontPage
открыть окно проводника;
в окне проводника выделить файл с картинкой, которую вы хотите вставить на свою страницу;
левой клавишей мыши перетащить файл-картинку на свою Web-страницу
картинка вставиться в то место, где на странице находился курсор вставки.
Способ 2
Для того чтобы перетащить изображение из Internet Explorer
надо:
во FrontPage
открыть страницу, на которую вы хотите добавить изображение;
в браузере
откройте то изображение, которое вы хотите поместить на своей Web-странице
браузера
название файла должно оканчиваться на jpg, jpeg, gif
);
левой клавишей мыши перетащите выделенную картинку на свою Web-страницу
;
Способ 3
Для того чтобы перетащить файл
с изображением с панели Список
папок, прямо на страницу надо:
во FrontPage
открыть страницу, на которую вы хотите добавить изображение
;
выбрать необходимый файл с картинкой на панели Список папок
;
левой клавишей мыши
перетащите выделенную картинку на свою Web-страничку
;
выбранная картинка вставиться в то место, где на странице находился курсор вставки.
Способ 4
Для того чтобы вставить изображение на свою Web-страницу
с помощью буфера обмена, надо:
в том приложении, из которого вы хотите скопировать картинку, выделить изображение и при помощи клавиш Ctrl + C
скопировать рисунок в буфер обмена;
на своей Web-странице
вставить это изображение из буфера обмена при помощи клавиш Ctrl + V
Способ 5
Web-страницу
вы решили воспользоваться кнопкой Добавить изображение
из файла на панели инструментов Стандартная
, то FrontPage
откроет диалоговое окно Рисунок
.
В данном диалоговом окне укажите тот файл с картинкой, который вы хотели бы добавить на свою Web-страницу
и нажмите кнопку Вставить.
Способ 6
Если для вставки изображения на свою Web-страницу
вы решили воспользоваться меню Вставка Рисунок
, то FrontPage
предложит сделать вам дальнейший выбор:
Картинки
… – выбор того пункта меню предоставляет вам возможность воспользоваться готовой библиотекой картинок.
Из файла
… – выбор данного пункта меню предоставляет вам возможность самостоятельно указать местонахождение файла с картинкой, который вы хотите добавить на свою Web-страницу
(использование этого пункта приведет к открытию диалогового окна Рисунок
, работа с которым была описана выше).
Создать фото коллекцию
… - при помощи этого пункта меню можно создать коллекцию изображений в определенном стиле. Для это в открывшемся окне Свойства
коллекции фотографий при помощи кнопки Добавить
на вкладке Рисунки
выбрать изображения, а на вкладке Макет
выбрать формат оформления.
Добавление файлов мультимедиа.
Помимо простой графики, как – изображения в форматах *.gif, *.jpg, *.png и т.д. FrontPage позволяет размещать на ваших Web-страницах файлы мультимедиа. К ним относятся: видеоклипы, звуки…
Для вставки видеоклипа надо в меню Вставка выбрать пункт Рисунок , а затем Видеозапись.. .
Откроется диалоговое окно Видео , в нем будут отображаться видеоклипы в формате *.avi, *.asf, *.ram, *.ra .
Добавить звук на Web-страницу можно на вкладке Общие диалогового окна Свойства страницы .
Работа с таблицами.
Таблица
- одно из наиболее мощных инструментов используемых при создании сайтов.
Изначально таблицы
применялись только для представления структурированных данных. Однако постепенно они превратились в мощное универсальное средство для компоновки Web-страниц.
Создание таблиц
Самый простой способ создания таблицы
– использовать кнопку Добавить таблицу
, расположенную на панели инструментов Стандартная.
Еще один способ – при помощи пункта меню Таблица Вставить Таблица
.
А так же таблицу
можно нарисовать и вставить при помощи буфера обмена.
Ввод данных и навигация по таблице.
Одной из замечательных особенностей таблиц является то, что введенный текст форматируется внутри ячейки точно так же, как мы привыкли форматировать его в пределах всего документа. Помещенный в ячейку текст автоматически переносится на новую строку, если его длина превышает ширину столбца. При нажатии клавиши Enter , как обычно, вставляется новый абзац. Текст или числа вводятся в таблицу с клавиатуры.
Перед тем, как заносить данные в таблицу , необходимо поместить текстовый курсор в нужную ячейку таблицы . Это можно сделать, щелкнув на ней мышью.
Однако более удобно для перемещения между ячейками использовать комбинации клавиш:
Сочетания клавиш: Действие:
Tab
в любом месте таблицы,кроме конца последней строки перейти в соседнюю ячейку и выделить ее содержимое
Tab
в конце последней строки добавить новую строку в низ таблицы
Shift +Tab
перейти в предыдущую ячейку и выделить ее содержимое
Enter
начать новый абзац
Enter
в начале первой ячейки добавить текст перед таблицей в начале документа
Создание и применение форм.
Формы представляют собой текстовые поля, переключатели, флажки, кнопки и многие другие элементы управления. Посетителю сайта достаточно ввести какую-нибудь информацию в то или иное текстовое поле, выбрать какие-нибудь данные из предложенного списка, нажать на кнопочку Отправить, чтобы данные отправились на Web-сервер для обработки (или обработались тут же на странице).
Давай познакомимся с тобой - пожалуйста, заполни следующие поля:
Твое имя:
Твоя фамилия:
Дата твоего рождения: год месяц число
Спасибо! А теперь - в путь!
1. Мала, а проворна.
Где бывает, там повелевает.
В шатер зайдет -
Богатыря перевернет.
Кто это?
Муха Блоха Капризный ребенок
2. Выпуча глаза сидит,
По-французски говорит,
По-блошьи прыгает,
По-человечьи плавает.
О ком идет речь?
Кот Лягушка Попугай
3. Чем дышит тюлень, нырнув под лед?
4. Почему плачут большие черепахи?
5. Какую одежду может и селедка носить?
Шубу Пальто Тельняшку
6. Кого называют «речной лошадью»?
Выдру Бегемота Крокодила
7. Какие птицы не высиживают птенцов?
8. Какие птицы не умеют летать?
Если вам необходимо выберать несколько ответов - нажмите и не отпускайте клавишу Ctrl и щелкайте левой клавишей мыши по нужному ответу
Но создание форм
на самой страничке
это только половина работы. Так как обязательно должна существовать программа, которая сможет обработать данные, введенные пользователем с помощью форм.
Такая программа может быть расположена на сервере; она может находиться в вашем Web-сайте
в виде отдельного файла, а может быть просто прописана в коде html
на вашей Web-страничке
.
Именно она определяет - что же произойдет с той информацией, которую ввел пользователь:
информация
может быть добавлена в базу данных и на ее основе могут быть построены различные графики, рейтинги…;
информация
может быть переправлена по электронной почте (это часто используют для получения информации о пользователе в анкетах различного рода);
информация
может быть обработана прямо на месте и посетитель вашего сайта тут же получит ответную информацию (например - получит баллы за тест, увидит введенную им информацию в гостевую книгу…).
В отношении форм существует несколько основных правил:
1. Каждая форма
занимает определенный участок Web-страницы
. На одной Web-страничке
может быть расположена одна или несколько форм.
2. Внутри каждой формы должен размещаться, по крайней мере, один из элементов форм (хотя, как правило, их несколько).
3.Каждый элемент формы
имеет имя и значение. Имя идентифицирует поле для ввода информации, а значение приравнивается к значению, выбранному пользователем.
4. Один из элементов формы (им может быть обычная кнопка или любой рисунок) должен выполнять функцию кнопки Отправить.
Создание форм во FrontPage
.
Чтобы добавить форму на Web-страницу
, надо:
Установить курсор в то место, где вы хотите вставить форму.
В меню Вставка
выбрать пункт Форма
, в открывшемся меню снова выбрать пункт Форма
. Форма
будет помещена на вашу Web-страницу
- появиться область, помеченная пунктирной рамочкой, с двумя кнопками: Отправить и Сброс
.
Пользуясь все тем же пунктом меню Вставка Форма
последовательно вставить необходимые вам элементы форм
, выбирая их из раскрывающегося каскадного меню (при этом необходимо помнить, что все элементы формы вставляются внутри области формы, помеченной пунктирной рамочкой).
После того, как форма
создана, остается только наполнить ее содержанием - элементами форм
, текстом, изображениями, таблицами… (при этом размеры формы
будут меняться автоматически).
Добавлять содержание форм
можно обычным образом. Например, текст можно набирать, а можно вставлять из буфера обмена… Все действия с добавленными объектами аналогичны.
Однако создание формы
- это только начало работы. После ее создания необходимо настроить свойства, как самой формы
, так и ее элементов.
Настройка свойств формы.
Для обработки или сохранения данных, вводимых посетителями Web-странички
, необходимо либо воспользоваться возможностями, предоставляемыми FrontPage Server Extensions
, либо какой-нибудь другой программой, работающей на Web-сервере
.
Но какую бы программу вы не выбрали, вам все равно придется настроить свойства формы и элементов в ней.
Чтобы открыть окно свойств формы, надо:
в меню Вставка
выбрать пункт Форма
, а затем -
или
вызвать контекстное меню к форме и в открывшемся контекстном меню выбрать пункт Свойства формы
.
В результате откроется диалоговое окно Свойства формы
.
1. В поле Сохранение
результатов необходимо указать, что надо будет сделать с данными, введенными в форму
. Вы можете выбрать следующие варианты:
o Отправка Имя файла
- данные будут помещены в указанный файл на Web-сервере
. Этот файл может быть Web-страницей
, которая со временем будет становиться все длиннее и длиннее, или файлом данных, который потом можно будет обработать в Excel, Access
или любой другой программой;
o Отправка Адрес почты
- в этом случае каждый раз при нажатии посетителем Web-странички
кнопки Отправить на форме
будет генерироваться электронное сообщение, которое будет отправляться по указанному вами адресу. В этом сообщении будут содержаться все данные, которые были введены пользователем на Web-страничке.
o В базе данных
- в этом случае данные формы
будут отправлены в базу данных. База должна находиться на Web-сервере
(или быть доступной для него).
2. В поле Свойства
формы необходимо указать имя формы
Режимы просмотра во FrontPage
.
FrontPage
предлагает шесть различных режимов для просмотра содержимого Web-сайта:
Страница,
Папки,
Отчеты,
Переходы,
Гиперссылки,
Задачи.
Для выбора нужного режима можно воспользоваться панелью Представления
, расположенной в левой части экрана, или в меню Вид
на панели инструментов Стандартная
выбрать соответствующий пункт меню.
Страница
В этом режиме осуществляется создание и редактирование Web-страниц.
Здесь можно создавать пустые Web-страницы
и страницы, базирующиеся на шаблонах, назначать страницам темы (набор стилей представления страницы на экране). В этом режимы можно добавлять и форматировать текст, оформлять страницы
с использованием графических и видеоизображений (поддерживается преобразование ряда графических форматов в форматы *.gif, *.jpg и *.png
), добавлять к странице звуковое сопровождение, представлять информацию в таблицах, кадрах и формах и, наконец, создавать гиперссылки. Таков далеко не полный перечень возможностей FrontPage
по редактированию содержимого Web-страниц
.
Папки
В этом режиме можно просматривать структуру Web-узла
(файлы и папки) и управлять ею аналогично тому, как вы это делаете в Windows
, данный режим дает возможность получить более подробные сведения о файлах и папках, чем это предусмотрено в режиме просмотра Страница.
Отчеты
Предоставляет вашему вниманию более десятка отчетов, содержащих разнообразную информацию о Web-узле
, открытом во FrontPage.
Переходы
Предназначен для просмотра иерархии сайта. В этом режиме можно управлять иерархией, перетаскивая прямоугольники (каждый из которых представляет определенную Web-страницу
).
Гиперссылки
Демонстрирует систему гиперссылок, которыми связаны между собой страницы Web-узла
(а также систему гиперссылок на другие узлы), обеспечивает проверку их целостности и возможность изменения.
Задачи
Этот режим предназначен для управления задачами Web-узла
(добавления, удаления, выполнения, установления приоритета выполнения, а также отслеживания состояния задач).
Скачать БЕСПЛАТНО FrontPage можно по следующей ссылке:
http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html
Программа, при помощи которой достаточно просто можно понять базовые принципы конструирования интернет страниц, обладающая широким выбором дополнительных инструментов для создания сложных интернет сайтов, порталов.
Коротко о программе Microsoft FrontPage
Это простой в освоении и удобный Web-редактор для проектирования, подготовки и публикации Web-сайтов. Благодаря интеграции с семейством продуктов MS Office, привычному интерфейсу и обилию шаблонов программа позволяет быстро освоить работу даже начинающим пользователям, знакомым с основами работы в MS Word. При этом FrontPage нельзя назвать решением для «чайников»: программа предоставляет широкие функциональные возможности и разнообразные средства оптимизации интернет страниц.
Следует отметить, что название Microsoft FrontPage существовало до 2003 года, а далее дополнялась новыми функциями и менялось само название программного обеспечения. В 2007 программа FrontPage была переименована на Microsoft Expression Web, а в 2010 в Microsoft Office SharePoint Designer. Фактический в новые версии были добавлены некоторые дополнения, но основной вид программы сохранялся.
Основные инструменты программы
Общий вид программы Microsoft FrontPage
Программа Microsoft FrontPage имеет много общего с инструментами MS Word, поэтому многие кнопки и вкладки меню также интуитивно понятны и это облегчает процесс создания страницы. Многие уже знают, как набирать и форматировать простой текст, создавать таблицы в Microsoft Word, по такому же принципу редактируется страница и в FrontPage.
Справа на рисунке показан общий вид программы со стандартным набором инструментов, при помощи которых можно сделать шаблон страницы с текстом, ссылками и картинками. Зайдите во вкладку "Вид" далее "Панель инструментов" и убедитесь, что включены "Cтандартная ", "Форматирование " и "Таблицы ", этих инструментов будет достаточно для создания просто страницы. Снизу обратите внимание на вкладки "Конструктор", "Код" и "Просмотр" - это три разных режима в которых можно всё время просматривать, как выгляди создаваемая страница.
- В Конструкторе вводятся все правки, набирается и форматируется текст, вставляются картинки, создаются ссылки, меняются цвета фона и шрифта таким же образом, как и в Microsoft Word.
- Во вкладке "Код" можно просмотреть, так называемый, HTML -код. HTML - это стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML. В этой вкладке тоже можно осуществлять редактирование страницы, но нужно знать этот язык разметки. Однако все изменения начинающим следует делать в конструкторе и все изменения в HTML будут происходить автоматический.
- Во вкладке "Просмотр" можно увидеть, как выглядит страничка непосредственно в браузере (в таком, как Internet Explorer)
Подробное описание других меню, кнопок и функций Microsoft FrontPage представлены в справке программы. Для этого нужно нажать клавишу "F1".
Создаём шаблон для страниц в FrontPage
Вставляем основную таблицу в редакторе
И так для того, чтобы создать несложный шаблон необходимо вставить таблицу с тремя блоками. Три блока - это простой стандарт: верхний блок предназначен для названия сайта, второй блок для ссылок навигации по сайту, третий блок для текста, картинок и другой информации на странице. Можно вставить больше блоков таблиц для удобства, но это уже дело вкуса, как, сколько и какими размерами делать эти блоки. Существуют и другой способ создания блоков не через создание таблиц, а вставкой в страниц, так называемых, "div" элементов и назначения им определённых стилей, но этот способ не для новеньких веб-мастеров, и об этом можно написать отдельную статью.
- Чтобы вставить таблицу заходим во вкладку "Таблица" > "Вставить" > "Таблица" и заполняем поля, как это показано на рисунке справа. Фактический можно ввести свои параметры, но данная таблица имеет фиксированную ширину и вытянута на 100% площади экрана. Таким образом таблица компактно будет отображаться в браузере.
- Затем необходимо настроить все три ячейки, так как они после вставки имеют одинаковую высоту. Нажимаем правой кнопкой мышки на самой верхней ячейки и заходим в "Свойства ячейки" в поле высота вписываем условно "150" и ставим галочку "в точках", т.е. размер ячейки составит 150 пикселей. В этом же меню мы можем выбрать цвет фона ячейки, а нажав в меню "стиль..." можно внести другие настройки ячейки, например выбрать цвет и размер границы ячейки, с этим можете поэкспериментировать и посмотреть результат. В самой ячейке можно вписать название сайта.
- Далее редактируем вторую ячейку, которая предназначена для ссылок навигации по сайту. Ширину делаем около 40 пикселей, этого будет достаточно, ну и другие настройки, как цвет фона и полей настраиваем на свой вкус. Далее пишем названия самих ссылок разделяя знаками вертикальной линии или другим знаком (просмотреть можете ниже скачав полностью шаблон). Выделяем тест и жмём кнопку выравнивания по центру, также как и в MSWord. Таким же образом можно менять шрифт, размер шрифта и другие настройки текста.
- Также настраиваем последнюю ячейку. Она предназначена для основного текста, где можно внести текст приветствия.
- Напоследок можно зайти во вкладку "Файл" > "Свойства", где можно внести название сайта и изменить общий фон страницы и другие общие настройки
Теперь шаблон готов. Он является каркасом для всех последующих страниц сайта. Вот как сайт выглядит в HTML коде:
Такой получаем шаблон для сайта
< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "text/html; charset=windows-1251" > < title > Название сайта < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" > Название сайта < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b > Главная | < b > Страница 2 | < b > Страница 3 | < b > Страница 4 | < b > Страница 5 | < b > Контакты < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" > Текст главной страницы. Здесь можно вставить текст приветствия и коротко написать чему посвящён сайт.
Этот HTML код можно сразу вставить в редактор во вкладке "Код" и сразу увидите готовый шаблон. Его можно менять и редактировать под собственные нужды. Здесь стоит пояснить, что там, где вставляется основной текст и чтобы он не располагался вплотную к полям он был обрамлен в тэг "div", c настройкой отступа, как это показано в примере.
Дополнительные шаблоны
- Нужно также знать, что в программе FrontPage, да и других подобных программах существуют стандартные шаблоны, по которые можно использовать для создания страниц, они легко редактируются и можно подогнать любой шаблон под свои нужды. Для того, чтобы выбрать стандартный шаблон перейдите во вкладку "Файл" > "Создать..." в открывшимся окне выбрать "Другие шаблоны страниц", где можно выбрать любой понравившейся шаблон.
- Есть второй вариант - скачать полностью шаблон из интернета. Сайтов предоставляющих такой сервис очень много. шаблоны могут быть как платными, так и бесплатными. Скачав тот или иной шаблон, его можно редактировать в программе, заполнять нужным содержанием и менять стиль того или иного элемента.
Использование стандартных макетов таблиц и тем
Microsoft FrontPage даёт хорошие инстурменты готовых макетов таблиц и тем оформления для сайтостроительства
Нужно знать, что в Microsoft FrontPage есть стандартный набор макетов таблиц и тем, при помощи которых можно неплохо научится искусством создания обычных страниц или сайтов визиток. И так справа вверху есть выпадающее меню (смотрите картинку справа, где также отображён результат использования матектов таблиц и темы оформления), нажав появится меню, в котором нужно выбрать "Макетные таблицы и ячейки" и далее ниже появится много различных макетов таблиц, можно выбрать любой по своему усмотрению и вкусу. Таким образом это освобождает создавать самому таблицу вручную.
И так набрав или вставив свой текст, логотип, ссылки в ячейки таблицы, зайдя в то же меню можно выбрать меню "Тема", где можно выбрать различные темы для оформления страницы, ссылок, фона страницы и многое другое. Такая возможность хороша для тех, кто только учиться создавать интернет страницы и вполне наглядно отражает сам процесс создания сайта. Другими словами, в Microsoft FrontPage можно экспериментировать с различными настройками и видеть наглядно, как преображается та или иная страница. Тут можно дать один совет, изучайте все функции программы и не бойтесь наживать на то или иной меню, так как у каждого инструмента есть своё свойство и предназначение для формирования полноценной страницы
Вставляем картинку и создаём ссылки на страницы
Важно начинающим веб-мастерам знать, как вставлять картинки в страничку и делать ссылки на другие страницы. Например вместо текста названия сайта можно вставить рисунок логотипа сайта. Для этого сначала нажмите в поле, куда необходимо вставить изображение, затем в самом верху нажмите на вкладку "Вставка" > "Рисунок" > "Из файла", выберите нужный рисунок и нажмите "Вставить", после чего рисунок появится на странице. Нажав по рисунку правой кнопкой мышки можно выйти в меню с дополнительными настройками изображения. Важно, чтобы все картинки находились в одной строго определённой папке для всех изображений.
Для перехода на другие страницы сайта необходимо создать ссылки, по которым пользователи смогут посетить все страницы сайта. Для это нужно выделить нужный текст для ссылки и перейти во вкладку "Вставка" > "Гиперссылка", в открывшемся меню нужно указать страницу, на которую создаётся ссылка, и нажать "ок". В этом же окне есть другие настройки для ссылок такие, как открывать ссылку в новом окне или нет. В принципе это можно изучить самостоятельно.
Заключение
В своей основе подобные редакторы между собой схожи, имеют схожие функции и меню. Освоив базовые настройки, с лёгкостью можно будет создавать сайты и в других редакторах. Освоив эти принципы, можно перейти к более сложному методу оформления сайтов - при помощи, так называемого, CSS. О том, что это такое и как редактировать дизайн сайта можно прочитать в статье про CSS .
Недостатком данного "шаблонного" метода заключается в том, что каждую страницу приходится создавать отдельно на базе созданного шаблона. Когда как при создании сайтов при помощи, так называемых, движков , не требуется отдельное формирование страниц, они формируются автоматический по мере добавления контента
Если у Вас возникли какие-либо вопросы по статье, использованию подобных программ для создания сайтов, то их можно задать в теме обсуждения нашего форума .
Статьи по схожей тематике
Петропавловский гуманитарный колледж им.М.Жумабаева
открытого урока
« Создание Web-страниц в программе Microsoft Front Page»
Преподаватель: Жанбекова А.Е.
г.Петропавловск
Тема урока: «Создание Web-страниц в программе Microsoft Front Page»
Цель урока: знакомство с программой Microsoft Front Page, умение работать в
данной программе, развитие познавательной мотивации и
творческого подхода к учебной деятельности.
Задачи урока:
Образовательная: познакомить учащихся с определениями понятий
Web-страница, Web-сайт и закрепить основные навыки
работы с ними в программе Microsoft Front Page.
Развивающая: формирование умения анализировать и обобщать изученный
материал, развитие навыков самостоятельной деятельности,
познавательных возможностей, логического мышления в
процессе проектирования Web-страниц, применение теории
на практике.
Воспитательная: формирование коммуникативных качеств личности, чувства
само и взаимоуважения, информационной культуры.
Тип урока: Объяснение нового материала
Основные методы
применяемые на уроке: объяснительно-иллюстративный
Оборудование: компьютерный класс, оснащенный современной техникой и
лицензированным ПО, мультимедийный проектор.
Ход урока.
I . Организационный момент.
Здравствуйте, ребята. Сегодня мы с вами находимся в не совсем привычной обстановке. Поэтому я предлагаю помочь друг другу. Вы мне – освоиться в новой ситуации, а я помогу вам узнать что-то новое об уже известных вещах.
II . Объяснение нового материала.
Начну наш сегодняшний урок со слов одного знаменитого человека: «Кто владеет информацией, тот владеет миром».
Информация в мире распространяется различными способами: по телефонной линии, с помощью СМИ, почты и т.д. Однако, самым распространенным, удобным, быстрым и надежным способом распространения информации, является использование всемирной глобальной сети Интернет. У сети Интернет есть две грани. С одной стороны это физическое объединение миллионов компьютеров, образующих компьютерную сеть. С другой стороны это объединение сотен миллионов документов, образующее всемирное информационное поле. Чаще всего под словом Интернет понимают его наиболее популярную службу – World Wide Web. Информация, опубликованная в формате этой службы, представляется в виде Web-страниц.
Web-страницы – это комплексные документы, которые могут содержать любые виды данных: текст, графику, звук, видео и анимацию. Тематически однородная группа Web-страниц образует Web-сайт.
Web-сайт – это набор связанных между собой близких по смыслу Web-страниц и файлов. Сайты обычно посвящены какой-то определенной теме, и содержат информацию, относящуюся к частному лицу или компании. На каждом сайте существует одна особенная страница, называемая домашней, или главной. Все посетители вашего сайта сначала попадают на эту страницу. Щелкнув по той или иной гиперссылке, пользователи смогут попасть и на другие страницы вашего сайта. Гиперссылка – это текст или изображение на Web-странице, при щелчке на котором происходит переход к другой Web-странице или сайту.
Теперь давайте поговорим о том, как создаются Web-страницы. Для создания Web-страниц предназначаются специальные программы. Сейчас мы познакомимся с одной из них. Она называется Microsoft Front Page.
Microsoft Front Page – это программа, рассчитанная на создание отдельных Web-страниц и на сопровождение полноценного Web-узла.
Запуск программы осуществляется с помощью команд Пуск- Программы – Microsoft Office - Microsoft Front Page. Окно программы Front Page представляет собой окно редактора, похожее на окна программ приложений пакета Office. Оно состоит из следующих элементов: строка меню, панель стандартная, имя файла страницы, панель форматирование, рабочая область, кнопки выбора способа отображения документа, панель Создание используется при работе с Web-узлом.
Планирование Web-сайта.
Для начала нужно решить, какой материал будет содержать ваш сайт; стоит определить, каким будет его назначение; его основные цели. Так эта наша первая страница, так ее и назовем – «Мой первый шаг».
III . Практическая работа.
Цель: научиться создавать Web Front Page .
IV . Закрепление. (фронтальный опрос)
Что называется Web-страницей?
Где создаются Web-страницы?
Как запустить программу Microsoft Front Page?
Что необходимо решить, прежде чем начинать создавать Web-страницу?
Чему мы сегодня с вами научились на уроке?
V. Домашнее задание.
(Создать Web-страницу о своей группе для посетителей сети Интернет)
Когда у великого композитора П.И. Чайковского спосили, что такое вдохновение, он ответил: «Это гостья, которая не любит посещать ленивых». Желаю вам вдохновения в создании ваших Web-страниц.
VI . Итог урока. Выставление оценок.
Практическая работа.
Цель: научиться создавать Web -страницы, в программе Microsoft Front Page .
Запустите программу Microsoft Front Page.
Выберите команду меню Файл – Создать и на панели Создание выберите команду Пустая страница.
На имя файла страницы нажмите правую кнопку мыши и выберите команду Сохранить. Назовите ее «Мой первый шаг».
Выберите 7 (36 пт) размер шрифта и наберите «Здравствуйте, это мая первая страница!». Выделите этот текст и на панели инструментов Стандартная нажмите кнопку Web-компонент. В открывшемся окне Вставка компонента Web-узла выберите эффект бегущая строка, затем команду Готово, в следующем коне нажмите ОК.
На следующей строчке 5 (18 пт) размером шрифта наберите «Добро пожаловать».
Выполните команду меню Формат – тема. В открывшемся окне Тема выберите понравившуюся тему.
Наберите следующий текст: Я совсем недавно начала знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу.
На кнопках способы выбора режима документа нажмите кнопку просмотр.
Ваша первая Web-страница готова!
Аннотация
Веб-узлы, созданные с помощью технологий Microsoft® Windows® SharePoint Services™, полностью редактируемы с помощью Microsoft® Office FrontPage® 2003 – начиная с форматирования шрифтов или графики и заканчивая структурой веб-узла. Все функциональные возможности, доступные в FrontPage 2003, могут использоваться для редактирования страниц веб-узла, созданного с помощью служб Windows SharePoint Services. Таким образом, Вы можете воспользоваться новшествами FrontPage 2003 для быстрого и эффективного редактирования, разработки и расширения функциональности веб-узлов или веб-страниц.
В этом документе описывается:
- Разработка веб-страницы
- Редактирование списков и библиотек
- Редактирование переходов
- Изменение тем
Введение
Эта официальная документация была создана для демонстрации того, каким образом простейшие веб-узлы, созданные с помощью Microsoft® Windows® SharePoint Services™, могут быть преобразованы при помощи Microsoft® Office FrontPage® 2003.
Веб-узлы, созданные с помощью технологий Microsoft Windows SharePoint Services, полностью редактируемы в Microsoft Office FrontPage 2003 – начиная с форматирования шрифтов и графики и заканчивая структурой веб-узла. Вы можете воспользоваться новшествами FrontPage 2003 для быстрого и эффективного написания кода, разработки и расширения веб-узлов и веб-страниц. Эти новшества охватывают следующие области:
Разработка. Воспользуйтесь новыми инструментами отслеживания, чтобы легко создавать рабочие веб-страницы на основе профессионального дизайна. Создайте собственные темы, чтобы сделать Ваш веб-узел уникальным. Оживите Ваши веб-страницы, используя новые функции добавления различных эффектов.
Написание кода. Воспользуйтесь профессиональными инструментами для быстрого, эффективного и точного написания кода. Редактируйте каскадные стили (Cascading Style Sheets, CSS) при помощи FrontPage, работайте со страницами, содержащими элементы управления ASP.NET, сделайте общедоступными отдельные части кода.
Расширение. Разрабатывайте интерактивные веб-узлы, используя «живые» данные из различных источников. С легкостью создавайте XML документы для управляемых данными веб-узлов в среде «что видишь экране, то и получаешь на веб-странице» (What You See Is What You Get, WYSIWYG).
Примечание. Информацию о том, каким образом с помощью FrontPage 2003 редактировать веб-узлы, созданные в Microsoft Office SharePoint Services Portal Server 2003, можно найти в официальной документации Использование FrontPage 2003 для разработки индивидуальных веб-узлов, созданных с помощью Microsoft Office SharePoint Services Portal Server 2003 (Using Microsoft Office FrontPage 2003 to Design Customized Sites Created with Microsoft Office SharePoint Services Portal Server 2003)
Несколько основных принципов работы служб Windows SharePoint Services
Существует несколько фундаментальных принципов работы служб Windows SharePoint Services, выступающих в качестве строительных блоков в модифицировании веб-узлов.
Веб-части
Веб-части являются основным усовершенствованием служб Windows SharePoint Services. Веб-части – это модульные единицы информации, которые могут быть использованы на веб-страницах. Например, веб-части могут быть созданы сторонними разработчиками специально для служб Windows SharePoint Services и сервера Microsoft Office SharePoint Services Portal Server. Списки и библиотеки документов, являющиеся нововведением в службах Windows SharePoint Services, могут быть помещены на страницы в качестве компонентов веб-частей прямо из веб-обозревателя или при помощи FrontPage 2003. Веб-части, используемые на веб-узле (такие как «Объявления», «Контакты» и «Общие документы») доступны из области задач веб-частей так же, как веб-части, расположенные на сервере или в сети, доступны из интерактивной галереи.
Списки
Списки Windows SharePoint Services – это коллекция информации, которая может быть доступна для посетителей Вашего веб-узла. Списки могут включать в себя различные типы данных, такие как текст, числа, гиперссылки, изображения и так далее. По умолчанию службы SharePoint Services уже включают в себя списки «Объявления», «Контакты», «События» и «Ссылки». Вы легко можете создавать новые списки, используя готовые шаблоны. Созданные Вами списки впоследствии будут доступны другим пользователям из области задач веб-частей. Основное преимущество размещения информации в списках Windows SharePoint Services – это удобство обновления информации на веб-узле только авторизованными пользователями прямо из веб-обозревателя, что помогает владельцам информации всегда поддерживать информацию на веб-узле актуальной.
Библиотеки
Библиотеки Windows SharePoint Services являются основными хранилищами файлов, включая документы Word, электронные таблицы Excel, презентации Microsoft PowerPoint®, изображения, формы и другие данные. Библиотеки Windows SharePoint Services можно рассматривать, как общие файлы, доступные на веб-страницах. Основное преимущество использования библиотек SharePoint Services заключается в том, что пользователь может загружать различные файлы прямо из веб-обозревателя, при этом гиперссылки автоматически генерируются в файлах библиотек. Теперь нет необходимости ждать, пока веб-мастер добавит ссылку на только что загруженный документ.
Библиотеки форм – это еще одно новшество служб Windows SharePoint Services. Эти библиотеки используются для хранения различных XML-форм, таких как «Отчет расходов» или «Запрос на командировку». Библиотеки форм становятся очень мощным инструментом при их совместном использовании с редакторами XML, такими как Microsoft Office InfoPath™ 2003. Используя Microsoft Office InfoPath™ 2003, Вы можете создать любую форму, затем ассоциировать ее с какой-либо библиотекой так, чтобы при щелчке на кнопку Заполнить эту форму (Fill Out This Form ), InfoPath автоматически открывал эту форму. Теперь, после того как пользователь заполнил форму и сохранил ее, она сохранится в библиотеке форм. Не менее важная особенность использования библиотек форм заключается в том, что Вы можете предопределить, какие именно поля будут отображены в столбцах библиотеки форм, тем самым, предоставляя посетителям веб-узла доступ к определенным данным.
Представления
Представления – это правила, определяющие отображение данных в веб-части. Каждый список или библиотека имеют представление по умолчанию, которое может быть изменено из веб-обозревателя. Представление по умолчанию, определенное с помощью веб-обозревателя, также является представлением по умолчанию, используемым FrontPage. Представление может быть использовано для отображения данных, отсортированных по одному и более полям или даже отфильтрованных в соответствии с заданными Вами параметрами.
Изменения веб-узлов с помощью веб-обозревателя
Службы Windows SharePoint Services позволяют легко обновлять веб-узлы и их содержимое. В процессе обучения редактированию веб-узлов, созданных с помощью служб Windows SharePoint Services, Вы увидите, что некоторые вещи удобнее править с помощью веб-обозревателя, а другие – в FrontPage 2003. Ниже перечислены несколько объектов, которые Вы, вероятно, будете продолжать редактировать с помощью веб-обозревателя даже после того, как обретете профессиональные навыки работы с FrontPage:
Содержимое списков и библиотек документов. Добавление и редактирование содержимого веб-частей любого веб-узла осуществляется при помощи веб-обозревателя. Режим таблиц, являющийся еще одним новшеством служб Windows SharePoint Services, позволяет увеличить скорость добавления и редактирования содержимого.
Настройки представлений. Еще одно нововведение в службах Windows SharePoint Services позволяет пользователям создавать собственные представления веб-узлов. Такие индивидуальные настройки представлений могут включать в себя различные или перегруппированные веб-части, без необходимости включения компонентов веб-частей, доступных в общем представлении. Каждый пользователь может создавать и управлять такими настройками при помощи веб-обозревателя.
Несколько практических советов по редактированию веб-узлов, созданных с помощью служб Windows SharePoint Services
В этом документе содержатся конкретные инструкции о том, каким образом использовать FrontPage 2003 для разработки индивидуальных веб-узлов, созданных с помощью служб Microsoft Windows SharePoint Services. Степень модификации веб-узла зависит от Вашего желания. Вы можете просто добавить логотипы, графические объекты, изменить цвета, шрифт и другие элементы форматирования, а можете сразу начать с профессионального оформления, который сделает Ваш веб-узел уникальным, тем самым, отличая его от остальных веб-узлов, созданных с использованием настроек по умолчанию служб Windows SharePoint Services. Таким образом, у Вас есть два пути:
- Начните работу с веб-узла рабочей группы, созданного с помощью служб Windows SharePoint Services, и затем измените цвета, шрифты и другие элементы форматирования.
- Создайте профессиональное оформление и затем добавьте к Вашему веб-узлу элементы служб Windows SharePoint Services, такие как представления списков и библиотеки документов.
Ниже представлены несколько советов по редактированию Вашего веб-узла, созданного с помощью служб Windows SharePoint Services.
Создавая веб-узел на основе профессионального оформления, зачастую проще начать с пустой страницы, перенести на нее свое оформление и затем добавить к нему элементы служб Windows SharePoint Services.
Использование изображения-образца – это новая возможность FrontPage 2003, позволяющая легко превратить профессиональное оформления, которое обычно представлено в виде большого графического файла, в работающую веб-страницу. Подробнее эта функция описана ниже в разделе «Изображение-образец».
Традиционно оформление веб-узла реализуется путем размещения графических элементов внутри таблиц. Таким образом полностью контролируется расстояние и расположение текста и рисунков. Новая функциональная возможность FrontPage 2003 упрощает расположение элементов внутри таблиц. Вместо того чтобы пытаться разместить элементы внутри вложенных таблиц для приведения страницы к нужному Вам виду, используйте новые макетные таблицы и инструменты ячеек для визуального расположения графики на странице. Это поможет Вам сэкономить время и добиться необходимого контроля над расположением элементов.
Если Ваш веб-узел состоит из нескольких страниц и Вы хотите, чтобы они имели одинаковые верхний и нижний колонтитулы и панель переходов, рекомендуется использовать динамические веб-шаблоны для копирования оформления веб-узла на все связанные страницы. Динамические веб-шаблоны также позволяют автоматически обновлять содержимое всех связанных страниц. Использование динамических шаблонов подробнее рассматривается ниже в разделе «Динамические веб-шаблоны».
Возможности навигации FrontPage позволяют создавать и обновлять панели переходов в считанные секунды. Например, если Вы хотите, чтобы левая панель переходов оставалась одинаковой на всех страницах веб-узла, то просто добавьте созданную панель на нужные Вам страницы. Теперь все изменения, произведенные в самой панели, отразятся сразу на всех страницах одновременно. Преимущества возможностей навигации FrontPage позволяют легко поддерживать Ваш веб-узел в актуальном состоянии. Использование возможностей навигации подробнее рассматривается ниже в разделе «Переходы».
По умолчанию веб-узел, созданный с помощью служб Windows SharePoint Services имеет, в верхнем колонтитуле страницы горизонтальную панель ссылок, содержащую такие элементы, как «Главная», «Документы», «Списки», «Создать», «Настройки веб-узла» и «Помощь». Если Вы не хотите размещать эту панель наверху страницы, Вы можете перенести эти компоненты вниз. Это позволит администратору веб-узла и авторизованным пользователям легко получать доступ к таким функциям, как добавление пользователей и управление ими или создание новых списков, а также к библиотекам документов и статистике. Самым простым способом сделать это является добавление панели ссылок SharePoint Services Top NavBar вниз каждой страницы. Более удачной идеей может оказаться размещение панели ссылок в общем нижнем колонтитуле динамических веб-шаблонов, которые распространяются на все связанные страницы. Обратите внимание на то, что панель ссылок по умолчанию конфигурируется в веб-узлах рабочей группы. Использование панелей ссылок рассматривается в разделе «Панели ссылок».
Фильтрация содержимого существующих списков и библиотек домашней страницы позволяет отображать для посетителей узла важную информацию там, где она им наиболее необходима. Например, на веб-узле с данными о продажах, содержащем списки текущих сделок каждого торгового агента, Вы можете применить фильтрацию таким образом, чтобы отображались имена только тех торговых агентов, объем продаж которых достиг или превысил определенное значение. В совокупности с возможностью создания управляемых данными решений, основанных на использовании «живой» информации из базы данных, фильтрация придаст Вашему веб-узлу динамичность и актуальность, удовлетворяющие потребностям посетителей и не требующие Вашего непосредственного вмешательства. Использование фильтрации и создание решений, управляемых данными подробнее рассматривается в разделах «Фильтрация списков» и «Управляемые данными решения».
Вы можете изменить формат представлений веб-части путем настройки элементов темы или преобразования ее в XSLT представление данных, что позволит Вам форматировать данные с помощью встроенного в приложение FrontPage редактора WYSIWYG XSLT. Для получения дополнительной информации по использованию XSLT редактора в FrontPage 2003 обратитесь к разделу этого документа «Работа с данными».
Редактирование веб-узлов с помощью FrontPage 2003
Веб-узел, созданный с помощью служб Windows SharePoint Services, можно открывать и редактировать в FrontPage 2003. Изучив возможности FrontPage, Вы узнаете, что количество настроек, используемых для редактирования Вашего веб-узла, практически не ограничено.
Открытие веб-узла
Открыть веб-узел в FrontPage 2003 очень легко. Все, что Вам нужно – это адрес или URL веб-узла, который Вы хотите редактировать, имя пользователя и пароль (если необходимо), а также соответствующие разрешения для редактирования. Для выяснения необходимых разрешений или адреса веб-узла свяжитесь с администратором сервера.
Открытие веб-узла, созданного с помощью служб Windows SharePoint Services в FrontPage 2003
Запустите FrontPage 2003 и в меню Файл (File) выберите команду Открыть веб-узел (Open Site) .
В поле Имя веб-узла (Site name) введите адрес Вашего веб-узла (например, http://my-site или http://www.litwareinc.com ) и нажмите кнопку Открыть (Open) . Введите имя пользователя и пароль, если это необходимо. Таким образом, веб-узел откроется в FrontPage 2003.
Совет. Вы также можете открыть веб-узел в FrontPage 2003 с помощью веб-обозревателя Internet Explorer. Для этого в веб-обозревателе Internet Explorer откройте веб-узел, который Вы хотите редактировать, и в панели инструментов Обычные кнопки (Standard Buttons) нажмите кнопку Редактировать с помощью Microsoft Office FrontPage (Edit with Microsoft Office FrontPage) .
Знакомство с FrontPage 2003
Благодаря продуманному пользовательскому интерфейсу FrontPage 2003, любые необходимые Вам инструменты всегда легко доступны. Левая часть экрана позволяет просматривать веб-узел в режиме списка папок или в режиме панели переходов.
Список папок отображает все папки и файлы, содержащиеся на Вашем веб-узле. Вы можете перемещать и переименовывать папки и файлы, а FrontPage автоматически изменит все ссылки в документах. При просмотре веб-узла в режиме панели переходов появляется возможность просматривать структуру переходов и панели ссылок. Использование переходов рассматривается в разделе «Переходы».
В средней части экрана отображается страница, редактируемая в данный момент. Сверху находятся вкладки, позволяющие быстро переключаться между другими открытыми страницами. Вкладка Веб-узел (Web Site ), находящаяся сверху панели редактирования, используется для выполнения таких задач, как просмотр удаленного веб-узла, создание отчетов, использование навигации, создание гипертекстовых ссылок и других задач.
Нижняя часть экрана служит для переключения между следующими режимами:
Режим конструктора
Режим конструктора представлен в виде «что видишь на экране, то и получаешь на странице» (WYSIWYG). Этот режим является самым популярным даже среди экспертов HTML кодирования по одной простой причине: кнопки и варианты меню позволяют создавать веб-страницы быстрее. Например, для создания таблицы в текстовом редакторе требуется ввести немало текста, в то время как при создании таблицы в режиме конструктора необходимо всего лишь нажать кнопку Таблица (Table ), что занимает всего несколько секунд.
Режим с разделением
Режим с разделением позволяет в одной части экрана просматривать страницу в режиме WYSIWYG и одновременно видеть код страницы в другой части экрана. HTML-код автоматически обновляется при изменениях в окне WYSIWYG и наоборот. Режим с разделением – это отличный инструмент для тех, кто знает язык HTML и хочет воспользоваться преимуществами быстрой верстки в режиме WYSIWYG, сохраняя полный контроль над HTML-кодом.
Режим исходного текста
Режим исходного текста позволяет просматривать и редактировать HTML-код Вашей страницы. В этом режиме Вы сможете использовать большинство вариантов меню, но Вы должны обладать навыками HTML кодирования для эффективного использования этого режима.
Совет. Новое меню режима исходного текста и сочетания клавиш в FrontPage 2003 помогают создавать код быстро и легко. Вы можете использовать меню режима исходного текста и соответствующие сочетания клавиш для увеличения и уменьшения отступов, выделения или поиска определенных тегов или блоков, добавления тегов или комментариев и многого другого. Кроме того, новые технологии IntelliSense® позволяют использовать функцию автозавершения кода и его повторное использование.
Режим просмотра
Режим просмотра позволяет просматривать страницу в веб-обозревателе до ее сохранения. Это особенно удобно в тех случаях, когда Вы вносите изменения, в необходимости сохранения которых не совсем уверены.
Обновления
Обычно после обновления файлов большинство веб-разработчиков предпочитают сами загружать их на сервер, используя программы передачи файлов. Пользователям FrontPage 2003, работающим с веб-узлами, созданными с помощью служб Windows SharePoint Services, для выполнения этой операции достаточно лишь выбрать команду Сохранить (Save) в меню Файл (File). Это действие автоматически сохраняет на сервере все изменения.
Самые распространенные изменения, производимые с помощью FrontPage 2003
Существует множество операций, которые могут быть выполнены намного быстрее и проще при помощи FrontPage 2003. Ниже перечислены самые распространенные из них.
Добавление текста
Для того чтобы добавить текст на страницы веб-узла, созданного с помощью служб Windows SharePoint Services, щелкните на пустой области страницы, не содержащей веб-частей, и затем введите текст. Например, чтобы добавить текст на страницу «Общие документы», щелкните на пустом месте, не содержащем веб-частей, введите текст, а потом отформатируйте его на свое усмотрение.
Совет. Некоторые страницы отформатированы с использованием таблиц, поэтому для создания дополнительного места для текста Вам может понадобиться вставить новый ряд или столбец. Это можно сделать с помощью меню Таблица (Table).
Добавление или замена изображений
Добавление изображений на веб-узел не представляет труда. Сначала необходимо убедиться, что изображения сохранены на веб-узле (для добавления изображений воспользуйтесь командой Импортировать (Import) в меню Файл (File)). Как только все нужные файлы будут импортированы, убедитесь, что страница, на которой Вы хотите разместить изображение, открыта в режиме конструктора. Затем просто выделите необходимый файл и перетащите его из панели списка папок на страницу.
Удалить изображение так же просто, как нажать кнопку мыши. Например, если Вы хотите заменить логотип служб Windows SharePoint Services расположенный по умолчанию на домашней странице, то просто щелкните на нем и нажмите клавишу Delete .
Совет. Если на место удаленного изображения Вы планируете вставить свое, то после нажатия клавиши Delete нажмите клавишу Enter. Таким образом, Вы создадите на странице область, в которой можно будет разместить новое изображение.
После добавления нового изображения на Ваш веб-узел Вы, возможно, захотите обрезать рисунок, изменить его размеры, перевернуть его или уменьшить размер файла рисунка. Панель инструментов Рисунки (Pictures ) поможет Вам внести такие изменения.
При выделении изображения мышью появляется панель инструментов Рисунок (Picture) (если этого не произошло, тогда в меню Вид (View) перейдите в подменю Панели инструментов (Toolbars) и выберите пункт Рисунок (Picture)).
Рисунок 1 - Панель инструментов Рисунки (Pictures)
Панель инструментов Рисунки (Pictures ) включает в себя функции, используя которые, Вы можете обрезать изображение, вращать, менять цвета или создавать изображения-карты:
Добавление страниц
Добавить страницу на веб-узел, созданный с помощью служб Windows SharePoint Services, очень просто:
- Перейдите в меню Файл (File).
- Выберите пункт Создать (New).
- Когда откроется область задач Создать (New), нажмите ссылку Пустая страница (Blank Page).
Использование шаблонов
FrontPage 2003 содержит много готовых шаблонов, которые можно использовать для создания веб-страниц. Для того чтобы воспользоваться такими шаблонами, в меню Файл (File) выберите пункт Создать (New) и затем нажмите ссылку Другие шаблоны страниц (More page templates) для открытия диалогового окна Шаблоны страниц (Page Templates). Щелкните на имени шаблона и затем нажмите кнопку ОК . Откроется новая страница, созданная на основе выбранного шаблона.
Рисунок 2 - Диалоговое окно Шаблоны страниц (Web Page Templates)