Създаване на уеб сайтове с FrontPage

9.1 Създаваненауебсайтове
сFrontPage
Следзавършваненаурока,щеможетеда:
Планиратесайт,койтощебъдесъздаденсFrontPage
Създадетеновуебсайт
Оформятеподстраници
Използватеоформлениетонаподстраницизаизгражданена
уебстраници
СъздадетеначалнастраницасFrontPage
Когатогледатеновинипотелевизията,единственотонещо,от
коетоиматенужда,етелевизоримясто,къдетодаседнете.Но
нетакастоивъпроса,когатонаеметевидеофилм,койтоепълен
съсстрахотнизвуковиефекти.Вместодагогледатенаевтиния
13-инчовтелевизоротвреметонабабави,вероятнобихте
предпочелипоследнатадуманатехниката.Налигизнаететези
лесноуправляемисистемисдистанционно,койтоиматогромен
икристалночистекран,дигиталенкабел,Dolbyстерео,
заобиколениоттонколони,коитоизкусносмесватзвуците.И
всичкитезинещасаумелоподреденизаоптималногледанеи
слушанеоткомфортнокоженоканапе.Сигурнощесесъгласите,
четенесастриктнонеобходими,новсепакразликатав
качествотопонякогаеогромна.Същототоваможедабъде
вярнозаHTMLредакторите.Notepad(основентекстовиредактор)
изглеждакато„гледаненаобикновентелевизор”щосеотнасядо
използванетомузасъздаванетонауебстраници,докато
FrontPageдававъзможностзаедна„луксознадомашнасистема”
вразработванетонауебсайтове.Втозиурокщесезанимавамес
„екстрите”.
Задасъздадетеуебстраниците,коитосаописанивтозиурок,ще
иматенуждаотследното:
КопиенаMicrosoft
®
FrontPage
®
(запредпочитаневерсия
2002).
38практическифайлове,коитомогатдабъдатнамеренив
папкатаWorldWideWebPracticeнатвърдиявидиск.Тези
файловевключватmars.doc,thankyou.htm,36графични
файла,коитощеизползватевуебсайта,създаденс
FrontPage.
Задасеподготвитезадейноститевтозиурок,следвайте
следнитестъпки:

9.2 ИзползваненаИнтернетиWWW 1Създайтепапканатвърдиявидискиянаречете“sky”.(За
удобствовтозиуроквечещенаричамевашиятвърддиск
C:\.)
2Копирайтефайловетеmars.docandthankyou.htmотпапка
Lesson09,коятосенамиравпапкатаWorldWideWebPractice
впапкатаC:\sky,коятотоку-щосъздадохте.
3СъздайтеогледалнапапкавC:\skyикопирайтеследните
графикивтазипапка:
B_aboutus.gif bg.gif mars.jpg
B_aboutus2.gif bigdip1.gif neptune.jpg
B_contact.gif bigdip2.gif saturn.jpg
B_contact2.gif bigdip3.gif solarsystem.gif
B_gallery.gif bigdip4.gif t_aboutus.gif
B_gallery2.gif bigdip5.gif t_contact.gif
B_links.gif bullet_star.gif t_gallery.gif
B_links2.gif corner_botm_left.gif t_links.gif
B_meetings.gif corner_botm_right.gi
f
t_meetings.gif
B_meetings2.gif corner_top_left.gif t_skyguide.gif
B_skyguide.gif corner_top_right.gif titlebar-
home.gif
B_skyguide2.gif logo.gif titlebar.gif
ПланираненавашияуебсайтсFrontPage
Когатовначалотопланирахмепроектанасайтанатозиурок,
имахменамерениедасъздадемстраницанаединвъображаем
отбор,нозанещастиенеможахмедаубедимдостатъчно
приятелидапозиратзаснимкатанаотбора,такачерешихмеда
създадемуебсайтнаклубпоастрономия.Решихмедаоставим
многоотфункциите,коитобяхмепланирализасайтанаотбора
засайтанаклубапоастрономия.Напримервместодасе
направиогледалнакартаотснимкатанаотбора,къдетоможеше
дасещракневърхуглаватанавсекичовекототбора,зада
влезетевличнатамустраница,ниеизползвахмекартана
слънчеватасистема,къдетоможетедащракнетевърхувсяка
планета,задасевлезевстраницасъдържащаинформацияза
тазипланета.Надявамесе,чекатоекспериментиратес
техниките,коитопредставямевтозипроект,щезапочнетеда
мислитезаначини,коитоможетедакомбинирате,зада
създаватеуебстраници.
Следкатоопределихме,чевъображаемклубпоастрономияще
нисвърширабота,решихме,четозисайттрябвадасесъстоиот

