FrontPage 2002 е интегрираща среда, съдържаща редактор на web-страници, модули за управление структурата на web-сайта и инструменти за публикуване на web-сайта на сървъра. FrontPage 2002 позволява създаването на web-страници и web-сайтове както самостоятелно, използвайки намиращите се в програмата инструменти и команди ,така и с помощта на мастер. За да се създаде web-сайт с помощта на мастера е необходимо:
1. Да се отвори FrontPage.
2. Да се избере в меню Файл подменю Создать, команда Страница или веб-узел. В областта за приложения се отваря прозорец Создание веб-страниц или узла със списък шаблони и мастери, които могат да се използват за конструиране на сайта (рис. 1).
3. В раздела Создание с помощью шаблона изберете команда Шаблоны веб-узлов и в появяващия се диалогов прозорец (рис. 2) в полето на раздел Параметры въведете названието на папката, в която ще се съхранява файла на уеб-сайта.
4. Изберете знака Мастер корпоративного веб-узла.
5. Натиснете ОК.
6. В първия прозорец на мастера натиснете бутона Далее.
7. Вторият прозорец предлага списък на основните web-страници, които могат да се включат в новия сайт
Домашна страница;
Какво ново;
Стоки и услуги;
Оглавление;
Обратна връзка;
Форма за търсене.
8.Изберете нужните Ви страници и натиснете бутона Далее.
9. Следващия прозорец на мастера предлага да се определи вида на домашната страница. Маркирайки,или премахвайки отметките в този прозорец,Вие добавяте или премахвате съответствуващите раздели на домашната страница. Маркирайте нужния Ви раздел и натиснете бутона Далее.
10. Шестте следващи диалогови прозорци на мастера настройват вида на страницата от определения тип (от тези,които са били избрани във втория прозорец на мастера).
11. Десетият прозорец на мастера задава общото оформление на всички страници.
12. В следващия прозорец се предлага да се използва логотип за страницата, намираща се в процес на разработка,да се въведе име и адрес на компанията, телефон,номер на факса, електронен адрес на web-мастера и адрес за информационна поддръжка.Избирайки нужните Ви полета,сложете в тях отметки, и на последната диалогова страница,натиснете бутона Готово.
Мастерът ще генерира нов web-сайт и ще го отвори в режиме преглеждане на задачите от списъка с действия, които е необходимо да се изпълнят за получаване на завършен уеб-сайт.
FrontPage предлага шест режима за преглеждане на web-сайта,бутоните на които се намират на панела на режима (рис. 1):
• Страница – редактор на отделна web-страница. В този режим може да се изменя съдържанието на всяка една страница на сайта,да се настройва нейното оформление и да се преглежда HTML-кода, на основата на който се генерира страницата;
• Папки – списък папки и файлове на web-сайта с техните подробни характеристики. Режимът на преглеждане Папки показва не всички файлове на web-сайта, а само тези, които имат определена смислова насоченост/връзка/. Спомагателните папки, съдържащи графични файлове със стандартни елементи за оформление и файловете поддържащи разширението FrontPage остават скрити;
• Отчеты – статистическа информация за сайта и отделните му компоненти;
• Переходы – редактор на структурата на web-сайта, позволяващ в графически режим да се изменя връзката и да се пренастройват хипервръзките. С помощта на режима за преглеждане Переходы може да се види общата схема на сайта, да се добави или премахне определена връзка, да се променят правилата за разположение на връзките в панелите за навигация на web-страниците;
• Гиперссылки – списък на web-страниците на сайта и схема на хипервръзките на отделна страница.Режим преглеждане на хипервръзките позволява да се разглежда дървото на хипервръзките и да се проверява работоспособността на вътрешните и външните връзки на уеб-сайта.;
• Задачи – списък задачи, свързани с определени файлове,които е нужно да не се забравя да бъдат изпълнени до завършването на уеб-сайтаПревключване на режим преглеждане може както с помощта на команда от меню Вид, така и посредством бутоните на режимния панел, разположен в лявата част на прозореца на панела FrontPage.
FrontPage поддържа множество инструменти, помогающи за разглеждането на сайта не като набор от страници, а като единна структура с множество взаимосвързани компоненти. Но освен структурата е необходимо да се разработи и самата web-страница, представляваща основата на всеки уеб-сайт. В състава на FrontPage влиза мощен редактор на web-страници. В много отношения този редактор прилича на Word. Но форматът HTML има свои правила за постройка на файлове, внасящи определена специфика в процеса на създаване на документи.
В основата практически на всяка web-страница лежи текст. Той може да се дели на абзаци, да се оформя във вид на пунктове от маркиран списък или да се поставя в част от таблица. Правилното форматиране на текста до голяма степен определя удобството при възприемане на информацията.
Освен стандартните начини за форматиране на web-страници, основани на възможностите на HTML, FrontPage предлага набор от средства, които се наричат компоненти на FrontPage. С тяхна помощ може да се подобри оформлението на сайта и да се разширят неговите функционални възможности. Да се има предвид,че допълнителните функции могат да не бъдат поддържани от някои браузъри, затова да се обърне особено внимание на проверката на работоспособността на web-страницата в различните браузъри. Желателно е да се тества web-сайтът на различни компютърни платформи. Компонентите на FrontPage се добавят в web-страницата с помощта на команди от подменю Веб-компонент от меню Вставка. Описанието на някои компоненти на FrontPage е дадено в таблица 1.
Таблица 1
Компоненти на FrontPage
Название Описание
Примечание Позволява в web-страницата да се въвеждат комментари. Те ще са видими в процеса на разработка, но отделния посетител на сайта няма да ги вижда
Поле подтверждения Използва се за потвърждаване на въведени данни, например във форма на web-страница
Страница Позволява да се замени съдържанието на текуща web-страница с друга web-страница
Страница по расписанию Дава възможност да се включва в web-страницата някакъв файл за строго определено време. Извън този времеви интервал,файлът няма да се вижда на страницата.
Рисунок с расписанием Позволява въвеждането на изображение на web-страницата в течение на зададен интервал от време. Извън този времеви интервал изображението няма да се вижда на страницата.
Поиск в Интернете Добавя в web-сайта процедура за търсене на зададен текст
Подстановка В процеса на изпълнение на този компонент,се заменя значението на определен параметър.
Оглавление Формира на web-страницата оглавление на сайта, създадено във FrontPage. Това оглавление автоматически ще се обновява при изменение съдържанието на сайта
Дата и время В процеса на работа на мястото на този компонент ще се въвежда дата и време
Счетчик посещений Форма, отчитаща количеството посетители на web–сайта
Объявление на странице… Добавя на всяка страница на web-сайта един и същи банер
Бегущая строка Въвежда текст във вид на бягащ надпис, параметрите на който могат да се изменят в широки предели.
неделя, 20 януари 2008 г.
Създаване и форматиране на текст
Въвеждането на текста на страница в редактора FrontPage се осъществява аналогично на въвеждането в текстови редактор, например, в MS Word.
Създайте нова страница на сайта с помощта на команда Пустая страница,извикана от меню Файл, подменю Создать, команда Страница или веб-узел. Изберете в меню Файл команда Сохранить. На екрана ще се появи стандартен диалогов прозорец за съхранение на файлове Сохранить как. В полето Имя файла въведете името на файла на страницата index.htm.Натиснете Сохранить. Диалоговият прозорец Сохранить как ще се затвори , и страницата ще бъде запазена на твърдия диск. Дадената страница ще се казва домашна страница (рис. 3).
В реда заглавие въведете името на страницата Лицей № 1548.
В областта за коментар въведете следния текст:
Добро пожаловать на страничку лицея № 1548!
Здесь Вы узнаете о нашей деятельности, о наших интересах и увлечениях, о наших успехах и достижениях
При въвеждането на текста се използва шрифт, зададен по подразбиране. Допустим, мы хотим теперь превратить первую строку в заголовок, чтобы выделить ее более крупным шрифтом. При создании страницы на языке HTML мы использовали для этого специальные теги заголовков. В программе FrontPage можно воспользоваться определенным стилем. Стиль - это комбинация атрибутов форматирования, которая применяется к абзацу.
Поставете курсора на първия ред на въведения текст и в падащия списък Стиль на панела инструменти Форматирование изберете Заголовок 2. Редът ще бъде отформатиран от дадения стил . Избраният стил ще се приложи към текущия абзац. Във формата HTML абзацът се отделя със специални тагове. В редактора FrontPage въвеждането на абзаца завършва с натискане на клавиша Enter.
В зависимост от различните стилове, към текста могат да бъдат приложени допълнителни елементи за форматиране. За всеки фрагмент на текста може да бъде приложен нужният шрифт, размер, цвят, межсимволно разстояние и други атрибути,като например, подчертаване. За това е необходимо в меню Формат да се избере команда Шрифт. На екрана се появява диалоговият прозорец Шрифт.В горната му част са разположени списъци за избор на име на шрифта (Шрифт), стил на шрифта (Начертание) и размер на шрифта (Размер), които ги има във всички стандартни диалогови прозорци за избор на шрифт. По-надолу е разположен падащ списък за избор на цвят на шрифта (Цвет) и набор отметки за задаване на различни ефекти (Видоизменение). В долната част се изобразява примерен текст с избраните настройки (Образец). Настройката на междусимволното разстояние и положението в реда са изнесени в Межзнаковый интервал.
Изберете настройки за второто предложение на текста, например, шрифт Arial, стил Полужирный.
Натиснете ОК, за да затворите диалоговия прозорец и да се приложат избраните настройки към текста.
Ако щракнете на HTML-кода,ще видите, как избраните атрибути на текста ще бъдат съхранени във вид на съответствуващи тагове .
За абзаца може да бъде приложен отстъп, междуредов интервал, подравняване, граници, цвят на фона и други параметри. За форматиране на абзаца се използва диалоговият прозорец Абзац, който се отваря с команда Абзац от меню Формат.В този диалогов прозорец може да се изменят настройките, отнасящи се за текущия абзац. Падащият списък Выравнивание задава способите за подравняване на редовете на страницата, групите елементи Отступ и Интервал предназначени за регулиране отстъпите и интервалите за ред на абзаца абзаца.
За създаване на рамка, цвят и избор на способ за заливка на фона на абзаца,се използва диалоговият прозорец Границы и заливка, отварян с команда Границы и заливка от меню Формат.
Граница съдържа елементи, позволяващи задаване на граница около текста на абзаца.
В группата елементи за управлениеТип изберете позиция Рамка. В списъка Стиль изберете тип рамки, например, двойная.
Вие можетеда зададете цвят и ширина на рамката, а също да определите полето на рамката. В панела за разглеждане Образец може да се види примерна рамка с избрани атрибути.
Изберете Заливка за избор на цвят и способ за заливка на фона на абзаца.
В падащия списък Цвет фона изберете желания цвят на фона.Тук може също да с зададе цвят на текста за всеки абзац и да се приложи произволна фонова рисунка.
В текстовете често се използат различни видове списъци. Списък в редактора FrontPage се създава толкова просто, колкото и в обичайните текстови редактори.
Поставете курсора под вече въведения текст и наберете още няколко реда, завършвайки всеки ред с натискане на Enter:
Чем мы занимаемся?
Изучением физико-математических дисциплин.
Изучение основ современной теоретической и прикладной экономики.
Изучением цикла гуманитарных дисциплин.
Изучением сценического искусства.
Изберете редовете на въведения текст – от втория до петия и изберете в меню Формат команда Список. На екрана се появява диалоговият прозорец Список.
Изберете Графические маркеры, иизберете някой вариант маркери за списъка.
Натиснете ОК, за да затворите диалоговия прозорец. Набраният текст ще бъде преобразуван в маркиран список.
От Нумерация от диалоговия прозорец Список може да се избере вариант на номерация за създаване на определен списък. За бързото превръщане на текста в списък, може също да се използват бутоните или да се избере съответствуващият стил от падащия списък Стиль на панела инструменти Форматирование.
За да се раздели текст на отделни секции, например, за разделяне на отделни тематически фрагменти на Web-страницата ,често се използва хоризонтална разделителна линия. За да я създадете поставете курсора след Чем мы занимаемся? и изберете от меню Вставка команда Горизонтальная линия. На страницата ще бъде поставена хоризонтална линия.
Щракнете два пъти върху разделителната линия. На екрана ще се появи диалоговият прозорец Свойства горизонтальной линии.
Групата елементи за управление Размер позволява да се изменат ширината и височината на линията. С помощта на превключвателя Выравнивание линию може да се подравнява по левия край, по центъра или по десния край. В падащия списък Цвет изберете цвят на линията и натиснете ОК. Разделителната линия ще бъде оцветена в избрания цвят.
За да се привлече внимание към фрагмент на текста или заглавието, може да му се придаде ефекта на бягащ надпис. Ще придадем ефекта на набрания на страницата текст Добро пожаловать на страничку лицея № 1548!.Затова изберете набрания на страницата текст Добро пожаловать на страничку лицея № 1548! и изберете в меню Вставка подменю Веб-компонент команда Бегущая строка. На екрана ще се появи диалоговият прозорец Свойства бегущей строки (рис. 4).
В полето за въвеждане Текст се намира текстът на избрания фрагмент, който ще бъде въведен като бягащ надпис.С помощта на превключвателя Направление може да се избере направление на движение на надписа: отдясно наляво, или отляво надясно. В групата елементи за управление Скорость се регулира задръжката между последователните сдвигами текста и величина сдвига в пиксели. Групата елементи на управление Поведение задава режима на придвижване на текста: при избран превключвател прокрутка текстът периодически пробягва по екрана както на информационно табло, при избран преключвател сдвиг текстът преминава до противоположната граница, установява се и и остава на екрана, при избран превключвател попеременно текстът се придвижва вътре в границите на областта бягащ надпис. Групата елементи на управление Размер определя ширината и височината на правоъгълната област на бягащия надпис. Ако съответствуващите отметки не са направени, то значението се определя по размера на текста. Отметката Непрерывно в групата елементи на управление Повторы задава неограничен брой на повторенията прокрутки строки, если флажок сброшен, в поле ввода со счетчиком задава количеството повторения. Падащия списък Цвет фона определя цвета на фона в областта на появяване на бягащия надпис.
Натиснете ОК, за да затворите диалоговия прозорец Свойства бегущей строки. Текстът външно няма да се измени, но ще бъде преобразуван в отделен компонент.Ефектът “бягащ надпис” не може да се наблюдава в режим редактиране на страница,затова трябва да се превлючи на режим Преглеждане/Просмотр/ .
За да се редактира текст тип “бягащ надпис” или да се изменят неговите свойства,е необходимо отново да се отвори диалоговият прозорец Свойства бегущей строки, кликвайки два пъти върху текста.
В случая, когато текстът, който се планира да се помести на страницата, вече е набран в текстовия редактор и съхранен на диска, вие можете да го поставите директно от файла. FrontPage позволява да се конвертира информацията от основните формати на текстовите документи и документи MS Office. Ако,например, се налага да се вмъкне фрагмент в текста на страницата, взимайки го от обичайния текстови файл, необходимо е да се наеправи следното:
Да се постави курсора на страницата в начална позиция,от която ще започне да се разполага вмъкнатият текст..Да се избере команда Файл от меню Вставка. На екрана ще се появи стандартен диалогов прозорец Выбор файла. В падащия списък Тип файлов се избира тип Тестовые файлы (*.txt).Намира се и се отделя нужният текстов документ.
След това се натиска бутонът Открыть. Диалоговият прозорец Выбор файла се закрива, и на екрана се появява диалоговият прозорец Преобразование текста. Той позволява да се избере способът за преобразуване на текста от файла. По подразбиране се предлага вариант Форматированные абзацы. Това означава,че всеки абзац от изходния текст,ще бъде преобразуван на отделен абзац на страницата с използване на стила Форматированный. Възможни са и други варианти на преобразуване на текста, а също и вмъкване на изходния текст непосредственно във формата HTML.
Натиснете ОК, за да затворите диалоговия прозорец Преобразование текста. Текстът от файла ще бъде вмъкнат в текущата позиция.
При редактирането и оформлението на текста на страницата ,е желателно да не се допуска голямо разнообразие от формати, стилове и различни ефекти,тъй като не всички версии на браузъра могат да поддържат всички атрибути на форматиране на текста и да ги отразяват коректно.
Създайте нова страница на сайта с помощта на команда Пустая страница,извикана от меню Файл, подменю Создать, команда Страница или веб-узел. Изберете в меню Файл команда Сохранить. На екрана ще се появи стандартен диалогов прозорец за съхранение на файлове Сохранить как. В полето Имя файла въведете името на файла на страницата index.htm.Натиснете Сохранить. Диалоговият прозорец Сохранить как ще се затвори , и страницата ще бъде запазена на твърдия диск. Дадената страница ще се казва домашна страница (рис. 3).
В реда заглавие въведете името на страницата Лицей № 1548.
В областта за коментар въведете следния текст:
Добро пожаловать на страничку лицея № 1548!
Здесь Вы узнаете о нашей деятельности, о наших интересах и увлечениях, о наших успехах и достижениях
При въвеждането на текста се използва шрифт, зададен по подразбиране. Допустим, мы хотим теперь превратить первую строку в заголовок, чтобы выделить ее более крупным шрифтом. При создании страницы на языке HTML мы использовали для этого специальные теги заголовков. В программе FrontPage можно воспользоваться определенным стилем. Стиль - это комбинация атрибутов форматирования, которая применяется к абзацу.
Поставете курсора на първия ред на въведения текст и в падащия списък Стиль на панела инструменти Форматирование изберете Заголовок 2. Редът ще бъде отформатиран от дадения стил . Избраният стил ще се приложи към текущия абзац. Във формата HTML абзацът се отделя със специални тагове. В редактора FrontPage въвеждането на абзаца завършва с натискане на клавиша Enter.
В зависимост от различните стилове, към текста могат да бъдат приложени допълнителни елементи за форматиране. За всеки фрагмент на текста може да бъде приложен нужният шрифт, размер, цвят, межсимволно разстояние и други атрибути,като например, подчертаване. За това е необходимо в меню Формат да се избере команда Шрифт. На екрана се появява диалоговият прозорец Шрифт.В горната му част са разположени списъци за избор на име на шрифта (Шрифт), стил на шрифта (Начертание) и размер на шрифта (Размер), които ги има във всички стандартни диалогови прозорци за избор на шрифт. По-надолу е разположен падащ списък за избор на цвят на шрифта (Цвет) и набор отметки за задаване на различни ефекти (Видоизменение). В долната част се изобразява примерен текст с избраните настройки (Образец). Настройката на междусимволното разстояние и положението в реда са изнесени в Межзнаковый интервал.
Изберете настройки за второто предложение на текста, например, шрифт Arial, стил Полужирный.
Натиснете ОК, за да затворите диалоговия прозорец и да се приложат избраните настройки към текста.
Ако щракнете на HTML-кода,ще видите, как избраните атрибути на текста ще бъдат съхранени във вид на съответствуващи тагове .
За абзаца може да бъде приложен отстъп, междуредов интервал, подравняване, граници, цвят на фона и други параметри. За форматиране на абзаца се използва диалоговият прозорец Абзац, който се отваря с команда Абзац от меню Формат.В този диалогов прозорец може да се изменят настройките, отнасящи се за текущия абзац. Падащият списък Выравнивание задава способите за подравняване на редовете на страницата, групите елементи Отступ и Интервал предназначени за регулиране отстъпите и интервалите за ред на абзаца абзаца.
За създаване на рамка, цвят и избор на способ за заливка на фона на абзаца,се използва диалоговият прозорец Границы и заливка, отварян с команда Границы и заливка от меню Формат.
Граница съдържа елементи, позволяващи задаване на граница около текста на абзаца.
В группата елементи за управлениеТип изберете позиция Рамка. В списъка Стиль изберете тип рамки, например, двойная.
Вие можетеда зададете цвят и ширина на рамката, а също да определите полето на рамката. В панела за разглеждане Образец може да се види примерна рамка с избрани атрибути.
Изберете Заливка за избор на цвят и способ за заливка на фона на абзаца.
В падащия списък Цвет фона изберете желания цвят на фона.Тук може също да с зададе цвят на текста за всеки абзац и да се приложи произволна фонова рисунка.
В текстовете често се използат различни видове списъци. Списък в редактора FrontPage се създава толкова просто, колкото и в обичайните текстови редактори.
Поставете курсора под вече въведения текст и наберете още няколко реда, завършвайки всеки ред с натискане на Enter:
Чем мы занимаемся?
Изучением физико-математических дисциплин.
Изучение основ современной теоретической и прикладной экономики.
Изучением цикла гуманитарных дисциплин.
Изучением сценического искусства.
Изберете редовете на въведения текст – от втория до петия и изберете в меню Формат команда Список. На екрана се появява диалоговият прозорец Список.
Изберете Графические маркеры, иизберете някой вариант маркери за списъка.
Натиснете ОК, за да затворите диалоговия прозорец. Набраният текст ще бъде преобразуван в маркиран список.
От Нумерация от диалоговия прозорец Список може да се избере вариант на номерация за създаване на определен списък. За бързото превръщане на текста в списък, може също да се използват бутоните или да се избере съответствуващият стил от падащия списък Стиль на панела инструменти Форматирование.
За да се раздели текст на отделни секции, например, за разделяне на отделни тематически фрагменти на Web-страницата ,често се използва хоризонтална разделителна линия. За да я създадете поставете курсора след Чем мы занимаемся? и изберете от меню Вставка команда Горизонтальная линия. На страницата ще бъде поставена хоризонтална линия.
Щракнете два пъти върху разделителната линия. На екрана ще се появи диалоговият прозорец Свойства горизонтальной линии.
Групата елементи за управление Размер позволява да се изменат ширината и височината на линията. С помощта на превключвателя Выравнивание линию може да се подравнява по левия край, по центъра или по десния край. В падащия списък Цвет изберете цвят на линията и натиснете ОК. Разделителната линия ще бъде оцветена в избрания цвят.
За да се привлече внимание към фрагмент на текста или заглавието, може да му се придаде ефекта на бягащ надпис. Ще придадем ефекта на набрания на страницата текст Добро пожаловать на страничку лицея № 1548!.Затова изберете набрания на страницата текст Добро пожаловать на страничку лицея № 1548! и изберете в меню Вставка подменю Веб-компонент команда Бегущая строка. На екрана ще се появи диалоговият прозорец Свойства бегущей строки (рис. 4).
В полето за въвеждане Текст се намира текстът на избрания фрагмент, който ще бъде въведен като бягащ надпис.С помощта на превключвателя Направление може да се избере направление на движение на надписа: отдясно наляво, или отляво надясно. В групата елементи за управление Скорость се регулира задръжката между последователните сдвигами текста и величина сдвига в пиксели. Групата елементи на управление Поведение задава режима на придвижване на текста: при избран превключвател прокрутка текстът периодически пробягва по екрана както на информационно табло, при избран преключвател сдвиг текстът преминава до противоположната граница, установява се и и остава на екрана, при избран превключвател попеременно текстът се придвижва вътре в границите на областта бягащ надпис. Групата елементи на управление Размер определя ширината и височината на правоъгълната област на бягащия надпис. Ако съответствуващите отметки не са направени, то значението се определя по размера на текста. Отметката Непрерывно в групата елементи на управление Повторы задава неограничен брой на повторенията прокрутки строки, если флажок сброшен, в поле ввода со счетчиком задава количеството повторения. Падащия списък Цвет фона определя цвета на фона в областта на появяване на бягащия надпис.
Натиснете ОК, за да затворите диалоговия прозорец Свойства бегущей строки. Текстът външно няма да се измени, но ще бъде преобразуван в отделен компонент.Ефектът “бягащ надпис” не може да се наблюдава в режим редактиране на страница,затова трябва да се превлючи на режим Преглеждане/Просмотр/ .
За да се редактира текст тип “бягащ надпис” или да се изменят неговите свойства,е необходимо отново да се отвори диалоговият прозорец Свойства бегущей строки, кликвайки два пъти върху текста.
В случая, когато текстът, който се планира да се помести на страницата, вече е набран в текстовия редактор и съхранен на диска, вие можете да го поставите директно от файла. FrontPage позволява да се конвертира информацията от основните формати на текстовите документи и документи MS Office. Ако,например, се налага да се вмъкне фрагмент в текста на страницата, взимайки го от обичайния текстови файл, необходимо е да се наеправи следното:
Да се постави курсора на страницата в начална позиция,от която ще започне да се разполага вмъкнатият текст..Да се избере команда Файл от меню Вставка. На екрана ще се появи стандартен диалогов прозорец Выбор файла. В падащия списък Тип файлов се избира тип Тестовые файлы (*.txt).Намира се и се отделя нужният текстов документ.
След това се натиска бутонът Открыть. Диалоговият прозорец Выбор файла се закрива, и на екрана се появява диалоговият прозорец Преобразование текста. Той позволява да се избере способът за преобразуване на текста от файла. По подразбиране се предлага вариант Форматированные абзацы. Това означава,че всеки абзац от изходния текст,ще бъде преобразуван на отделен абзац на страницата с използване на стила Форматированный. Възможни са и други варианти на преобразуване на текста, а също и вмъкване на изходния текст непосредственно във формата HTML.
Натиснете ОК, за да затворите диалоговия прозорец Преобразование текста. Текстът от файла ще бъде вмъкнат в текущата позиция.
При редактирането и оформлението на текста на страницата ,е желателно да не се допуска голямо разнообразие от формати, стилове и различни ефекти,тъй като не всички версии на браузъра могат да поддържат всички атрибути на форматиране на текста и да ги отразяват коректно.
Добавяне на страници в макет на сайта. Структура на навигацията и разделящи граници
При проектирането на сайта е важно добре да се обмисли схемата на възможните преходи от една страница на друга с помощта на вътрешните връзки. Такава схема се нарича структура на навигацията(navigation structure).Структурата на навигацията преди всичко трябва да бъде удобна и понятна за посетителите на сайта.Схемата на преходите не трябва да бъде сложна и на сайта не трябва да има недостъпни страници.
Понеже в нашия сайт има само една страница,преди да преминем към изучаване на структурата на навигация,ще добавим в макета на сайта няколко нови страници.
Създайте нова страница на сайта с помощта на команда Пустая страница, извиквана от меню Файл ,подменю Создать команда Страница или веб-узел. Да допуснем, че страницата ще съдержа общи сведения за нашия лицей.
Изберете в меню Файл команда Сохранить. На екрана се появява стандартен диалогов прозорец за съхранение на файлове Сохранить как. В полето Имя фала въведете името на файла на страницата, например, svedeniya.htm. Натиснете бутон Сохранить. Диалоговият прозорец Сохранить как се затваря, и страницата е запаметена на диска.
По описания по-горе начин създайте и съхранете в папката на сайта още три страници - например, за описание на учебния процес в лицея – ucheba.htm, новости – news.htm и за контакт с лицея– kontakts.htm.
За да могат посетителите на сайта да попаднат от домашната страница на други страници,е нужно да се създадат необходимите връзки/линкове/. Вие можете самостоятелно да определите пътя на възможните преходи, да създадете връзки и да ги свържете с нужните страници. Но най-добре да се възползвате от възможностите на FrontPage, позволяващи да се опрости създаването на структурата на навигация.
Изберете команда Переходы от меню Вид. В работното поле на прозореца на програмата, ще бъде изобразена схемата на преходите от страница на страница.
До момента, в схемата на преходите от страница на страница, влиза само домашната страница. За да могат новите страници да съдържат навигационното меню и да станат достъпни от менюто на други страници,е необходимо те да се включат в схемата за навигация.
За тази цел изтеглете/маркирайте/ с помощта на мишката файл svedeniya.htm от списъка файлове на сайта на схемата на преходите долу на домашната страница. На схемата ще бъде показана връзката между страниците.
След като новата страница бъде добавена в схемата на навигация, въвеждаме за нея ново име, вместо присвоеното по подразбиране. За тази цел кликваме с десния бутон на мишката върху изображението на страницата в схемата.На екрана се появява контекстно меню. Избираме в контекстното меню команда Переименовать. На мястото за име на страницата на схемата, се появява поле за въвеждане. Въведете име на страницата, например, Информация о лицее, и натиснете Enter.
Текстовете – названия на линковете или бутони в менюто на навигация се определят по името на страниците, на които се свръзват. По тази причина е необходимо да се поставят кратки имена,за да може съответната връзка да изглежда акуратно. Вие можете да изменяте положението на страниците на схемата на преходите, премествайки ги с помощта на мишката на различни нива или в различни схеми.Може също така да се създава нова страница директно на схемата,указвайки за нея родителската страница,т.е. тази, под която ще се разположи новата. За това, е необходимо да се кликне с десния бутон на мишката на една от страниците в схемата и в появилото се контекстно меню да се избере команда Создать - Страница. За да се добави нова страница на върха на схемата, е нужно да се кликне с десния бутон в свободната област на схемата и в появилото се контекстно меню да се избере Создать – Верхняя страница.
Както виждате, структурата на преходите има много нива. На първото ниво е разположена домашната страница, отбелязана със знака “дом”, а също могат да присъстват входните страници от основните раздели на сайта. Обикновено от основния раздел може да се премине в един от подразделите, оттам в подраздел на следващото ниво и т.н. Преходите се показват като връзки между страниците, намиращи се на съседни нива.
Когато сайтът е много голям и не се поместват всички страници на видимата част на схемата на преходите,може да се измени мащабът на изображението.За да направите това,кликнете с десния бутон на мишката произволно на видимата част на схемата на преходите и в появилото се контекстно меню изберете команда Масштаб. Открива се меню на второ равнище. Изберете команда По размеру данных или необходимия мащаб.
С помощта на команда Развернуть все в същото контекстно меню, можете да разгърнете схемата в хоризонтално направление.
Освен връзките на конкретните страници, в навигационното меню могат да се включат връзки за преход към главната страница на сайта, на една страница нагоре, напред или назад по схемата на навигация. За такива връзки може да се зададат техни имена. За да изпълните това,изберете в меню Сервис команда Настройка веб-узла. На екрана се появява диалоговият прозорец Настройка веб-узла (рис. 6). Изберете Переходы и дайте имена на връзките за прехода на главната, връхната, предишната и следващата страница в съответните полета за въвеждане. Натиснете ОК, за да затворите диалоговия прозорец Настройка веб-узла и да запазите настройките.
Преходите могат да се настроят така,че да се показват страниците от определено ниво спрямо текущата. За да направите това, в режима на редактиране на страниците кликнете с десния бутон на мишката на една от страниците и в появилото се контекстно меню изберете пункт Просмотреть только поддерево: Повторният избор на тази команда възстановява всички преходи.Понякога може да се наложи да не се показват преходите на определена страница и да се изключат преходите на тази страница от другите страници, но при това,тя да се остави в схемата на преходите. За да се направи това,е необходимо да се кликне с десния бутон на мишката на изображението на страницата в схемата на преходите и в появилото се контекстно меню да се избере командата Включено в панели переходов. Повторният избор на тази команда възстановява връзката към страницата.
Понеже в нашия сайт има само една страница,преди да преминем към изучаване на структурата на навигация,ще добавим в макета на сайта няколко нови страници.
Създайте нова страница на сайта с помощта на команда Пустая страница, извиквана от меню Файл ,подменю Создать команда Страница или веб-узел. Да допуснем, че страницата ще съдержа общи сведения за нашия лицей.
Изберете в меню Файл команда Сохранить. На екрана се появява стандартен диалогов прозорец за съхранение на файлове Сохранить как. В полето Имя фала въведете името на файла на страницата, например, svedeniya.htm. Натиснете бутон Сохранить. Диалоговият прозорец Сохранить как се затваря, и страницата е запаметена на диска.
По описания по-горе начин създайте и съхранете в папката на сайта още три страници - например, за описание на учебния процес в лицея – ucheba.htm, новости – news.htm и за контакт с лицея– kontakts.htm.
За да могат посетителите на сайта да попаднат от домашната страница на други страници,е нужно да се създадат необходимите връзки/линкове/. Вие можете самостоятелно да определите пътя на възможните преходи, да създадете връзки и да ги свържете с нужните страници. Но най-добре да се възползвате от възможностите на FrontPage, позволяващи да се опрости създаването на структурата на навигация.
Изберете команда Переходы от меню Вид. В работното поле на прозореца на програмата, ще бъде изобразена схемата на преходите от страница на страница.
До момента, в схемата на преходите от страница на страница, влиза само домашната страница. За да могат новите страници да съдържат навигационното меню и да станат достъпни от менюто на други страници,е необходимо те да се включат в схемата за навигация.
За тази цел изтеглете/маркирайте/ с помощта на мишката файл svedeniya.htm от списъка файлове на сайта на схемата на преходите долу на домашната страница. На схемата ще бъде показана връзката между страниците.
След като новата страница бъде добавена в схемата на навигация, въвеждаме за нея ново име, вместо присвоеното по подразбиране. За тази цел кликваме с десния бутон на мишката върху изображението на страницата в схемата.На екрана се появява контекстно меню. Избираме в контекстното меню команда Переименовать. На мястото за име на страницата на схемата, се появява поле за въвеждане. Въведете име на страницата, например, Информация о лицее, и натиснете Enter.
Текстовете – названия на линковете или бутони в менюто на навигация се определят по името на страниците, на които се свръзват. По тази причина е необходимо да се поставят кратки имена,за да може съответната връзка да изглежда акуратно. Вие можете да изменяте положението на страниците на схемата на преходите, премествайки ги с помощта на мишката на различни нива или в различни схеми.Може също така да се създава нова страница директно на схемата,указвайки за нея родителската страница,т.е. тази, под която ще се разположи новата. За това, е необходимо да се кликне с десния бутон на мишката на една от страниците в схемата и в появилото се контекстно меню да се избере команда Создать - Страница. За да се добави нова страница на върха на схемата, е нужно да се кликне с десния бутон в свободната област на схемата и в появилото се контекстно меню да се избере Создать – Верхняя страница.
Както виждате, структурата на преходите има много нива. На първото ниво е разположена домашната страница, отбелязана със знака “дом”, а също могат да присъстват входните страници от основните раздели на сайта. Обикновено от основния раздел може да се премине в един от подразделите, оттам в подраздел на следващото ниво и т.н. Преходите се показват като връзки между страниците, намиращи се на съседни нива.
Когато сайтът е много голям и не се поместват всички страници на видимата част на схемата на преходите,може да се измени мащабът на изображението.За да направите това,кликнете с десния бутон на мишката произволно на видимата част на схемата на преходите и в появилото се контекстно меню изберете команда Масштаб. Открива се меню на второ равнище. Изберете команда По размеру данных или необходимия мащаб.
С помощта на команда Развернуть все в същото контекстно меню, можете да разгърнете схемата в хоризонтално направление.
Освен връзките на конкретните страници, в навигационното меню могат да се включат връзки за преход към главната страница на сайта, на една страница нагоре, напред или назад по схемата на навигация. За такива връзки може да се зададат техни имена. За да изпълните това,изберете в меню Сервис команда Настройка веб-узла. На екрана се появява диалоговият прозорец Настройка веб-узла (рис. 6). Изберете Переходы и дайте имена на връзките за прехода на главната, връхната, предишната и следващата страница в съответните полета за въвеждане. Натиснете ОК, за да затворите диалоговия прозорец Настройка веб-узла и да запазите настройките.
Преходите могат да се настроят така,че да се показват страниците от определено ниво спрямо текущата. За да направите това, в режима на редактиране на страниците кликнете с десния бутон на мишката на една от страниците и в появилото се контекстно меню изберете пункт Просмотреть только поддерево: Повторният избор на тази команда възстановява всички преходи.Понякога може да се наложи да не се показват преходите на определена страница и да се изключат преходите на тази страница от другите страници, но при това,тя да се остави в схемата на преходите. За да се направи това,е необходимо да се кликне с десния бутон на мишката на изображението на страницата в схемата на преходите и в появилото се контекстно меню да се избере командата Включено в панели переходов. Повторният избор на тази команда възстановява връзката към страницата.
Прилагане на темите за оформление на страницата
За да се придаде на сайта по-естетически ,по-привлекателен и по-професионален вид,е нуждо да се придържаме към единен подход при оформлението на страниците – да съблюдаваме определена цветова гама и стил. За облекчаване на тази задача, в програмата FrontPage се използват теми. Тема – това е определен набор от елементи, оформления и цветови схеми, който може да се приложи към страницата. Във FrontPage са включени няколко готови теми, които могат да бъдат използвани в този им вид,или изменяни по желание на създателя на сайта. Наборът от цветови схеми на избраната тема се прилага към основните елементи на страницата: текст, заглавия,връзки, надписи на бутоните, таблици, фон и т.н. Темата също определя единно графическо оформление за такива елементи, както фоновия рисунък, заглавия, бутони, разделителни линии и маркери. Темата задава шрифта и стила за основния текст и заглавията на страниците.Някои възможности на FrontPage са достъпни само при използване на темите. Например, заглавията/имената на страниците и бутоните за навигация, могат да се изобразяват в графика само при използване на тема. В противен случай –те се изобразяват като текст.
За да се приложи тема за оформление на домашната страница,открийте домашната страница на сайта в режим на редактиране.Изберете команда Тема от меню Формат. На екрана се появява диалогов прозорец Темы (рис. 7).
В групата превлючватели Применить тему: има превлючвател ко всем страницам, който позволява прилагането на тема към всички страници. Друг превключвател к выбранные страницы позволява прилагането на тема само за текущата или за няколко определени страници.
В лявата част на диалоговия прозорец е разположен списък на темите, а в дясната – областта за разглеждане, в която се изобразява пример за оформлението на елементите на страницата в стила на избраната тема. Под списъка са разположени флашки, които позволяват да се зададат допълнителни параметри за избраната тема.При отметка на Яркие цвета цветовете на някои елементи на дадената схема ще имат по-ярък оттенък. Флашката Активные рисунки определя използването на по-сложни контури при изобразяване на заглавията, бутони и други графически елементи. При неизбрана флашка графическите елементи в приемат много строг вид.Флашката Фоновый рисунок разрешава използване на фонова рисунка на страниците на сайта. При избрана флашка Применить с помощью CSS прилагането на елементите за оформление на избраната тема става с използване на външни таблици за стил, в противен случай – командите за форматиране се включват в HTML-код страниците .
Маркирайте флашките по ваше желание и натиснете ОК, за да приложите избраната тема към страниците на сайта
Процесът на налагане на темата може да трае няколко секунди,след които страниците ще приемат външен вид в съответствие с избраната тема. Лесно може да смените темата,избирайки друга в диалоговия прозорец Темы. Освен това, на основата на вече съществуващи може да се създават нови теми,изменяйки различните елементи за оформление,цветове и стилове.
За да направите това,изберете Изменить в долната част на диалоговия прозорец Темы. Под областта за преглеждане се появява ред бутони,позволяващи да се изменят основните параметри на темата.Натиснете бутон Цвета. На екрана се появява диалоговият прозорец Изменение темы (рис. 8). В дясната му част е разположена областта за разглеждане. В нея се изобразява пример с оформление на елементите на страницата при избраната цветова схема. В лявата част на диалоговия прозорец са разположени три вкладки. На Цветовые схемы е разположен списък на достъпните цветови схеми.Избирайки различните цветови схеми, вие можете да наблюдавате резултата от тяхното използване в областта за разглеждане. Изберете Цветовой круг. Тук се показва цветова диаграма, с помощта на която може много точно да се подбере подходящата цветова гама за текущата схема.За да се измени наборът от цветове за текущата схема посочете с левия бутон на мишката маркера на диаграмата и, без да го изпускате, преместете маркера в границите на кръга. С помощта на регулатора Яркость подберете нужната яркост за текущата цветова схема.
Изберете Другой. От нея може да се зададе произволен цвят за основния текст,заглавие,връзка,фон и други елементи на страницата.
Натиснете ОК, за да изберете за темата избраната цветова схема или бутона Отмена, ако не искате да променяте настройката на цвета. Ще се върнете в диалоговия прозорец Темы.
Натиснете бутона Графика. На екрана ще се появи диалогов прозорец Изменение темы. В дясната му част е разположена областта за разглеждане. В нея се показва пример за оформление на различните графически елементи на страницата в зависимост от избраните настройки на темата. Вляво е разположен падащ списък Элемент, в който са разположени графически елемент, и две вкладки,с които се определят рисунъкът и шрифтът за избраните елементи. Групата превключватели Рисунки темы: определя използваните обичайни, много строги (Обычная графика) или активни, много сложни (Активные рисунки) графики в текущата тема. Чрез вкладката Шрифт може да се избере название, начертаване и размер на шрифта, а също и хоризонталното и вертикално подравняване на текста за текущия графически елемент. В названието на шрифта може да влизат няколко имена на шрифтове, разделени със запетая. Ако първият шрифт отсъства на компютъра на ползвателя, разглеждащ страницата, то се избира втори и т.н. Някои елементи, като фоновият рисунък, маркерите и хоризонталната линия, нямат настройка на шрифта.
Ако се налага,направете изменения в настройката на графическите елементи на схемата и натиснете ОК, за да потвърдите измененията. Ако не искате да променяте графическите настройки натиснете Отмена. Ще се върнете в диалоговия прозорец Темы.
Натиснете Текст. На екрана се появява диалоговият прозорец Изменение темы. В дясната му част е разположена областта за разглеждане,в която се показва пример за оформление на различните текстови елементи на страницата в зависимост от избраната настройкаВ ляво е разположен падащият списък Элемент:, в който се избира текстовият елемент и полето за въвеждане Шрифт:, в което се избира шрифтът за избрания елемент,а също и списъкът с достъпните шрифтове. Както и за графическите елементи, в названието на шрифта може да влизат няколко имена на шрифтове, разделени със запетая.
Ако се налага ,изберете друг шрифт за текстовите елементи на схемата и натиснете ОК, за да потвърдите изменението. В противен случай - натиснете Отмена. Ще се върнете в диалоговия прозорец Темы.
Можете да запаметите всички направени изменения в текущата схема, натискайки Сохранить, или да запазите текущата схема и направените изменения под ново име, избирайки Сохранить как в диалоговия прозорец Темы.
За да се приложи тема за оформление на домашната страница,открийте домашната страница на сайта в режим на редактиране.Изберете команда Тема от меню Формат. На екрана се появява диалогов прозорец Темы (рис. 7).
В групата превлючватели Применить тему: има превлючвател ко всем страницам, който позволява прилагането на тема към всички страници. Друг превключвател к выбранные страницы позволява прилагането на тема само за текущата или за няколко определени страници.
В лявата част на диалоговия прозорец е разположен списък на темите, а в дясната – областта за разглеждане, в която се изобразява пример за оформлението на елементите на страницата в стила на избраната тема. Под списъка са разположени флашки, които позволяват да се зададат допълнителни параметри за избраната тема.При отметка на Яркие цвета цветовете на някои елементи на дадената схема ще имат по-ярък оттенък. Флашката Активные рисунки определя използването на по-сложни контури при изобразяване на заглавията, бутони и други графически елементи. При неизбрана флашка графическите елементи в приемат много строг вид.Флашката Фоновый рисунок разрешава използване на фонова рисунка на страниците на сайта. При избрана флашка Применить с помощью CSS прилагането на елементите за оформление на избраната тема става с използване на външни таблици за стил, в противен случай – командите за форматиране се включват в HTML-код страниците .
Маркирайте флашките по ваше желание и натиснете ОК, за да приложите избраната тема към страниците на сайта
Процесът на налагане на темата може да трае няколко секунди,след които страниците ще приемат външен вид в съответствие с избраната тема. Лесно може да смените темата,избирайки друга в диалоговия прозорец Темы. Освен това, на основата на вече съществуващи може да се създават нови теми,изменяйки различните елементи за оформление,цветове и стилове.
За да направите това,изберете Изменить в долната част на диалоговия прозорец Темы. Под областта за преглеждане се появява ред бутони,позволяващи да се изменят основните параметри на темата.Натиснете бутон Цвета. На екрана се появява диалоговият прозорец Изменение темы (рис. 8). В дясната му част е разположена областта за разглеждане. В нея се изобразява пример с оформление на елементите на страницата при избраната цветова схема. В лявата част на диалоговия прозорец са разположени три вкладки. На Цветовые схемы е разположен списък на достъпните цветови схеми.Избирайки различните цветови схеми, вие можете да наблюдавате резултата от тяхното използване в областта за разглеждане. Изберете Цветовой круг. Тук се показва цветова диаграма, с помощта на която може много точно да се подбере подходящата цветова гама за текущата схема.За да се измени наборът от цветове за текущата схема посочете с левия бутон на мишката маркера на диаграмата и, без да го изпускате, преместете маркера в границите на кръга. С помощта на регулатора Яркость подберете нужната яркост за текущата цветова схема.
Изберете Другой. От нея може да се зададе произволен цвят за основния текст,заглавие,връзка,фон и други елементи на страницата.
Натиснете ОК, за да изберете за темата избраната цветова схема или бутона Отмена, ако не искате да променяте настройката на цвета. Ще се върнете в диалоговия прозорец Темы.
Натиснете бутона Графика. На екрана ще се появи диалогов прозорец Изменение темы. В дясната му част е разположена областта за разглеждане. В нея се показва пример за оформление на различните графически елементи на страницата в зависимост от избраните настройки на темата. Вляво е разположен падащ списък Элемент, в който са разположени графически елемент, и две вкладки,с които се определят рисунъкът и шрифтът за избраните елементи. Групата превключватели Рисунки темы: определя използваните обичайни, много строги (Обычная графика) или активни, много сложни (Активные рисунки) графики в текущата тема. Чрез вкладката Шрифт може да се избере название, начертаване и размер на шрифта, а също и хоризонталното и вертикално подравняване на текста за текущия графически елемент. В названието на шрифта може да влизат няколко имена на шрифтове, разделени със запетая. Ако първият шрифт отсъства на компютъра на ползвателя, разглеждащ страницата, то се избира втори и т.н. Някои елементи, като фоновият рисунък, маркерите и хоризонталната линия, нямат настройка на шрифта.
Ако се налага,направете изменения в настройката на графическите елементи на схемата и натиснете ОК, за да потвърдите измененията. Ако не искате да променяте графическите настройки натиснете Отмена. Ще се върнете в диалоговия прозорец Темы.
Натиснете Текст. На екрана се появява диалоговият прозорец Изменение темы. В дясната му част е разположена областта за разглеждане,в която се показва пример за оформление на различните текстови елементи на страницата в зависимост от избраната настройкаВ ляво е разположен падащият списък Элемент:, в който се избира текстовият елемент и полето за въвеждане Шрифт:, в което се избира шрифтът за избрания елемент,а също и списъкът с достъпните шрифтове. Както и за графическите елементи, в названието на шрифта може да влизат няколко имена на шрифтове, разделени със запетая.
Ако се налага ,изберете друг шрифт за текстовите елементи на схемата и натиснете ОК, за да потвърдите изменението. В противен случай - натиснете Отмена. Ще се върнете в диалоговия прозорец Темы.
Можете да запаметите всички направени изменения в текущата схема, натискайки Сохранить, или да запазите текущата схема и направените изменения под ново име, избирайки Сохранить как в диалоговия прозорец Темы.
Вмъкване на илюстрации, звук и видео
Наряду с текстом иллюстрации (рисунки и фотографии) являются одним из основных элементов оформления Web-страниц. Редакторът FrontPage позволява загружать изображения из файлов различных графических форматов: GIF (обычный и анимированный), JPEG, BMP, TIFF, TGA, RAS, EPS, PCX, PNG, PCD и WMF. Вы можете поместить готовый рисунок на страницу, взяв его из библиотеки картинок программы FrontPage, из папки текущего сайта или одного из сайтов на локальном диске, из любого графического файла на локальном диске или загрузив с внешнего сайта в Интернете.
Създайте нова страница на сайта с помощта на команда Пустая страница,избирана от меню Файл, подменю Создать команда Страница или веб-узел.
Поставете курсора в началото на основната област на страницата, и кликнете върху Добавить рисунок из файла на панела инструменти Стандартная. На екрана ще се появи диалоговият прозорец Рисунок. Изберете нужния файл и натиснете ОК. Изображението от файла ще се появи на страницата.
Изберете с мишката поставената рисунка.Около нея ще се появи рамка а в долната част на работния прозорец ще се появи панел инструменти Рисунки за работа с изображението. За да измените размера на изображението, е достатъчно да изтеглите с мишката един от ъглите или една от страните на рамката.
Вие можете да използвате различните инструменти от панела Рисунки за да придадете на изображението необходимия вид и форма: да регулирате контраста на изображението, да въртите изображението по часовата стрелка и обратно, огледално да обръщате рисунката в хоризонтално и вертикално направление, да преобразувате изображението в черно-бяло,да създадете ефект бледно изображение,да създадете ефект триизмерна граница, да разположите текст върху изображението формат GIF и др.
Кликнете с десния бутон на мишката на рисунката и в появилото се контекстно меню изберете команда Свойства рисунка. На екрана ще се появи диалоговият прозорецСвойства рисунка.
Изберете вкладка Вид. Група елементи Обтекание позволява да се избере разположението на рисунката в текста. Падащият списък Выравнивание позволява да се зададе способът за подравняване на рисунката на страницата и нейното разположение спрямо близкия текст В полето за въвеждане Толщина границы може да се зададе дебелината на рамката около изображението. Нулевото значение означава отсъствие на рамка.
В полето за въвеждане Интервал по горизонтали и Интервал по вертикали укажете размера на отстъпа в пиксели от изображението до близките елементи ,за да не се слива рисунката с окръжаващия я текст и другите рисунки. Ако се избере Задать размер, може да се зададат точни значения на ширината и височината на правоъгълната област,която трябва да заема изображението на страницата.
Изберете вкладка Общие за избор на формата на изображение. За съхранение на изображенията в папката на сайта ,FrontPage използва два формата за графически файлове: GIF и JPEG. Всички изображения, разположени на страницата от файлове в други формати, при запаметяване автоматически се преобразуват. При това, рисунки, използващи 256 или по-малко цветове,се съхраняват във формат GIF, a другите - във формат JPEG.
В групата елементи за управление Альтернативное представление може да се избере файлът с предварително подготвеното копие на рисунката, направено с ниска резолюция, която ще се показва при зареждане на основната рисунка, а също текст, показващ се на мястото на рисунката по време на зареждането и в изплуващата подсказка.
В програмата FrontPage има възможност да се ползва библиотека с картинки. За да постигнете това, поставете курсора в позицията, където трябва да се постави рисунката, и изберете в меню Вставка подменю Рисунок команда Картинки. На екрана се появява диалогов прозорец Вставка картинки (рис. 9).
Кликнете на раздела Коллекция картинок. В областта за разглеждане се появява изображение, входящо в избрания раздел. Кликнете с десния бутон на мишката на едно от изображенията и в появилото се контекстно меню изберете команда Вставить. Избраната картинка ще се помести на текущата страница на сайта.
Наряду с различными специальными эффектами для «оживления» страниц широко используются мультимедиа-объекты: звук, видео, Flash-анимация и т.п. Звуковият фрагмент може възпроизвежда при натискането на анимиран бутон или при поставяне на знака на мишката. Освен това, за всяка страница на сайта може да се избере фонов звук или музика, която да бъде възпроизведена при отварянето на страницата.За да изберете фонова музика в режима за редактиране кликнете с десния бутон на мишката някъде в страницата и в появилото се контекстно меню изберете команда Свойства страницы. На екрана ще се появи диалоговият прозорец Свойства страницы с открита вкладка Общие (рис. 10).
В групата елементи на управление Фоновый звук натиснете Обзор и в откриващия се диалогов прозорец Фоновый звук изберете файл с музикални фрагменти.
Звуковият файл необходимо предварително да се подготви. Той може да бъде записан в един от основните формати: Wave Sound (.wav), Midi Sequencer (.mid), Real Media (.ram, .ra), AIFF Sound (.aif, .aifc, .aiff) или AU Sound (.au, .snd). Ако вие предварително не сте поставили файла с музика в папката на сайта, то можете да го намерите в диска, кликвайки на бутона за търсене. За пример може да вземете един от системните звукови файлове в папката \Windows\Media.
В полето за въвеждане Число повторов на диалоговия прозорец Свойства страницы може да се зададе броя на последователните повторения на звуковия фрагмент или да се избере Непрерывно за безкрайно възпроизвеждане.
Да се постави видео на страницата на сайта е толкова лесно, както и да се добави рисунка .
За да се постави на страницата на сайта видеоклип, поставете курсора в нужната позиция и изберете в меню Вставка подменю Рисунок команда Видеозапись. На екрана ще се появи диалоговият прозорец Видео (рис. 11).
За съхранение на видеоинформация се използва формат AVI, а съответствуващите файлове имат разширение *.avi. За поддръжка на други формати видео може да се наложи да се използват допълнителни програмни кодеци илиспециални модули за браузъра.
Ако предварително сте поставили файла с видеоклипа в папката на сайта, изберете го в списъка с файлове и натиснете ОК.
Файл, разположен на друго място н диска може да се намери, натискайки бутона Открыть.
След затваряне на диалоговия прозорец Видео на страницата ще се появява правоъгълник, обозначаващ областта на въвеждане на видеоизображението, в който може да се вижда първият кадър на видеооклипа..
Кликнете с десния бутон на мишката на областта за поставяне на видеоизображения и в появилото се контекстно меню изберете команда Свойства рисунка. На екрана се появява диалогов прозорец Свойства рисунка с открита вкладка Видео.
Избраната флашка При открытии файла указва, че видеоклипът ще се възпроизвежда всеки път при качване на страницата в браузъра. Избраната флашка При наведении указателя мыши позволява да се пуска видеоклипът при поставянето върху него на показалеца на мишката. В полето за въвежданеЧисло повторов може да се укаже, колко пъти да се показва видеоклипът или избирането на Непрерывно за непрекъснато възпроизвеждане. Времето за задържане в миллисекунди между показванията, може да се зададе в полето Задержка между показами. Ако се избере Выводить элементы управления в браузере, то посетителят на сайта може сам да управлява хода на възпроизвеждане.
За да видите, как ще изглежда видеото,запаметете страницата и отворете браузъра, натискайки Просмотр в обозревателе на панела инструменти Стандартная.
Ако основният браузър във вашата система се явява MS Internet Explorer, вие можете да видите, как ще изглежда видеоизображението, просто като превключите в режим на предварително преглеждане на страницата. Настройките за видео не случайно се намират в диалоговия прозорец Свойства рисунка. Помествайки на страницата видеофрагмент, вие също можете да поставите и рисунка за същата тази области на страницата от вкладката Общие. Ако браузърът на посетителя на сайта не поддържа възпроизвеждане на видео, то тогава той ще види рисунката.
Създайте нова страница на сайта с помощта на команда Пустая страница,избирана от меню Файл, подменю Создать команда Страница или веб-узел.
Поставете курсора в началото на основната област на страницата, и кликнете върху Добавить рисунок из файла на панела инструменти Стандартная. На екрана ще се появи диалоговият прозорец Рисунок. Изберете нужния файл и натиснете ОК. Изображението от файла ще се появи на страницата.
Изберете с мишката поставената рисунка.Около нея ще се появи рамка а в долната част на работния прозорец ще се появи панел инструменти Рисунки за работа с изображението. За да измените размера на изображението, е достатъчно да изтеглите с мишката един от ъглите или една от страните на рамката.
Вие можете да използвате различните инструменти от панела Рисунки за да придадете на изображението необходимия вид и форма: да регулирате контраста на изображението, да въртите изображението по часовата стрелка и обратно, огледално да обръщате рисунката в хоризонтално и вертикално направление, да преобразувате изображението в черно-бяло,да създадете ефект бледно изображение,да създадете ефект триизмерна граница, да разположите текст върху изображението формат GIF и др.
Кликнете с десния бутон на мишката на рисунката и в появилото се контекстно меню изберете команда Свойства рисунка. На екрана ще се появи диалоговият прозорецСвойства рисунка.
Изберете вкладка Вид. Група елементи Обтекание позволява да се избере разположението на рисунката в текста. Падащият списък Выравнивание позволява да се зададе способът за подравняване на рисунката на страницата и нейното разположение спрямо близкия текст В полето за въвеждане Толщина границы може да се зададе дебелината на рамката около изображението. Нулевото значение означава отсъствие на рамка.
В полето за въвеждане Интервал по горизонтали и Интервал по вертикали укажете размера на отстъпа в пиксели от изображението до близките елементи ,за да не се слива рисунката с окръжаващия я текст и другите рисунки. Ако се избере Задать размер, може да се зададат точни значения на ширината и височината на правоъгълната област,която трябва да заема изображението на страницата.
Изберете вкладка Общие за избор на формата на изображение. За съхранение на изображенията в папката на сайта ,FrontPage използва два формата за графически файлове: GIF и JPEG. Всички изображения, разположени на страницата от файлове в други формати, при запаметяване автоматически се преобразуват. При това, рисунки, използващи 256 или по-малко цветове,се съхраняват във формат GIF, a другите - във формат JPEG.
В групата елементи за управление Альтернативное представление може да се избере файлът с предварително подготвеното копие на рисунката, направено с ниска резолюция, която ще се показва при зареждане на основната рисунка, а също текст, показващ се на мястото на рисунката по време на зареждането и в изплуващата подсказка.
В програмата FrontPage има възможност да се ползва библиотека с картинки. За да постигнете това, поставете курсора в позицията, където трябва да се постави рисунката, и изберете в меню Вставка подменю Рисунок команда Картинки. На екрана се появява диалогов прозорец Вставка картинки (рис. 9).
Кликнете на раздела Коллекция картинок. В областта за разглеждане се появява изображение, входящо в избрания раздел. Кликнете с десния бутон на мишката на едно от изображенията и в появилото се контекстно меню изберете команда Вставить. Избраната картинка ще се помести на текущата страница на сайта.
Наряду с различными специальными эффектами для «оживления» страниц широко используются мультимедиа-объекты: звук, видео, Flash-анимация и т.п. Звуковият фрагмент може възпроизвежда при натискането на анимиран бутон или при поставяне на знака на мишката. Освен това, за всяка страница на сайта може да се избере фонов звук или музика, която да бъде възпроизведена при отварянето на страницата.За да изберете фонова музика в режима за редактиране кликнете с десния бутон на мишката някъде в страницата и в появилото се контекстно меню изберете команда Свойства страницы. На екрана ще се появи диалоговият прозорец Свойства страницы с открита вкладка Общие (рис. 10).
В групата елементи на управление Фоновый звук натиснете Обзор и в откриващия се диалогов прозорец Фоновый звук изберете файл с музикални фрагменти.
Звуковият файл необходимо предварително да се подготви. Той може да бъде записан в един от основните формати: Wave Sound (.wav), Midi Sequencer (.mid), Real Media (.ram, .ra), AIFF Sound (.aif, .aifc, .aiff) или AU Sound (.au, .snd). Ако вие предварително не сте поставили файла с музика в папката на сайта, то можете да го намерите в диска, кликвайки на бутона за търсене. За пример може да вземете един от системните звукови файлове в папката \Windows\Media.
В полето за въвеждане Число повторов на диалоговия прозорец Свойства страницы може да се зададе броя на последователните повторения на звуковия фрагмент или да се избере Непрерывно за безкрайно възпроизвеждане.
Да се постави видео на страницата на сайта е толкова лесно, както и да се добави рисунка .
За да се постави на страницата на сайта видеоклип, поставете курсора в нужната позиция и изберете в меню Вставка подменю Рисунок команда Видеозапись. На екрана ще се появи диалоговият прозорец Видео (рис. 11).
За съхранение на видеоинформация се използва формат AVI, а съответствуващите файлове имат разширение *.avi. За поддръжка на други формати видео може да се наложи да се използват допълнителни програмни кодеци илиспециални модули за браузъра.
Ако предварително сте поставили файла с видеоклипа в папката на сайта, изберете го в списъка с файлове и натиснете ОК.
Файл, разположен на друго място н диска може да се намери, натискайки бутона Открыть.
След затваряне на диалоговия прозорец Видео на страницата ще се появява правоъгълник, обозначаващ областта на въвеждане на видеоизображението, в който може да се вижда първият кадър на видеооклипа..
Кликнете с десния бутон на мишката на областта за поставяне на видеоизображения и в появилото се контекстно меню изберете команда Свойства рисунка. На екрана се появява диалогов прозорец Свойства рисунка с открита вкладка Видео.
Избраната флашка При открытии файла указва, че видеоклипът ще се възпроизвежда всеки път при качване на страницата в браузъра. Избраната флашка При наведении указателя мыши позволява да се пуска видеоклипът при поставянето върху него на показалеца на мишката. В полето за въвежданеЧисло повторов може да се укаже, колко пъти да се показва видеоклипът или избирането на Непрерывно за непрекъснато възпроизвеждане. Времето за задържане в миллисекунди между показванията, може да се зададе в полето Задержка между показами. Ако се избере Выводить элементы управления в браузере, то посетителят на сайта може сам да управлява хода на възпроизвеждане.
За да видите, как ще изглежда видеото,запаметете страницата и отворете браузъра, натискайки Просмотр в обозревателе на панела инструменти Стандартная.
Ако основният браузър във вашата система се явява MS Internet Explorer, вие можете да видите, как ще изглежда видеоизображението, просто като превключите в режим на предварително преглеждане на страницата. Настройките за видео не случайно се намират в диалоговия прозорец Свойства рисунка. Помествайки на страницата видеофрагмент, вие също можете да поставите и рисунка за същата тази области на страницата от вкладката Общие. Ако браузърът на посетителя на сайта не поддържа възпроизвеждане на видео, то тогава той ще види рисунката.
Създаване на таблица
Основното предназначение на таблицате, е представяне на таблични данни,различни списъци и разписания,но преди всичко таблиците се използват за оформление на Web-страниците, за групиране и подравняване на текстове и рисунки. В програмата FrontPage има богат набор от средства за създаване и оформление на таблици. В кутийките на таблицата могат да бъдат разполагани текстове,рисунки и различни други елементи. В таблицата може също да се постави друга таблица.
Създаването на таблица и поставянето й на страницата става по няколко начина:
1. Избор на Добавить таблицу от панела инструменти Стандартная, после в спомагателния прозорец определяне с помощта на мишката размерите на таблицата
2. Избор от меню Таблица на команда Вставить - Таблица, след това определяне на размерите и другите параметри на таблицата, в диалоговия прозорец Вставка таблицы.
3. Если на странице уже имеются данные, которые нужно отобразить в табличном виде, можно воспользоваться возможностью преобразования текста в таблицу. Для этого нужно выделить текст, выбрать из меню Таблица команду Преобразовать - Текст в таблицу и указать тип разделителя в диалоговом окне Преобразование текста в таблицу.
4. Таблица може също да се създаде чрез изрисуване/изчертаване на нейните граници и вътрешно разпределение директно на страницата.За да стане това е необходимо от меню Вид да се извика панела инструменти Таблицы и на този панел да се избере Нарисовать таблицу, при това показалеца на мишката ще придобие вида на молив.Поставете показалеца на мишката на страницата на мястото на предполагаемото разположение на връхния ляв ъгъл на таблицата, натиснете левия й бутон и преместете показалеца в позиция на долния десен ъгъл на таблицата. Контурът на бъдещата таблица ще се изобрази с пунктирна линия.Отпуснете бутона на мишката.Външната рамка ще бъде зафиксирана на страницата-За изменение на размера на таблицата може с помощта на мишката да се премества горната и долната граница на рамката.После, поставете показалеца на мишката на лявата граница на рамката,натиснете левия бутон на мишката и държейки я натисната,преместете показалеца на мишката надясно и отпуснете бутона. Таблицата ще бъде разделена на два реда.По същия начин направете вертикална линиюя от горната до долната граница.Сега, таблицата ще бъде разделена на четири. Вътрешните граници на таблицата също могат да се преместват с помощта на мишката.Изключете бутона за рисуване на таблица на панела инструменти Таблицы, за да отключите режима на рисуване. Копчето се връща на изходно положение и показалеца на мишката приема стандартен вид.Кутийките на таблицата може произволно да се разбиват и съединяват,за да придобие таблицата нужния вид. За разбиване на кутийките на таблицата следва да се установи курсорът на една от тях и с мишката да се кликне на Разбить ячейки от панела инструменти Таблицы. На екрана се появява диалоговият прозорец Разбить ячейки. С помощта на превключватели може да се избере способ на разбивка :на колони или на редове.. След натискане на ОК кутийката на таблицата ще бъде разбита по начина по който сте указали.
За да обедините две или повече последователни кутийки от таблицата трябва да ги маркирате с помощта на мишката или клавиатурата и да изберете Объединить ячейки на панела инструментиТаблицы. Маркираните кутийки ще бъдат обединени в една.
За определяне на текущата кутийка, редове, колонки или на цялата таблица може да се използва команда от подменю Выделить на меню Таблица.
За таблицата като цяло,или за всяка отделна кутийка могат да бъдат настроени различни параметри, определящи размери, изравняване, цвят и ограничиващи свойства и разделителни линии.
За настройка на параметрите на таблицата, кликнете с десния бутон на мишката върху таблицата и в появяващото се контекстно меню изберете команда Свойства таблицы. На екрана се появява диалоговият прозорец Свойства таблицы (рис. 12).
В групата елементи на управление Положение от диалоговия прозорец Свойства таблицы може да се установи подравняване на таблица на страница (Выравнивание), начинът на обтичане на таблицата от текста (Обтекание), разстояние в пиксели между съдържанието на кутийката и нейните вътрешни граници (Поля ячеек), разстояние в пиксели между съседни кутийки на таблицата (Интервал ячеек), а също да се зададе широчина и височина на таблицата. В групата елементи Границы: може определи размера на външната граница на таблицата , а също да се зададе цвят на границата.Ако се зададе нулев размер на границата,тя ще стане невидима.В групата елементи за управление Фон се определя цвета на фона в областита на таблицата и фоновият рисунък.
След избора на необходимите параметри се натиска OK, за да се затвори диалоговият прозорец Свойства таблицы.
За настройка на параметрите на кутийка от таблицата,кликнете с десния бутон на мишката на избраната кутийка и в появяващото се контекстно меню изберете команда Свойства ячейки. На екрана се появява диалоговият прозорец Свойства ячейки.
В групата елементи на управление Положение от диалогов прозорец Свойства ячейки може да се зададе хоризонтално и вертикално подравняване на съдържанието на кутията, да се зададе точната ширина и височина на кутията. Флашката Ячейка заголовка позволява да се придаде на кутията стил заглавие на таблица.По подразбиране стилът на заглавието предполага иобразяване на текста в кутията с удебелен шрифт. Нормално,такива кутии се разполагат по левия и връхния край на таблицата за обозначение на редовете и колоните. Избора на флашка Не переносить слова забранява пренасянето на думи в кутията на таблицата. В групата елементи за управление Границы се определя цвета на линиите ограничаващи кутията.В групата за управление Фон се определя фоновият цвят и фоновия рисунък на кутията.
След избиране на необходимите параметри на кутията,натиснете ОК, за да затворите диалоговия прозорец Свойства ячейки.
Ако до таблицата е необходимо да се нанесе нейното име, може да се използва команда Вставить – Подпись от меню Таблица.
На страницата може да се добави информация от табличен файл, например, от документ, подготвен с програмата MS Excel. За да стане това,трябва да се използва команда Файл, от меню Вставка и да се избере необходимият тип файл. Данните от табличния файл ще бъдат веднага поместени в таблицата.
Ако е необходимо на страницата да се поместят електронни таблици,графики или диаграми , вие можете да се възползвате от готовите Web-компоненти на пакета MS Office. Можете да ги изберете от меню Вставка – Веб-компонент. Компонентът Электронная таблица представлява по себе си опростен вариант на листа MS Excel. Можете да редактирате таблицата както при конструирането на страницата, така и при преглеждането й в браузъра. Компонентът Сводная таблица позволява съставянето на сводна таблица по информация от базата данни или други източници. Компонентът Диаграмма е предназначен за построяване и поместване на страницата на различни диаграми по данни от електронна таблица, сводна таблица или база данни.
Създаването на таблица и поставянето й на страницата става по няколко начина:
1. Избор на Добавить таблицу от панела инструменти Стандартная, после в спомагателния прозорец определяне с помощта на мишката размерите на таблицата
2. Избор от меню Таблица на команда Вставить - Таблица, след това определяне на размерите и другите параметри на таблицата, в диалоговия прозорец Вставка таблицы.
3. Если на странице уже имеются данные, которые нужно отобразить в табличном виде, можно воспользоваться возможностью преобразования текста в таблицу. Для этого нужно выделить текст, выбрать из меню Таблица команду Преобразовать - Текст в таблицу и указать тип разделителя в диалоговом окне Преобразование текста в таблицу.
4. Таблица може също да се създаде чрез изрисуване/изчертаване на нейните граници и вътрешно разпределение директно на страницата.За да стане това е необходимо от меню Вид да се извика панела инструменти Таблицы и на този панел да се избере Нарисовать таблицу, при това показалеца на мишката ще придобие вида на молив.Поставете показалеца на мишката на страницата на мястото на предполагаемото разположение на връхния ляв ъгъл на таблицата, натиснете левия й бутон и преместете показалеца в позиция на долния десен ъгъл на таблицата. Контурът на бъдещата таблица ще се изобрази с пунктирна линия.Отпуснете бутона на мишката.Външната рамка ще бъде зафиксирана на страницата-За изменение на размера на таблицата може с помощта на мишката да се премества горната и долната граница на рамката.После, поставете показалеца на мишката на лявата граница на рамката,натиснете левия бутон на мишката и държейки я натисната,преместете показалеца на мишката надясно и отпуснете бутона. Таблицата ще бъде разделена на два реда.По същия начин направете вертикална линиюя от горната до долната граница.Сега, таблицата ще бъде разделена на четири. Вътрешните граници на таблицата също могат да се преместват с помощта на мишката.Изключете бутона за рисуване на таблица на панела инструменти Таблицы, за да отключите режима на рисуване. Копчето се връща на изходно положение и показалеца на мишката приема стандартен вид.Кутийките на таблицата може произволно да се разбиват и съединяват,за да придобие таблицата нужния вид. За разбиване на кутийките на таблицата следва да се установи курсорът на една от тях и с мишката да се кликне на Разбить ячейки от панела инструменти Таблицы. На екрана се появява диалоговият прозорец Разбить ячейки. С помощта на превключватели може да се избере способ на разбивка :на колони или на редове.. След натискане на ОК кутийката на таблицата ще бъде разбита по начина по който сте указали.
За да обедините две или повече последователни кутийки от таблицата трябва да ги маркирате с помощта на мишката или клавиатурата и да изберете Объединить ячейки на панела инструментиТаблицы. Маркираните кутийки ще бъдат обединени в една.
За определяне на текущата кутийка, редове, колонки или на цялата таблица може да се използва команда от подменю Выделить на меню Таблица.
За таблицата като цяло,или за всяка отделна кутийка могат да бъдат настроени различни параметри, определящи размери, изравняване, цвят и ограничиващи свойства и разделителни линии.
За настройка на параметрите на таблицата, кликнете с десния бутон на мишката върху таблицата и в появяващото се контекстно меню изберете команда Свойства таблицы. На екрана се появява диалоговият прозорец Свойства таблицы (рис. 12).
В групата елементи на управление Положение от диалоговия прозорец Свойства таблицы може да се установи подравняване на таблица на страница (Выравнивание), начинът на обтичане на таблицата от текста (Обтекание), разстояние в пиксели между съдържанието на кутийката и нейните вътрешни граници (Поля ячеек), разстояние в пиксели между съседни кутийки на таблицата (Интервал ячеек), а също да се зададе широчина и височина на таблицата. В групата елементи Границы: може определи размера на външната граница на таблицата , а също да се зададе цвят на границата.Ако се зададе нулев размер на границата,тя ще стане невидима.В групата елементи за управление Фон се определя цвета на фона в областита на таблицата и фоновият рисунък.
След избора на необходимите параметри се натиска OK, за да се затвори диалоговият прозорец Свойства таблицы.
За настройка на параметрите на кутийка от таблицата,кликнете с десния бутон на мишката на избраната кутийка и в появяващото се контекстно меню изберете команда Свойства ячейки. На екрана се появява диалоговият прозорец Свойства ячейки.
В групата елементи на управление Положение от диалогов прозорец Свойства ячейки може да се зададе хоризонтално и вертикално подравняване на съдържанието на кутията, да се зададе точната ширина и височина на кутията. Флашката Ячейка заголовка позволява да се придаде на кутията стил заглавие на таблица.По подразбиране стилът на заглавието предполага иобразяване на текста в кутията с удебелен шрифт. Нормално,такива кутии се разполагат по левия и връхния край на таблицата за обозначение на редовете и колоните. Избора на флашка Не переносить слова забранява пренасянето на думи в кутията на таблицата. В групата елементи за управление Границы се определя цвета на линиите ограничаващи кутията.В групата за управление Фон се определя фоновият цвят и фоновия рисунък на кутията.
След избиране на необходимите параметри на кутията,натиснете ОК, за да затворите диалоговия прозорец Свойства ячейки.
Ако до таблицата е необходимо да се нанесе нейното име, може да се използва команда Вставить – Подпись от меню Таблица.
На страницата може да се добави информация от табличен файл, например, от документ, подготвен с програмата MS Excel. За да стане това,трябва да се използва команда Файл, от меню Вставка и да се избере необходимият тип файл. Данните от табличния файл ще бъдат веднага поместени в таблицата.
Ако е необходимо на страницата да се поместят електронни таблици,графики или диаграми , вие можете да се възползвате от готовите Web-компоненти на пакета MS Office. Можете да ги изберете от меню Вставка – Веб-компонент. Компонентът Электронная таблица представлява по себе си опростен вариант на листа MS Excel. Можете да редактирате таблицата както при конструирането на страницата, така и при преглеждането й в браузъра. Компонентът Сводная таблица позволява съставянето на сводна таблица по информация от базата данни или други източници. Компонентът Диаграмма е предназначен за построяване и поместване на страницата на различни диаграми по данни от електронна таблица, сводна таблица или база данни.
Създаване на форми
Формата – това е набор от полета, позволяващ да се събере определена информация от посетителите на сайта. Формата се състои от стандартни елементи на потребителския интерфейс, такива, като поле за въвеждане, падащ списък , флашки и превключватели. Нормално, след попълване на формата, посетителят на сайта потвърждава въвеждането на данни с натискане на бутон, или по някакъв друг начин . След това действие получената информация се съхранява във файла или в базата данни на Web-сървъра за последваща обработка и анализ.
За създаването на форми, е необходимо отначало да се определи, какъв тип информация е нужно да се събира. Тя може да бъде например, контактна информация, книга за отзиви и др.
За създаването на форма, поставете курсора на страницата в позицията , където е нужно да се постави формата, и изберете в меню Вставка, подменю Форма командата Форма). На страницата ще се помести форма (рис. 13).
В понятията на FrontPage формата представлява правоъгълна област на страницата, оттделена с пунктирана линия, на която вие можете да поставяте произволен текст и поля формы, то есть стандартные елементи типа полета за въвеждане, флашки, падащи списъци и т.н. В новата форма автоматически се включват два бутона: Отправить за изпращане на въведената информация и Сброс за почистване на полето или установяване на изходното значение.
Поставете курсора вътре във формата и изберете в меню Вставка, подменю Форма командата Текстовое поле. На формата ще се появи поле за въвеждане на текст.. Ширината на полето за въвеждане може да се измени, придвижвайки го за края с помощта на мишката.
Кликнете с десния бутон на мишката на полето за въвеждане и в появилото се контекстно меню изберете команда Свойства поля формы. На екрана се появява диалоговият прозорец Свойства текстового поля (рис. 14).
В полето Имя дайте име за полето на формата. Името на полето не се показва на формата, а се явява вътрешен идентификатор, който се използва при съхранението на значението на полето във файла или в базата данни. В полето за въвеждане Начальное значение: може да се зададе текст, който да присъства в полето по подразбиране. Полето Ширина в знаках и Число строк определя видимата област на полето за въвеждане. Натишснете ОК, за да затворите диалоговия прозорец и запазите измененията.
Изберете в меню Вставка, подменю Форма команда Раскрывающийся список. На формата ще бъде поместен падащ списък.Той е предназнаен за избор на едно или няколко значения от тези в списъка.
Кликнете с десния бутон на мишката върху падащия списък на формата и в появилото се контекстно меню изберете команда Свойства поля формы…. На екрана се появява диалоговият прозорец Свойства раскрывающегося списка (рис. 15). В полето Имя задайте име на полето на формата.Натиснете Добавить. На екрана се появява диалоговият прозорец Добавление варианта. В полето за въвеждане Вариант задайте названието на списъка.
Ако се избере флашката Значение, то в полето за въвеждане под нея може да се зададе значение, което ще се предава вместо набраното название. При неизбрана флашка значението е еквивалентно с названието на елемента от списъка. Превключвателят Начальное состояние: определя, ще бъде ли даденият елемент избран по подразбиране.
Натиснете ОК. Диалоговият прозорец Добавление варианта се затваря и въведеният элемент ще бъде добавен в списъка в централната част на диалоговия прозорец Свойства раскрывающегося списка.
С помощта на бутона в дясната част на диалоговия прозорец може да се изменят, изтриват и преместват елементите на списъка. Натиснете ОК, за да затворите диалоговия прозорец Свойства раскрывающегося списка и да съхраните измененията.
Поставете курсора на следващия ред форми и изберете в меню Вставка подменю Форма команда Флажок. На формата ще бъде поместена флашка.Тя е предназначена за избор на възможности, които имат два варианта: да или не.
Въведете вдясно от флашката нейното заглавие и пояснителен текстКликнете с десния бутон на мишката и в появилото се контекстно меню изберете команда Свойства поля формы. На екрана се появява диалоговият прозорец Свойства флажка. В полето Имя задайте името на полето на формата. В полето въвеждане Значение задайте е значението, което ще се предава в качеството на резултата при избрана флашка, например, Да. Превключвателят Initial Value Начальное состояние определя, ще бъде ли избрана по подразбиране флашката,или не..
Натиснете ОК, за да затворите диалоговия прозорец Свойства флажка и запазите измененията.
За да измените измените текста на бутона Отправить, кликнете с десния буутон на мишката върху бутона, и в появилото се контекстно меню изберете команда Свойства поля формы. На екрана се появява диалоговият прозорец Свойства кнопки. Въведете новия текст в полето за въвеждане Значение или подпись и натиснете ОК.
Точно така можете да замените текста на бутона Сброс на по-понятен, например, Очистить поля.
Съхранете страницата и отворете браузъра, избирайки в меню Файл команда Просмотр в обозревателе. В браузъра ще се покаже страница с форми.
На формата може да се поместят още ред елементи, намиращи се в меню Вставка. За да се подравнят елементите на формата и се разположат по нужния начин, може да се използват такива прийоми ,както за работата с текст: добавяне на символи на пренасяне на реда, задаване на формата на абзаца, поместване на таблици и команди за позициониране.
След като посетителят на сайта натисне бутон Отправить, е необходимо да бъдат получени данни от попълнената форма резултатите от формата - и да се съхранят за последваща обработка. В програмата FrontPage съществуват няколко способа за обработка на резултатите от формите.
Кликнете с десния бутон на мишката някъде във формата и в появилото се контекстно меню изберете команда Свойства формы. На екрана се появява диалоговият прозорец Свойства формы (рис. 16). С помощта на групатаелементи за управление Сохранение результатов се определя способът за съхранение на резултатите на формата. По подразбиране,е зададен първият превключвател Отправка. Това означава,че получените данни могат да бъдат съхранени в текстови файл,указан в полето Имя файла, или изпратени по електронната поща на адреса, зададен в полето Адрес почты.
Натиснете Параметры. На екрана се появява диалоговият прозорец Сохранение результатов (рис. 17).
В този диалогов прозорец може да се настроят различни параметри за съхранение на резултатите във файл или писмо.Чрез Запись результатов може да се избере формат на файла. Последният може да бъде текстови файл с различни видове разделители или файл във формат HTML. Тук може да се зададе втори файл за резултатите.. Такава възможност е удобна, например, ако е необходимо да се подготви един резултат за съхранение в базата данни и друг за показването му на страницата.Чрез Отправка результатов по почте може да се избере формат за писма, да се зададе темата на писмото и изпращача. Чрез Страница подтверждения има възможност да се зададе адресът на страницата с информация за потвърждаване на въвеждането, а също адрес на страницата, показващ се при нарушение на правилата за въвеждане.Чрез Сохраняемые поля може изборно да се причисляват полета на формата, които да съхранят, и зададат техния ред, а също да включат в резултат допълнителни полета: дата, време, име на дадения компютър, име на ползвателя и тип обозревателя.
За да се създаде форма, може също да се използват готови шаблони или мастери за създаване на форми. За това е нужно да се избере в меню Файл, подменю Создать, команда Страница и в диалоговия прозорец Новая страница, да се избере един от шаблоните или да се избере мастера, който изисква необходимата информация за създаване на страница с форма.
2.2.7. Вмъкване/добавяне на връзки
Връзка или хипервръзка/линк/ представлява връзка между елементите на страницата - текст или рисунка - и някои обекти или адреси, към които се задава връзка .Най-често връзката се задава към друга страница на същия сайт,, но също така може да се задава към друга област на същата страница, към страница на друг сайт в Интернет, към адрес на електронна поща,към файл или програма. При активация на връзката (най-често,при кликване с мишката на нея) настъпва отваряне на свързаната с връзка страница, отваряне на файла или пускане на програмата.
Връзката съдържа в себе си адреса или пътя към обекта, записан в определен формат. Такъв адрес често се обозначава с абревиатура URL (Uniform Resource Locator – Стандартен указател на ресурса). Адресът може да съдържа названието на протокола за предаване на данни, името на Web-сървъра или компютъра, името на домейна, каталога и името на файла. При конструиране на сайта в програмата FrontPage в голяма част от случаите, не е необходимо изрично записване на адреса на връзката, достатъчно е да се зададе страницата, файлът или обектът, и FrontPage сам создава нужната връзка. Ако преименувате файла,или го поставите в друга папка, FrontPage автоматически ще обнови свързаните с файла връзки.
Да видим, как може да се създаде връзка от една страница на сайта с друга.
Преминете в режим на преглеждане на папки и файлове на сайта и два пъти кликнете на страницата svedeniya.htm в списъка файлове. Страницата svedeniya.htm ще бъде отворена в режим на редактиране.
Поставете курсора в началото на страницата и наберете следния текст: В нашем лицее изучают сценическое искусство.
После маркирайте в набрания текст думите сценическое искусство и изберете команда Гиперссылка меню Вставка. На екрана се появява диалоговият прозорец Добавление гиперссылки (рис. 18).
В списъка файлове в централната област на диалоговия прозорец изберете файл ucheba.htm и натиснете ОК. На страницата ще бъде добавена текстова връзка с указаната страница, а маркираните думи ще бъдат отбелязани с цвят и подчертаване.
Проверка на връзката се прави в режим преглеждане на страницата.
Вие можете да създадете връзка от рисунка от папките на сайта,задавайки в диалоговия прозорец Добавление гиперссылки ,нужния файл с изображения GIF или JPEG.
Връзка може да се зададе към файл,разположен на локалния диск,или на един от компютрите на локалната мрежа. За създаване на такава връзка е необходимо да се кликне на бутона търсене на файла, в диалоговия прозорец Добавление гиперссылки и да се избере необходимият файл.
При това FrontPage сформира съответстващ адрес за връзка. Файлът, към който се задава връзката, трябва да бъде достъпен на този адрес, когато сайтът бъде поместен на Web-сървъра.
Акое нужно, за да се зададе връзка към страница или файл на друг сайт в Интернет, вие можете да зададете адреса на сайта и пътя към страницата в поле Адрес от диалоговия прозорец Добавление гиперссылки или да намерите страницата с помощта на браузъра, натискайки бутон Интернет.
Освен прехода на друга страница, показване на картинка или отваряне на файл, активизацията на връзката може също да извиква създаване на електронно писмо, адресирано към определен абонат.За добавяне на такава връзка на страницата е нужно в полето Связать с да се натисне бутона электронной почтой в диалоговия прозорец Добавление гиперссылки и след това да се въведе адресът на електронната поща.
Вие можете да създавате връзка, зададена към документ, създаден в программа Word, Excel или PowerPoint. Когато посетителят на сайта кликне с мишката на такава връзка, браузърът извиква едно от приложениата на MS Office, или програмата за разглеждане и открива в нея документа. Някой браузъри могат сами да показват документи, създадени в програмите Word и Excel, използвайки технологията за вградени обекти (OLE).
Ако е необходимо да се измени адресът на връзката, кликнете на нея с десния бутон на мишката и в появилото се контекстно меню изберете команда Свойства гиперссылки. Наекрана при това ще се появи диалоговият прозорец Изменение гиперссылки, в който е необходимо да се зададе новият обект или да се въведе новият адрес.
Освен текстова връзка, на страницата може да се помести връзка-рисунка. Нормално при поставяне на показалеца на мишката върху рисунката-връзка в браузъра,той приема формата на ръка. Създаването на връзка-рисунка става по същия начин , както и при текстовата връзка .
За създаването на връзка-рисунка следва да се избере в меню Вставка подменю Рисунок команда Из файла или да се натисне бутонът Добавить рисунок из файла на панела инструменти Стандартная. На екрана ще се появи диалоговият прозорец Рисунок. В списъка файлове на сайта да се избере файлът с рисунката и да се натисне ОК. На страницата ще бъде показана избраната рисунка . После да се кликни с десния бутон на мишката на рисунката и в появилото се контекстно меню да се избере команда Гиперссылка. На екрана се появява диалоговият прозорец Добавление гиперссылки. В този диалогов прозорец се задава страница от сайта,файл или се въвежда адрес,по същия начин,както при текстовата връзка,и да се натисне ОК. Към рисунката ще бъде прикачен линк със зададения адрес.
За проверка на функционирането на рисунката-линк,превключваме в режим на преглеждане. Обычно текстовые ссылки выделяются на странице отдельным цветом и подчеркиванием. Вие можете да изменяте цвета на изображенията на линка на страницата. Съответните настройки са расположени в диалоговия прозорец Изменение гиперссылки, който се извиква с команда от контекстното меню Свойства гиперссылки на хипервръзката.
Ако се премахне страницата от сайта, към която е зададен линкът,настъпва срив на връзката и линкът престава да работи. Кликайки на такъв линк в браузъра, посетителят на сайта ще получи съобщение за грешка. За да се избегнат такива ситуации,е необходимо предварително да се коригират и изтриват всички подобни линкове. Извикването на такива линкове е възможно с помощта на отчети,за които ще говорим подробно в часта ,посветена на правописа,линковете и анализ на структурата на сайта.
За създаването на форми, е необходимо отначало да се определи, какъв тип информация е нужно да се събира. Тя може да бъде например, контактна информация, книга за отзиви и др.
За създаването на форма, поставете курсора на страницата в позицията , където е нужно да се постави формата, и изберете в меню Вставка, подменю Форма командата Форма). На страницата ще се помести форма (рис. 13).
В понятията на FrontPage формата представлява правоъгълна област на страницата, оттделена с пунктирана линия, на която вие можете да поставяте произволен текст и поля формы, то есть стандартные елементи типа полета за въвеждане, флашки, падащи списъци и т.н. В новата форма автоматически се включват два бутона: Отправить за изпращане на въведената информация и Сброс за почистване на полето или установяване на изходното значение.
Поставете курсора вътре във формата и изберете в меню Вставка, подменю Форма командата Текстовое поле. На формата ще се появи поле за въвеждане на текст.. Ширината на полето за въвеждане може да се измени, придвижвайки го за края с помощта на мишката.
Кликнете с десния бутон на мишката на полето за въвеждане и в появилото се контекстно меню изберете команда Свойства поля формы. На екрана се появява диалоговият прозорец Свойства текстового поля (рис. 14).
В полето Имя дайте име за полето на формата. Името на полето не се показва на формата, а се явява вътрешен идентификатор, който се използва при съхранението на значението на полето във файла или в базата данни. В полето за въвеждане Начальное значение: може да се зададе текст, който да присъства в полето по подразбиране. Полето Ширина в знаках и Число строк определя видимата област на полето за въвеждане. Натишснете ОК, за да затворите диалоговия прозорец и запазите измененията.
Изберете в меню Вставка, подменю Форма команда Раскрывающийся список. На формата ще бъде поместен падащ списък.Той е предназнаен за избор на едно или няколко значения от тези в списъка.
Кликнете с десния бутон на мишката върху падащия списък на формата и в появилото се контекстно меню изберете команда Свойства поля формы…. На екрана се появява диалоговият прозорец Свойства раскрывающегося списка (рис. 15). В полето Имя задайте име на полето на формата.Натиснете Добавить. На екрана се появява диалоговият прозорец Добавление варианта. В полето за въвеждане Вариант задайте названието на списъка.
Ако се избере флашката Значение, то в полето за въвеждане под нея може да се зададе значение, което ще се предава вместо набраното название. При неизбрана флашка значението е еквивалентно с названието на елемента от списъка. Превключвателят Начальное состояние: определя, ще бъде ли даденият елемент избран по подразбиране.
Натиснете ОК. Диалоговият прозорец Добавление варианта се затваря и въведеният элемент ще бъде добавен в списъка в централната част на диалоговия прозорец Свойства раскрывающегося списка.
С помощта на бутона в дясната част на диалоговия прозорец може да се изменят, изтриват и преместват елементите на списъка. Натиснете ОК, за да затворите диалоговия прозорец Свойства раскрывающегося списка и да съхраните измененията.
Поставете курсора на следващия ред форми и изберете в меню Вставка подменю Форма команда Флажок. На формата ще бъде поместена флашка.Тя е предназначена за избор на възможности, които имат два варианта: да или не.
Въведете вдясно от флашката нейното заглавие и пояснителен текстКликнете с десния бутон на мишката и в появилото се контекстно меню изберете команда Свойства поля формы. На екрана се появява диалоговият прозорец Свойства флажка. В полето Имя задайте името на полето на формата. В полето въвеждане Значение задайте е значението, което ще се предава в качеството на резултата при избрана флашка, например, Да. Превключвателят Initial Value Начальное состояние определя, ще бъде ли избрана по подразбиране флашката,или не..
Натиснете ОК, за да затворите диалоговия прозорец Свойства флажка и запазите измененията.
За да измените измените текста на бутона Отправить, кликнете с десния буутон на мишката върху бутона, и в появилото се контекстно меню изберете команда Свойства поля формы. На екрана се появява диалоговият прозорец Свойства кнопки. Въведете новия текст в полето за въвеждане Значение или подпись и натиснете ОК.
Точно така можете да замените текста на бутона Сброс на по-понятен, например, Очистить поля.
Съхранете страницата и отворете браузъра, избирайки в меню Файл команда Просмотр в обозревателе. В браузъра ще се покаже страница с форми.
На формата може да се поместят още ред елементи, намиращи се в меню Вставка. За да се подравнят елементите на формата и се разположат по нужния начин, може да се използват такива прийоми ,както за работата с текст: добавяне на символи на пренасяне на реда, задаване на формата на абзаца, поместване на таблици и команди за позициониране.
След като посетителят на сайта натисне бутон Отправить, е необходимо да бъдат получени данни от попълнената форма резултатите от формата - и да се съхранят за последваща обработка. В програмата FrontPage съществуват няколко способа за обработка на резултатите от формите.
Кликнете с десния бутон на мишката някъде във формата и в появилото се контекстно меню изберете команда Свойства формы. На екрана се появява диалоговият прозорец Свойства формы (рис. 16). С помощта на групатаелементи за управление Сохранение результатов се определя способът за съхранение на резултатите на формата. По подразбиране,е зададен първият превключвател Отправка. Това означава,че получените данни могат да бъдат съхранени в текстови файл,указан в полето Имя файла, или изпратени по електронната поща на адреса, зададен в полето Адрес почты.
Натиснете Параметры. На екрана се появява диалоговият прозорец Сохранение результатов (рис. 17).
В този диалогов прозорец може да се настроят различни параметри за съхранение на резултатите във файл или писмо.Чрез Запись результатов може да се избере формат на файла. Последният може да бъде текстови файл с различни видове разделители или файл във формат HTML. Тук може да се зададе втори файл за резултатите.. Такава възможност е удобна, например, ако е необходимо да се подготви един резултат за съхранение в базата данни и друг за показването му на страницата.Чрез Отправка результатов по почте може да се избере формат за писма, да се зададе темата на писмото и изпращача. Чрез Страница подтверждения има възможност да се зададе адресът на страницата с информация за потвърждаване на въвеждането, а също адрес на страницата, показващ се при нарушение на правилата за въвеждане.Чрез Сохраняемые поля може изборно да се причисляват полета на формата, които да съхранят, и зададат техния ред, а също да включат в резултат допълнителни полета: дата, време, име на дадения компютър, име на ползвателя и тип обозревателя.
За да се създаде форма, може също да се използват готови шаблони или мастери за създаване на форми. За това е нужно да се избере в меню Файл, подменю Создать, команда Страница и в диалоговия прозорец Новая страница, да се избере един от шаблоните или да се избере мастера, който изисква необходимата информация за създаване на страница с форма.
2.2.7. Вмъкване/добавяне на връзки
Връзка или хипервръзка/линк/ представлява връзка между елементите на страницата - текст или рисунка - и някои обекти или адреси, към които се задава връзка .Най-често връзката се задава към друга страница на същия сайт,, но също така може да се задава към друга област на същата страница, към страница на друг сайт в Интернет, към адрес на електронна поща,към файл или програма. При активация на връзката (най-често,при кликване с мишката на нея) настъпва отваряне на свързаната с връзка страница, отваряне на файла или пускане на програмата.
Връзката съдържа в себе си адреса или пътя към обекта, записан в определен формат. Такъв адрес често се обозначава с абревиатура URL (Uniform Resource Locator – Стандартен указател на ресурса). Адресът може да съдържа названието на протокола за предаване на данни, името на Web-сървъра или компютъра, името на домейна, каталога и името на файла. При конструиране на сайта в програмата FrontPage в голяма част от случаите, не е необходимо изрично записване на адреса на връзката, достатъчно е да се зададе страницата, файлът или обектът, и FrontPage сам создава нужната връзка. Ако преименувате файла,или го поставите в друга папка, FrontPage автоматически ще обнови свързаните с файла връзки.
Да видим, как може да се създаде връзка от една страница на сайта с друга.
Преминете в режим на преглеждане на папки и файлове на сайта и два пъти кликнете на страницата svedeniya.htm в списъка файлове. Страницата svedeniya.htm ще бъде отворена в режим на редактиране.
Поставете курсора в началото на страницата и наберете следния текст: В нашем лицее изучают сценическое искусство.
После маркирайте в набрания текст думите сценическое искусство и изберете команда Гиперссылка меню Вставка. На екрана се появява диалоговият прозорец Добавление гиперссылки (рис. 18).
В списъка файлове в централната област на диалоговия прозорец изберете файл ucheba.htm и натиснете ОК. На страницата ще бъде добавена текстова връзка с указаната страница, а маркираните думи ще бъдат отбелязани с цвят и подчертаване.
Проверка на връзката се прави в режим преглеждане на страницата.
Вие можете да създадете връзка от рисунка от папките на сайта,задавайки в диалоговия прозорец Добавление гиперссылки ,нужния файл с изображения GIF или JPEG.
Връзка може да се зададе към файл,разположен на локалния диск,или на един от компютрите на локалната мрежа. За създаване на такава връзка е необходимо да се кликне на бутона търсене на файла, в диалоговия прозорец Добавление гиперссылки и да се избере необходимият файл.
При това FrontPage сформира съответстващ адрес за връзка. Файлът, към който се задава връзката, трябва да бъде достъпен на този адрес, когато сайтът бъде поместен на Web-сървъра.
Акое нужно, за да се зададе връзка към страница или файл на друг сайт в Интернет, вие можете да зададете адреса на сайта и пътя към страницата в поле Адрес от диалоговия прозорец Добавление гиперссылки или да намерите страницата с помощта на браузъра, натискайки бутон Интернет.
Освен прехода на друга страница, показване на картинка или отваряне на файл, активизацията на връзката може също да извиква създаване на електронно писмо, адресирано към определен абонат.За добавяне на такава връзка на страницата е нужно в полето Связать с да се натисне бутона электронной почтой в диалоговия прозорец Добавление гиперссылки и след това да се въведе адресът на електронната поща.
Вие можете да създавате връзка, зададена към документ, създаден в программа Word, Excel или PowerPoint. Когато посетителят на сайта кликне с мишката на такава връзка, браузърът извиква едно от приложениата на MS Office, или програмата за разглеждане и открива в нея документа. Някой браузъри могат сами да показват документи, създадени в програмите Word и Excel, използвайки технологията за вградени обекти (OLE).
Ако е необходимо да се измени адресът на връзката, кликнете на нея с десния бутон на мишката и в появилото се контекстно меню изберете команда Свойства гиперссылки. Наекрана при това ще се появи диалоговият прозорец Изменение гиперссылки, в който е необходимо да се зададе новият обект или да се въведе новият адрес.
Освен текстова връзка, на страницата може да се помести връзка-рисунка. Нормално при поставяне на показалеца на мишката върху рисунката-връзка в браузъра,той приема формата на ръка. Създаването на връзка-рисунка става по същия начин , както и при текстовата връзка .
За създаването на връзка-рисунка следва да се избере в меню Вставка подменю Рисунок команда Из файла или да се натисне бутонът Добавить рисунок из файла на панела инструменти Стандартная. На екрана ще се появи диалоговият прозорец Рисунок. В списъка файлове на сайта да се избере файлът с рисунката и да се натисне ОК. На страницата ще бъде показана избраната рисунка . После да се кликни с десния бутон на мишката на рисунката и в появилото се контекстно меню да се избере команда Гиперссылка. На екрана се появява диалоговият прозорец Добавление гиперссылки. В този диалогов прозорец се задава страница от сайта,файл или се въвежда адрес,по същия начин,както при текстовата връзка,и да се натисне ОК. Към рисунката ще бъде прикачен линк със зададения адрес.
За проверка на функционирането на рисунката-линк,превключваме в режим на преглеждане. Обычно текстовые ссылки выделяются на странице отдельным цветом и подчеркиванием. Вие можете да изменяте цвета на изображенията на линка на страницата. Съответните настройки са расположени в диалоговия прозорец Изменение гиперссылки, който се извиква с команда от контекстното меню Свойства гиперссылки на хипервръзката.
Ако се премахне страницата от сайта, към която е зададен линкът,настъпва срив на връзката и линкът престава да работи. Кликайки на такъв линк в браузъра, посетителят на сайта ще получи съобщение за грешка. За да се избегнат такива ситуации,е необходимо предварително да се коригират и изтриват всички подобни линкове. Извикването на такива линкове е възможно с помощта на отчети,за които ще говорим подробно в часта ,посветена на правописа,линковете и анализ на структурата на сайта.
Абонамент за:
Публикации (Atom)