Урок9 СъздаваненауебсайтовесFrontPage 9.3 персонализирананачалнастраница,свързанакъмстандартните
форматинаподстраници.Използванетонанестандартна
началнастраницаечестосрещанатехникавуебдизайна,
използвана,задасенаправитака,ченачалнатастраницадасе
откроиотподстраниците.Порадифакта,чеFrontPageпредлага
толковамногоопции,решихме,чепоказванетонанестандартна
началнастраницащепокажедобридизайнерскиуменияибини
позволилодапокажемняколкоотдопълнителнитефункциина
FrontPage.Задавидитенашияпроцеснапланиране,погледнете
фигуритеот9-1до9-3.Фигура9-1показвапланнаГолямата
мечка,коятощеизползвамезаначалнатастраница.Фигура9-2
показваплананаоформлениетонастандартнаподстраница.И
накраяФигура9-3показвакартанасайтанаклубапо
астрономия.
Фигура9-1.
Планнаначалнатастраницанаклубапоастрономия,която
показвакакГоляматамечкасъдържавръзкикъмглавните
подстраницинасайта

9.4 ИзползваненаИнтернетиWWW Фигура9-2.
Планътнатипичнатаподстраницанаклубапоастрономия
показва,чеподстраницитещебъдатструктурираниразличноот
началнатастраница

Урок9 СъздаваненауебсайтовесFrontPage 9.5 Фигура9-3.
Картатанауебсайтанаклубапоастрономия,коятоизяснява
йерархиятанасайта
Порадиотносителнатасложностнаначалнатастраница,щея
създадетепоследна.Втозипроектщезапочнетедизайнерския
процессизясняваненаидеятазастандартнотооформлениена
подстраницитенасайта,катосъздадетедокументsubpage.htm,
койтоможетедаизползватекатошаблонзасъздаванетона
страницитенасайта.Нопърво,предидазапочнетеизграждането
науебстраниците,щетрябвадакажетенаFrontPage,чеискате
дасъздадетеновастраница.
.

9.6 ИзползваненаИнтернетиWWW Създаваненановуебсайт
Кактовечеказахме,първатастъпкапридизайнанауебсайте,да
сенаправиподготовканаFrontPageзаизгражданетонановсайт.
Заданаправитетова,следвайтетезистъпки:
1Уверетесе,честесъздалипапканареченаC:\sky\images,в
коятостесложиликартиникопирани,отпапкатанаLesson09
вInternet-WorldWideWebPractice.Уверетесесъщотака,че
стекопиралиmars.docиthankyou.htmотпапкатаLesson09и
стесъхранилифайловетевC:\sky.
2ОтворетеFrontPageизатворетепразниядокумент,акосе
отворитакъв.
3АкопрозорецPageилиWebнесеотвори,отворетеменюто
File,изберетеNewипослещракнетевърхуPageилиWeb.
4ВсекциятаNewщракнетевърхуопциятаEmptyWebи
диалоговиятпрозорецSpecifyTheLocationOfTheNewWebсе
появява.Маркирайтесъществуващиятекстинапишете
C:\skyилищракнетеBrowseисепридвижетедоC:\skyи
посленатиснетеОК.Следкраткаобработка,докато
FrontPageдобавяFrontPageServerExtensionsвъввашатаWeb
папка(C:\sky),щевидитезаглавнаталентанаFrontPageдасе
променянаMicrosoftFrontPage-C:\sky,коетощерече,чевече
стеготовизадействие.
5ЩракнетевърхуиконатаReportsвлентатаViewsпо
продължениеналяватастрананапрозорецанаFrontPage.
Тозидокладсепоявява,защотовиестесъхранилиграфикив
C:\sky\imagesиmars.docиthankyou.htmвC:\sky.
БележкаВъпрекичееудобнодаиматенаразположениевсички
изображения,коитопланиратедаизползватевъввашиясайт,
тованеезадължително.Порадифакта,чеграфикитезасайтана
клубапоастрономиявечесаготовиисъхранени(изащототози
курсезасъздаваненауебстраници,анеграфики),виеможете
простоприсъздаванетонасайтанатозипроект(иликойтоида
едругпроект)даорганизиратеграфикитезасайтапредида
започнетенеговотосъздаване.
6ЩракнетевърхуиконатаPageналентатаViewsипосле
щракнетевърхубутонаCreateANewNormalPageвлентатас
инструментиStandard,задаотворитепразнастраница
(обърнетевнимание,чезаглавнаталентавъвFrontPageсе
променянаMicrosoftFrontPage-C:\sky\new_page_1.htm).
Сегавечестеготовидасъздадетестандартнаподстраница,
коятоможетедаизползватекатошаблонзауебсайтанаклуба
поастрономия.
Създаваненаоформлениетона

Урок9 СъздаваненауебсайтовесFrontPage 9.7 подстраница
Втазисекциящесъздадетестандартнооформлениена
подстраница,коятощеможетедакопирате,задасъздадете
шаблонзавсякаподстраницавтозисайт.Първо,настройте
свойстватанаподстраницата.
Настройваненасвойстватанастраница
Катоначалоуверетесе,чеиматеотворенопразноработно
пространствовъвFrontPage.Акостеследвалистъпкитев
предишнатасекция,трябвавечедагоимате.Следвайте
посоченитестъпки,задасъздадетеосновнаподстраница:
1Щракнетевърхупразнотополенастраницатаиизберете
PageProperties.ОтваряседиалоговиятпрозорецPage
Properties.
2НапишетеКлубътпоастрономиявтекстовотополена
етикетаGeneral,такакактоепоказановфигура9-4.
Фигура9-4.
Можетеданапишетезаглавентекствдиалоговияпрозорец
PageProperties
3ЩракнетевърхуетикетаBackground,изберетекутиятаза
отметкиBackgroundPicture,задауточнитечеискате
страницатадаизползваснимказафонипослещракнете

9.8 ИзползваненаИнтернетиWWW Browse.
4ВдиалоговияпрозорецSelectBackgroundPictureщракнете
двапътивърхукартинитевпапкатаC:\skyипослещракнете
върхуbg.gifтака,кактоепоказановфигура9-5.
5ЩракнетевърхуOpen,задаизберетефоновакартинаисе
върнетекъмдиалоговатакутияPageProperties.
Фигура9-5.
Задазададетефоновакартинанавашатауебстраница,
изберетеbg.gifвдиалоговияпрозорецSelectBackground
Picture
6ПродължетекъметикетаBackground,щракнетевърху
кутиятазаотметкиEnableHyperlinkRolloverEffectsипосле
щракнетевърхубутонаRolloverStyle.Появяваседиалоговия
прозорецFont.ВполетоFontизберетеDefaultFontипослев
текстовотополеFontStyleизберетеNormal.
7ЩракнетевърхупадащотополеColor,послещракнетевърху
оцветенотосчервеноквадратче(червенотоецветътпо
подразбиране)иследтоващракнетеОК.Тазинастройка
правитака,четекстовитевръзкисеоцветяватвчервено,
когатокурсорътнамишкатаминаванадтекстанавръзката.
8ВърхуетикетаBackgroundщракнетевърхупадащатастрелка
Backgroundищракнетевърхучернатакутия;следтова
щракнетевърхупадащатастрелкаBackgroundищракнете
върхучернатакутия.
Бележка

Урок9 СъздаваненауебсайтовесFrontPage 9.9 Стъпка8несъдържагрешка–трябваданастроитекактофона,
такаитекставчеренцвят.Втозипроектповечетоотнаписания
текстщесепоявивбеликлеткинатаблици.Затова,зада
спеститевреме,трябваданастроитепоподразбиранечеренцвят
натекста,въпрекичефонътсъщоечерен.
9ЩракнетевърхупадащатастрелкаHyperlinkипосле
щракнетевърхусинятакутия.Послещракнетевърху
падащатастрелкаVisitedHyperlinkищракнетевърху
пурпурнатакутия.Следтоващракнетенападащатастрелка
ActiveHyperlinkипослевърхучервенатакутия.Етикетът
Backgroundтрябвадаизглеждакатотози,показаннафигура
9-6.
Фигура9-6.
ПопълнениятетикетBackgroundпоказвацветоветепо
подразбиране,коитостеизбрализатекущатавиуеб
страница
Дорипроектътдаизползвацветовезахипервръзкипо
подразбиране,щетрябвадащракнетевърхувсички
компонентинакутиитесцветове,задапромените
„автоматичните”цветовинастройкизавсекиелемент.Ако
незаменитеавтоматичнитецветовинастройкис
определеницветове,някоибраузърибихамоглида
вмъкнатцветовезахипервръзките,коитоданеработят

9.10 ИзползваненаИнтернетиWWW добресвашиясайт.Например,акохипервръзкитена
„посетител”санастроениначерно,връзкитещеизчезнат
вчернияфон,следкатопотребителятщракневърхутях.
10ЩракнетевърхуОК,задаприложитенастройкитеPage
PropertyизатворетедиалоговияпрозорецPageProperties.
Съхраняваненавашатаработа
Предиданапреднетезначително,трябвадасъхранитевашата
работа.Щеможетедаизползватесъщитеосновнинастройкиза
всичкиподстраници,такачесъхранетестраницата,коятосега
създаватекатоосновеншаблон,койтоможетедакопиратепри
създаванетонаостаналитеподстраницинасайта.Зада
съхранитенастоящияфайл,следвайтетезистъпки:
1ЩракнетевърхуменюFile.
2ЩракнетевърхубутонаChangeTitleвдиалоговияпрозорец
SaveAs(намиращсенисковдясновдиалоговияпрозорец),
задаотворитедиалоговияпрозорецSetPageTitleи
променететекстанаКлубътпоастрономия:Основна
страницатака,кактоепоказанонафигура9-7.После
щракнетеОК.
Фигура9-7.
КонфигурирайтедиалоговияпрозорецSetPageTitle,зада
променитетекстаназаглавиетонастраница
3НапишетеsubpageвтекстовотополеFileNameищракнете
върхуSave.
Добавяненалогоизаглавнаграфиканабанер
Втазичастщепродължитедаконфигуриратешаблонана
подстраницатакатовмъкнетелоготонаклубапоастрономияи
заглавнаграфиканабанер,коитосепоявяватнай-отгорена
всякастраница:
1ВдокументаC:\sky\subpage.htm(койтотрябвадабъде
отворенвъвFrontPageакопродължаватеспроектаот
предишнатасекция)щракнетевърхуменютоInsert,посочете
PictureипослеизберетеFromFile.

Урок9 СъздаваненауебсайтовесFrontPage 9.11 Съвет
Акостезатворилидокументаsubpage.htm,можетедаго
отворитеотновокатоотворитеFrontPage,послещракнетевърху
иконатаOpen(иликатощракнетевърхуOpenвменютоFile),
придвижетеседоC:\skyвдиалоговияпрозорецOpenищракнете
двапътивърхуsubpage.htm.
2ВдиалоговияпрозорецPicture,покажетесъдържаниетона
картинитевпапкатаC:\sky\images,изберетефайлаlogo.gifи
щракнетевърхуInsert(илипростощракнетедвапътина
файлаlogo.gif).Логото(коетоепланетатаСатурн,
заобиколенаотняколкоразличнилуни)сепоявявана
страницата.
3НалентатасинструментиStandardщракнетевърхубутона
InsertPictureFromFileиследтоващракнетедвапътина
файлаtitlebar.gif.Картинатаназаглавнаталентаевмъкната
дологото.
4Щракнетесдесенбутонвърхукартинатаlogo.gif(товае
картинатанаСатурн),изберетеPictureProperties,после
щракнетевърхуетикетаGeneral,щракнет