Post on 20-Jul-2020
What'snew
DesignyourWebsite
DevelopyourWebsite
Developadata-drivenWebsite
PublishyourWebsite
MaintainyourWebsite
MorenewfeaturesinOffice
ShowAll
KeyboardshortcutsYoucanquicklyaccomplishtasksyouperformfrequentlybyusingshortcutkeys.TheavailabilityofshortcutkeysinMicrosoftFrontPagedependsonwhetherthecommandyouwanttouseisavailableinthecurrentlyselectedview.
CommonMicrosoftFrontPagetasks
WorkwithandmanageWebpages
F8Runtheaccessibilitychecker.
CTRL+NCreateanewWebpage.
CTRL+OOpenaWebpage.
CTRL+F4CloseaWebpage.
CTRL+SSaveaWebpage.
CTRL+PPrintaWebpage.
F5RefreshaWebpage;refreshtheFolderList.
CTRL+TABSwitchbetweenopenWebpages.
CTRL+SHIFT+BPreviewaWebpageinaWebbrowser.
ALT+F4QuitMicrosoftFrontPage.
CTRL+SHIFT+8Displaynonprintingcharacters.
CTRL+/DisplayHTMLtagsinDesignview.
CTRL+FFindtextorHTMLonaWebpage.
CTRL+HReplacetextorHTMLonaWebpage.
F7CheckspellingonaWebpage.
SHIFT+F7Lookupawordinthethesaurus.
ESC
Cancelanaction.CTRL+ZorALT+BACKSPACE
Undoanaction.CTRL+YorSHIFT+ALT+BACKSPACE
Redoorrepeatanaction.DELETE
DeleteaWebpageorfolderintheFolderListoranydialogbox.BACKSPACE
Moveuponelevel.
Accessanduseviews
F12PreviewthecurrentpageinaWebbrowser.
CTRL+PAGEDOWNorCTRL+PAGEUPMovebetweenCode,Design,Split,andPreviewviews.
ALT+PAGEDOWNorALT+PAGEUPMovebetweenCodeandDesignpanesinSplitview.
ALT+F1ShoworhidetheFolderList.
UPARROWMovethroughhyperlinknodesinHyperlinksview.
UP,DOWN,LEFT,orRIGHTARROWInHyperlinksview,movethroughhyperlinknodes.
SHIFT+RIGHTARROWExpandthecurrentnodeandmovetotherightinHyperlinksview.
SHIFT+LEFTARROWExpandthecurrentnodeandmovetotheleftinHyperlinksview.
Workwithcodingtools
CTRL+QQuicktageditor.
CTRL+F2Inserttemporarybookmark.
F2Nexttemporarybookmark.
SHIFT+F2
Previoustemporarybookmark.CTRL+G
Gotoline.CTRL+L
AutoComplete.CTRL+ENTER
Insertcodesnippet.CTRL+>
Insertendtag.CTRL+<
Insertstarttag.CTRL+/
InsertHTMLcomment.CTRL+SPACEBAR
Completeword.
Formattextandparagraphs
CTRL+SHIFT+FChangethefont.
CTRL+SHIFT+PChangethefontsize.
CTRL+BApplyboldformatting.
CTRL+UApplyanunderline.
CTRL+IApplyitalicformatting.
SHIFT+TABIntheMoreColorsdialogbox,activatethecolorpicker.
NoteSHIFT+TABshouldactivate,inorder:Cancel,OK,Select,Custom,Value,andthenthecolorpicker.
LEFT,RIGHT,BACK,orFORWARDARROWKEYUsethecolorpicker(followtheinstructionsforthepreviousentryfirst).
CTRL+PLUSSIGNApplysuperscriptformatting.
CTRL+MINUSSIGN
Applysubscriptformatting.CTRL+SHIFT+C
Copyformatting.CTRL+SHIFT+V
Pasteformatting.CTRL+SHIFT+ZorCTRL+SPACEBAR
Removemanualformatting.CTRL+E
Centeraparagraph.CTRL+L
Leftalignaparagraph.CTRL+R
Rightalignaparagraph.CTRL+M
Indentaparagraphfromtheleft.CTRL+SHIFT+M
Indentaparagraphfromtheright.CTRL+SHIFT+S
Applyastyle.CTRL+SHIFT+N
ApplytheNormalstyle.CTRL+ALT+1
ApplytheHeading1style.CTRL+ALT+2
ApplytheHeading2style.CTRL+ALT+3
ApplytheHeading3style.CTRL+ALT+4
ApplytheHeading4style.CTRL+ALT+5
ApplytheHeading5style.CTRL+ALT+6
ApplytheHeading6style.CTRL+SHIFT+L
ApplytheListstyle.
Editandmovetextandgraphics
BACKSPACE
Deleteonecharactertotheleft.DELETE
Deleteonecharactertotheright.CTRL+BACKSPACE
Deleteonewordtotheleft.CTRL+DELETE
Deleteonewordtotheright.CTRL+CorCTRL+INSERT
Copytextorgraphics.CTRL+XorSHIFT+DELETE
CutselectedtexttotheMicrosoftOfficeClipboard.CTRL+VorSHIFT+INSERT
PastetheClipboardcontents.SHIFT+ENTER
Insertalinebreak.CTRL+SHIFT+SPACEBAR
Insertanonbreakingspace.
Selecttextandgraphics
SHIFT+RIGHTARROWMoveonecharactertotheright.
SHIFT+LEFTARROWMoveonecharactertotheleft.
CTRL+SHIFT+RIGHTARROWGototheendofaword.
CTRL+SHIFT+LEFTARROWGotothebeginningofaword.
SHIFT+ENDGototheendofaline.
SHIFT+HOMEGotothebeginningofaline.
SHIFT+UPARROWMoveonelineup.
SHIFT+DOWNARROWMoveonelinedown.
CTRL+SHIFT+DOWNARROWGototheendofaparagraph.
CTRL+SHIFT+UPARROW
Gotothebeginningofaparagraph.SHIFT+PAGEDOWN
Moveonescreendown.SHIFT+PAGEUP
Moveonescreenup.CTRL+A
Selecttheentirepage.ALT+ENTER
Displaythepropertiesofaselection.
Workwithtables,graphics,andhyperlinks
SHIFT+CTRL+ALT+TInsertatable.
TABSelectthenexttablecell'scontent.
SHIFT+TABSelecttheprecedingtablecell'scontent.
HolddownSHIFTandpressLEFTorRIGHTARROWrepeatedlyWiththeinsertionpointinacell,extendaselectiontoadjacentcellsinarow.
HolddownSHIFTandpressUPorDOWNARROWrepeatedlyWiththeinsertionpointinthetoporbottomcellofacolumn,selectacolumn.
CTRL+TWiththegraphicselected,createanautothumbnail.
CTRL+KCreateahyperlinkonaWebpage.
OnlineHelp
AccessandworkwiththeHelptaskpaneandHelpwindow
TheHelppaneisataskpanethatprovidesaccesstoallMicrosoftOfficeHelpcontent.Asataskpane,theHelppaneappearsaspartoftheactiveapplication.TheHelpwindowdisplaystopicsandotherHelpcontentandappearsasawindownextto,butseparatefrom,theactiveapplication.
IntheHelptaskpane
F1DisplaytheHelptaskpane.
F6SwitchbetweentheHelptaskpaneandtheactiveapplication.
TABSelectthenextitemintheHelptaskpane.
SHIFT+TABSelectthepreviousitemintheHelptaskpane.
ENTERPerformtheactionfortheselecteditem.
DOWNARROWandUPARROWInaTableofContents,selectthenextandpreviousitem,respectively.
RIGHTARROWandLEFTARROWInatableofcontents,expandandcollapsetheselecteditem,respectively.
ALT+LEFTARROWMovebacktotheprevioustaskpane.
ALT+RIGHTARROWMoveforwardtothenexttaskpane.
CTRL+SPACEBAROpenthemenuofpaneoptions.
CTRL+F1Closeandreopenthecurrenttaskpane.
RIGHTARROWExpanda+/-list.
LEFTARROWCollapsea+/-list.
IntheHelpwindow
TABSelectthenexthiddentextorhyperlink,orShowAllorHideAllatthetopofatopic.
SHIFT+TABSelecttheprevioushiddentextorhyperlink,ortheBrowserViewbuttonatthetopofaMicrosoftOfficeOnlineWebsitearticle.
ENTERPerformtheactionfortheselectedShowAll,HideAll,hiddentext,orhyperlink.
ALT+LEFTARROWMovebacktothepreviousHelptopic.
ALT+RIGHTARROWMoveforwardtothenextHelptopic.
CTRL+PPrintthecurrentHelptopic.
UPARROWANDDOWNARROWScrollsmallamountsupanddown,respectively,withinthecurrentlydisplayedHelptopic.
PAGEUPANDPAGEDOWNScrolllargeramountsupanddown,respectively,withinthecurrentlydisplayedHelptopic.
ALT+UChangewhethertheHelpwindowappearsconnectedto(tiled)orseparatefrom(untiled)theactiveapplication.
SHIFT+F10DisplayamenuofcommandsfortheHelpwindow;requiresthattheHelpwindowhaveactivefocus(clickanitemintheHelpwindow).
MicrosoftOfficebasics
Accessandusewindows
ALT+TABSwitchtothenextwindow.
ALT+SHIFT+TABSwitchtothepreviouswindow.
CTRL+WorCTRL+F4Closetheactivewindow.
F6Movetoataskpanefromanotherpaneintheprogramwindow(clockwisedirection).YoumayneedtopressF6morethanonce.
NoteIfpressingF6doesn'tdisplaythetaskpaneyouwant,trypressingALTtoplacefocusonthemenubar,andthenpressingCTRL+TABtomovetothetaskpane.
SHIFT+F6Movetoapanefromanotherpaneintheprogramwindow(counterclockwisedirection).
CTRL+F6Whenmorethanonewindowisopen,switchtothenextwindow.
CTRL+SHIFT+F6Switchtothepreviouswindow.
Accessandusemenusandtoolbars
F10orALTSelectthemenubar,orcloseanopenmenuandsubmenuatthesametime.
TABorSHIFT+TABWhenatoolbarisselected,selectthenextorpreviousbuttonormenuonthetoolbar.
CTRL+TABorCTRL+SHIFT+TABWhenatoolbarisselected,selectthenextorprevioustoolbar.
ENTEROpentheselectedmenu,orperformtheactionfortheselectedbuttonor
command.SHIFT+F10
Displaytheshortcutmenufortheselecteditem.ALT+SPACEBAR
Displaythewindowshortcutmenu(Controlmenu).DOWNARROWorUPARROW
Whenamenuorsubmenuisopen,selectthenextorpreviouscommand.LEFTARROWorRIGHTARROW
Selectthemenutotheleftorright.Whenasubmenuisopen,switchbetweenthemainmenuandthesubmenu.
HOMEorENDSelectthefirstorlastcommandonthemenuorsubmenu.
ESCCloseanopenmenu.Whenasubmenuisopen,closeonlythesubmenu.
SHIFT+DOWNARROWWhenamenuisselected,displaythelistofcommands.
CTRL+DOWNARROWWhenapersonalizedmenuisopen,displaythefullsetofcommands.
NoteYoucanusethekeyboardtoselectanymenucommandonthemenubar.PressALTtoselectthemenubar.Presstheletterthatisunderlinedinthemenunamethatcontainsthecommandyouwant.Inthemenuthatappears,presstheletterunderlinedinthecommandnamethatyouwant.
Accessandusetaskpanes
F6Movetoataskpanefromanotherpaneintheprogramwindow.(YoumayneedtopressF6morethanonce.)
NoteIfpressingF6doesn'tdisplaythetaskpaneyouwant,trypressingALTtoplacefocusonthemenubar,andthenpressingCTRL+TABtomovetothetaskpane.
CTRL+TABWhenamenuortoolbarisactive,movetoataskpane.(YoumayneedtopressCTRL+TABmorethanonce.)
CTRL+F1Openorcloseataskpane.
CTRL+SPACEBAROpenadrop-downmenufortheselectedtaskpane.
TABorSHIFT+TABWhenataskpaneisactive,selectthenextorpreviousoptioninthetaskpane.
CTRL+DOWNARROWDisplaythefullsetofcommandsonthetaskpanemenu.
DOWNARROWorUPARROWMoveamongchoicesinaselectedsubmenu;moveamongcertainoptionsinagroupofoptions.
SPACEBARorENTEROpentheselectedmenu,orperformtheactionassignedtotheselectedbutton.
SHIFT+F10Openashortcutmenu;openadrop-downmenufortheselectedgalleryitem.
HOMEorENDWhenamenuorsubmenuisvisible,selectthefirstorlastcommandonthemenuorsubmenu.
PAGEUPorPAGEDOWNScrollupordownintheselectedgallerylist.
CTRL+HOMEorCTRL+ENDMovetothetoporbottomoftheselectedgallerylist.
Moveandresizetoolbarsandtaskpanes
1. PressALTtoselectthemenubar.2. PressCTRL+TABrepeatedlytoselectthetoolbarortaskpaneyouwant.3. Dooneofthefollowing:
Resizeatoolbar
1. Inthetoolbar,pressCTRL+SPACEtodisplaytheToolbarOptionsmenu.
2. SelecttheSizecommand,andthenpressENTER.3. Usethearrowkeystoresizethetoolbar.PressCTRL+thearrowkeys
toresizeonepixelatatime.
Moveatoolbar
1. Inthetoolbar,pressCTRL+SPACEtodisplaytheToolbarOptionsmenu.
2. SelecttheMovecommand,andthenpressENTER.3. Usethearrowkeystopositionthetoolbar.PressCTRL+thearrow
keystomoveonepixelatatime.Toundockthetoolbar,pressDOWNARROWrepeatedly.Todockthetoolbarverticallyontheleftorrightside,pressLEFTARROWorRIGHTARROWrespectivelywhenthetoolbarisallthewaytotheleftorrightside.
Resizeataskpane
1. Inthetaskpane,pressCTRL+SPACEtodisplayamenuofadditionalcommands.
2. UsetheDOWNARROWkeytoselecttheSizecommand,andthenpressENTER.
3. Usethearrowkeystoresizethetaskpane.UseCTRL+thearrowkeystoresizebyonepixelatatime.
Moveataskpane
1. Inthetaskpane,pressCTRL+SPACEtodisplayamenuofadditionalcommands.
2. UsetheDOWNARROWkeytoselecttheMovecommand,andthenpressENTER.
3. Usethearrowkeystopositionthetaskpane.UseCTRL+thearrowkeystomoveonepixelatatime.
4. Whenyouarefinishedmovingorresizing,pressESC.
AccessanduseOpenandSaveAsdialogboxes
TheOpen,InsertPicture,andSaveAsdialogboxessupportstandarddialogboxkeyboardshortcuts.(Toviewstandardshortcutsfordialogboxes,refertotheUseDialogBoxesandUseEditBoxesWithinDialogBoxessectionsinthemainKeyboardShortcutstopic.)Thesedialogboxesalsosupporttheshortcutsbelow.
ALT+1Gotothepreviousfolder .
ALT+2UpOneLevel button:Openthefolderonelevelabovetheopenfolder.
ALT+3SearchtheWeb button:ClosethedialogboxandopenyourWebsearchpage.
ALT+4Delete button:Deletetheselectedfolderorfile.
ALT+5CreateNewFolder button:Createanewfolder.
ALT+6Views button:Switchamongavailablefolderviews.
ALT+7orALT+LToolsbutton:ShowtheToolsmenu.
SHIFT+F10Displayashortcutmenuforaselecteditemsuchasafolderorfile.
TABMovebetweenoptionsorareasinthedialogbox.
F4orALT+IOpentheLookinlist.
F5Refreshthefilelist.
Accessandusedialogboxes
TABMovetothenextoptionoroptiongroup.
SHIFT+TABMovetothepreviousoptionoroptiongroup.
CTRL+TABSwitchtothenexttabinadialogbox.
CTRL+SHIFT+TABSwitchtotheprevioustabinadialogbox.
ArrowkeysMovebetweenoptionsinanopendrop-downlist,orbetweenoptionsinagroupofoptions.
SPACEBAR
Performtheactionassignedtotheselectedbutton;checkorcleartheselectedcheckbox.
Firstletterofanoptioninadrop-downlistOpenthelistifitisclosedandmovetothatoptioninthelist.
ALT+theletterunderlinedinanoptionSelectanoption;selectorclearacheckbox.
ALT+DOWNARROWOpenaselecteddrop-downlist
ESCCloseaselecteddrop-downlist;cancelacommandandcloseadialogbox.
ENTERPerformtheactionassignedtoadefaultbuttoninadialogbox.
Accessanduseeditboxeswithindialogboxes
Aneditboxisablankboxinwhichyoutypeorpasteanentry,suchasyourusernameorthepathtoafolder.
HOMEMovetothebeginningoftheentry.
ENDMovetotheendoftheentry.
LEFTARROWorRIGHTARROWMoveonecharactertotheleftorright.
CTRL+LEFTARROWMoveonewordtotheleft.
CTRL+RIGHTARROWMoveonewordtotheright.
SHIFT+LEFTARROWSelectorunselectonecharactertotheleft.
SHIFT+RIGHTARROWSelectorunselectonecharactertotheright.
CTRL+SHIFT+LEFTARROWSelectorunselectonewordtotheleft.
CTRL+SHIFT+RIGHTARROWSelectorunselectonewordtotheright.
SHIFT+HOMESelectfromtheinsertionpointtothebeginningoftheentry.
SHIFT+END
Selectfromtheinsertionpointtotheendoftheentry.
Accessandusesmarttags
ALT+SHIFT+F10Displaythemenuormessageforasmarttag.Ifmorethanonesmarttagispresent,switchtothenextsmarttaganddisplayitsmenuormessage.
DOWNARROWSelectthenextiteminasmarttagmenu.
UPARROWSelectthepreviousiteminasmarttagmenu.
ENTERPerformtheactionfortheselectediteminasmarttagmenu.
ESCClosethesmarttagmenuormessage.
Tip
Youcanasktobenotifiedbyasoundwheneverasmarttagappears.Tohearaudiocues,youmusthaveasoundcard.YoumustalsohaveMicrosoftOfficeSoundsinstalledonyourcomputer.
IfyouhaveaccesstotheWorldWideWeb,youcandownloadsoundsfromtheMicrosoftOfficeOnlineWebsite.OntheHelpmenu,clickMicrosoftOfficeOnlineandsearchfor"MicrosoftOfficeSounds."Afteryou'veinstalledthesoundfiles,youneedtoselecttheProvidefeedbackwithsoundcheckboxontheGeneraltaboftheOptionsdialogbox(Toolsmenu).Whenyouselect(orclear)thischeckbox,thesettingaffectsallOfficeprogramsthatsupportsound.
Accessanduseprogrammingapplications
ALT+F8Display,edit,orrunmacros.
SHIFT+ALT+F11DisplaytheMicrosoftScriptEditor.
ALT+F11DisplaytheMicrosoftVisualBasicEditor.
ShowAll
Runanaccessibilityreport1. OntheToolsmenu,clickAccessibility.
2. Specifythepagesyouwanttocheckforaccessibilityissues.
How?
Openthepageorsiteyouwanttocheckandthendooneofthefollowing:
TospecifyallpagesinaWebsite,underCheckwhere,clickAllpages.
Tospecifyonlythepagesyouhaveopen,underCheckwhere,clickOpenpage(s).
TospecifypagesfromtheFolderList,selectthepagesyouwant,andthenunderCheckwhere,clickSelectedpages.
IftheFolderListisnotavailable,clickthearrownexttoTogglePane,andthenclickFolderList.
Tospecifytheactivepage,underCheckwhere,clickCurrentpage.
3. Specifytheaccessibilityguidelinesyouwanttocheckforconflicts.4. Specifythetypesofitemsyouwanttoincludeintheaccessibilityreport.
How?
Dooneormoreofthefollowing:Toincludeitemsthatareconsiderederrors,selecttheErrorscheckbox.Toincludeitemsthatmayneedtobeadjusted,selecttheWarningscheckbox.Toaddcheckboxestothereporttocreateachecklistyoucanusewhileaddressingtheissuesintheaccessibilitycheckerreport,selecttheManualchecklistcheckbox.
5. ClickCheck.
Thecheckmaytakesometimetocomplete,dependingonthenumberofoptionsyouselected.
6. Tomoveupordowninthelistofissues,clickPreviousorNext.
Tip
Thestatusbarofthedialogboxdisplaysthenumberofproblemsandthenumberofpageschecked.
7. TocreateaWebpagethatcontainstheresultsoftheaccessibilitycheck,clickGenerateHTMLReport.
ThepageopensinDesignview.YoucanprintthereportorsaveitasaWebpage.
ShowAll
AccessibilityfeaturesinFrontPageToolsfordesigningaccessibleWebsites
Accessibilitychecker
MicrosoftOfficeFrontPage2003featuresanewaccessibilitycheckerforWebpages.Byrunningtheaccessibilitychecker,youdiscoverissuesthatareidentifiedasbeinginconflictwiththeWorldWideWebConsortium(W3C)WebContentAccessibilityGuidelines(WCAG)ortheaccessibilityguidelinesforSection508oftheU.S.RehabilitationAct.WCAGoutlinesprioritiesformakingWebsitesaccessibletopeoplewithdisabilities.Section508outlinestheU.S.governmentaccessibilitystandardsforawiderangeofinformationsourcesandtechnologies.FormoreinformationabouttheFrontPageaccessibilitycheckerfeatures,seeFrontPageHelp.
Keyboardshortcuts
ViewallKeyboardshortcuts
ShoworhideshortcutkeysinScreenTips
1. OntheToolsmenu,clickCustomize.
2. ClicktheOptionstab.
3. UnderOther,selectorcleartheShowScreenTipsontoolbarsandShowshortcutkeysinScreenTipscheckboxes.
NoteChangingthissettingaffectsallofyourMicrosoftOfficeprograms.
Sizeoptions
Increasethesizeoftoolbarbuttons
1. OntheToolsmenu,clickCustomize.2. ClicktheOptionstab.3. SelecttheLargeiconscheckbox.
Changethewidthofadrop-downlistboxonatoolbar
1. Makesurethetoolbaryouwanttochangeisvisible.
How?
1. OntheViewmenu,pointtoToolbars.2. Dooneofthefollowing:
Clickthetoolbaryouwanttodisplay.Toviewmoretoolbars,clickCustomize.IntheCustomizedialogbox,clicktheToolbarstab,andthenselectthecheckboxforthetoolbaryouwanttodisplay.ClickClose.
2. OntheToolsmenu,clickCustomize.3. WiththeCustomizedialogboxopen,clickthelistboxyouwantto
change—forexample,theFont orFontSize boxontheFormattingtoolbar.
4. Pointtotheleftorrightedgeofthebox.Whenthepointerchangestoadouble-headedarrow,dragtheedgeoftheboxtochangeitswidth.
ScrollandzoombyusingtheMicrosoftIntelliMouseorotherpointingdevice
Somemousedevicesandotherpointingdevices,suchastheMicrosoftIntelliMouse,havebuilt-inscrollingandzoomingcapabilities.Formoreinformation,seetheinstructionsforyourpointingdevice.
Toolbarandmenuoptions
Addabuttontoatoolbar
1. Makesurethetoolbaryouwanttochangeisvisible.
How?
1. OntheViewmenu,pointtoToolbars.2. Dooneofthefollowing:
Clickthetoolbaryouwanttodisplay.Toviewmoretoolbars,clickCustomize.IntheCustomizedialogbox,clicktheToolbarstab,andthenselectthecheckboxforthetoolbaryouwanttodisplay.ClickClose.
2. ClicktheToolbarOptionsarrow .3. PointtoAddorRemoveButtons,andthenclickCustomize.4. ClicktheCommandstab.5. IntheCategoriesbox,clickacategoryforthecommandyouwantthe
buttontoperform.6. DragthecommandyouwantfromtheCommandsboxtothedisplayed
toolbar.
Createacustomtoolbar
1. OntheToolsmenu,clickCustomize.2. ClicktheToolbarstab.3. ClickNew.4. IntheToolbarnamebox,typethenameyouwant,andthenclickOK.5. ClicktheCommandstab.6. ClickacategoryintheCategoriesbox.7. DragthecommandyouwantfromtheCommandsboxtothedisplayed
toolbar.8. Whenyouhaveaddedallthebuttonsandmenusyouwant,clickClose.
Grouprelatedbuttonsandmenusonatoolbar
Youcanaddaseparatorbarbeforethefirstandafterthelastiteminagrouptodistinguishthegroupfromotherbuttonsandmenusonatoolbar.
1. Makesurethetoolbaryouwanttochangeisvisible.
How?
1. OntheViewmenu,pointtoToolbars.2. Dooneofthefollowing:
Clickthetoolbaryouwanttodisplay.Toviewmoretoolbars,clickCustomize.IntheCustomizedialogbox,clicktheToolbarstab,andthenselectthecheckboxforthetoolbaryouwanttodisplay.ClickClose.
2. OntheToolsmenu,clickCustomize.3. Toaddaseparatorbar,keeptheCustomizedialogboxopen,right-clickthe
buttonyouwantonthetoolbar,andthenclickBeginaGroup.Aseparatorbarisaddedtotheleftofthebuttononahorizontaltoolbar,andaboveabuttononaverticaldockedtoolbar.
NoteToremoveaseparatorbarbetweentwobuttons,dragonebuttonclosertotheother.
Colorandsoundoptions
Changethecoloroftextbyusingthetoolbar
1. Selectthetextyouwanttochange.2. Dooneofthefollowing:
Toapplythecolormostrecentlyusedfortext,clickFontColor ontheFormattingtoolbar.Toapplyadifferentcolor,clickthearrownexttotheFontColorbutton,andthenselectthecoloryouwant.
Turnsoundsonoroffforbuttons,menus,andotherscreenelements
1. ClicktheMicrosoftWindowsStartbutton,andthenclickControlPanel.2. InClassicview,clickSoundsandAudioDevices.3. OntheSoundstab,intheProgrameventslist,clicktheprogrameventyou
want.4. IntheSoundsbox,clickthesoundyouwanttoplaywhenevertheselected
programeventoccurs.
ShowAll
AboutcheckingWebpagesforaccessibilityBycheckingyourWebpagesforaccessibilityissuesandfixingthem,youimprovethesitevisitorexperienceforpeoplewithdisabilities.
Inadditiontomanyothertypesofaccessibilityconcerns,peoplewithdisabilitiescanhavedifficultyreadingtextormightnotbeabletouseakeyboardormouse.
ByusingtheaccessibilitycheckeronWebpagesyoucreateoreditinMicrosoftFrontPage,youdiscoverissuesthatareidentifiedasbeinginconflictwiththeWorldWideWebConsortium(W3C)WebContentAccessibilityGuidelines(WCAG)ortheaccessibilityguidelinesforSection508oftheU.S.RehabilitationAct.WCAGoutlinesprioritiesformakingWebsitesaccessibletopeoplewithdisabilities.Section508outlinestheU.S.governmentaccessibilitystandardsforawiderangeofinformationsourcesandtechnologies.
IssuesthatareinconflictwiththeseguidelinescanmakeitdifficultorimpossibleforpeoplewithdisabilitiestouseyourWebsite.Theaccessibilitychecker,whichcanbeactivatedwithasinglekeypress,alsoworksforpagesthatarenotpartofasite.Whenyouusetheaccessibilitychecker,youcanalsoaddachecklisttothereportthatisgenerated.Youcanusethischecklisttohelpreviewandtracktheaccessibilityissuesasyoufixthem.ThereportandoptionalchecklistcaneitherbeprintedorsavedasaWebpage.
Aboutguidelinesusedbytheaccessibilitychecker
Whenyouusetheaccessibilitychecker,youuseFrontPagetoevaluatethedesignandcodeofyourpagesaccordingtothefollowingstandards:
CompliancewiththeWCAGTheWCAGguidelinesexplainhowtomakeWebcontentaccessibletopeoplewithdisabilities.TherearePriority1andPriority2guidelines.
BynotcomplyingwithPriority1guidelines,"Oneormoregroupsofuserswillfinditimpossibletoaccessinformation."AnexampleofaPriority1
issueis,"Provideatextequivalentforeverynon-textelement(e.g.,via"alt","longdesc",orinelementcontent)."Anon-textelementisagraphic,aMacromediaFlashanimation,aJavaapplet,andsoon.BynotcomplyingwithPriority2guidelines,"Oneormoregroupsofusersmightfinditdifficulttoaccessinformation."AnexampleofaPriority2issueis,"Whenanappropriatemarkuplanguageexists,usemarkupratherthanimagestoconveyinformation."
CompliancewithSection508ThisactrequiresaccesstoelectronicandinformationtechnologyusedbyU.S.Federalagencies.Section508guidelinesarenotprioritized,butmanyaresimilartotheWCAGPriority1and2guidelines.
Abouttheresultsofusingtheaccessibilitychecker
Whenyouusetheaccessibilitycheckerononeormorepages,theresultsaredisplayedinadialogbox.Eachitemisdisplayedonaseparateline,andthedialogboxresultsindicatewhethertheproblemisinconflictwithaWCAGoraSection508guideline.Inaddition,thedialogboxdisplaysadescriptionoftheissue,ahyperlinktotheonlineguidelinesforthatissue,andthelineintheHTMLcodeforyourpagewheretheissuewasidentified.Thefollowingexampleshowshowtheresultsaredisplayed:
Priority1
WCAG1.1
1.Error:Imageismissing
atextequivalent(either
analt="X"orlongdesc="X").
Considerbriefalternative
textthatdescribesthe
informationthattheimage
conveys.Youcanusethe
picturepropertiesdialogto
addalternativetext.
Becausetheissuesappearinalist,theycanbereviewedoneatatime,printed,orsavedforalaterreview.Bysavingtheresults,whicharestoredasaWebpage,youcaneditthatpageinFrontPage,orsaveittoaWebsiteorintranetsite.
AutomaticallyopenthelastWebsite1. OntheToolsmenu,clickOptions,andthenclicktheGeneraltab.2. SelecttheOpenlastWebsiteautomaticallywhenFrontPagestarts
checkbox.
StopFrontPagefromautomaticallyopeningthelastWebsite1. OntheToolsmenu,clickOptions.2. ClicktheGeneraltab.3. CleartheOpenlastWebsiteautomaticallywhenFrontPagestartscheck
box.
UndoorredoanactionMicrosoftFrontPagemaintainsalistofthelast30actionsandletsyouundoeach,insequence.Similarly,youcanredoanyofthelast30actionsthatyou'veundonebyusingtheUndocommand.
Dooneormoreofthefollowing:
Toundothelastactionyouperformed,clickUndo .IfyouclickUndoagain,FrontPagewillundotheactionyouperformedbeforethat,andsoon.Toseealistofthemostrecentactionsthatyoucanundo,clickthearrownexttoUndo ,andthenselecttheactionoractionsthatyouwanttoundo.
Toredothelastactionyouundid,clickRedo .Toseealistofthemostrecentundoneactionsthatyoucanredo,clickthearrownexttoRedo ,andthenselecttheundoneactionoractionsthatyouwanttoredo.
ShowAll
TroubleshootunavailablecommandsCertaincommandsaremadeunavailablebyusingspecificauthoringsettings.Tomakethosecommandsavailable,youmustmodifytheauthoringsettings.
How?
OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.
Unavailablecommandsandfeatures
Thefollowingitemsarethecommandsorfeaturesthatmightbecomeunavailablebecauseofauthoringsettings.
Menucommands
Unavailablecommands Possiblecause
Database
Oneormoreofthefollowingistrue:
YourWebserveradministratormayhaveturnedoffsupportforthisfeature.TheOpenDatabaseConnectivity(ODBC)componentmightnotbeinstalledontheWebServer.
DynamicHTMLEffects
DynamicHTMLEffectsisnotavailableasadefaultmenucommand.
YoucanaddtheDynamicHTMLEffectscommandtoamenu.
How?
1. OntheToolsmenu,clickCustomize.
2. ClicktheCommandstab.
3. IntheCategorieslist,clickFormat,andthenintheCommandslist,clickDynamicHTMLEffects.
4. Dragthecommandtothemenuyouwant.
Import(onthePackagessubmenu)
Oneofthefollowingistrue:
YourWebsiteisnotlocatedonaserverrunningWindowsSharePointServices.YourWebsiteisdisk-based.
InteractiveButton OntheAuthoringtab,theJavaScript/JScriptcheckboxiscleared.
Layer OntheAuthoringtab,theJavaScript/JScriptcheckboxiscleared.
PageTransition OntheAuthoringtab,theCSS1.0(formatting)checkboxiscleared.
Position OntheAuthoringtab,eithertheCSS1.0(formatting)orCSS2.0(positioning)checkboxiscleared.
SharedBorders
Oneorbothofthefollowingistrue:
OntheAuthoringtab,theSharedBorderscheckboxiscleared.
YoudonothaveaWebsiteopen.
Style OntheAuthoringtab,theCSS1.0(formatting)check
boxiscleared.
StyleSheetLinks OntheAuthoringtab,theCSS1.0(formatting)checkboxiscleared.
Taskpanecommands
Unavailablecommands Possiblecause
CellPropertiesandBorders,CellHeaderandFooter,andCellCornersandShadows(intheCellFormattingtaskpane)
Youhaveselectedastandardtableorcell,notalayouttableorcell.
Create(intheConditionalFormattingtaskpane) Youhavenotmadeaselectioninadataview.
Insert(intheBehaviorstaskpane)OntheAuthoringtab,theJavaScript/JScriptcheckboxiscleared.
Dialogboxoptions
Unavailablecommands Possiblecause
ActiveXControl
OntheAuthoringtab:TheActiveXcontrolscheckboxiscleared.TheSharePointServicescheckboxisselected.EitherNetscapeNavigatororBothInternetExplorerandNavigatorisselectedunderBrowsers.
NoteThisfeatureisnotavailableonaWebsitelocatedonaserverrunningMicrosoftWindowsSharePoint
Services.
BannerAdManager
BannerAdManagerisnotavailableasanoptionintheInsertWebComponentdialogbox.
YoucanmanuallyaddtheBannerAdManagercommandtoamenu.
How?
1. OntheToolsmenu,clickCustomize.
2. ClicktheCommandstab.
3. IntheCategorieslist,clickInsert,andthenintheCommandslist,clickBannerAdManager.
4. Dragthecommandtothemenuyouwant.
CSS1.0(ontheAuthoringtab)
OntheAuthoringtab,theCSS2.0(positioning)checkboxiscleared.
DocumentLibraryView
Oneofthefollowingistrue:
YourWebsiteisnotlocatedonaserverrunningSharePointTeamServicesv1.0fromMicrosoft.OntheAuthoringtab,theSharePointServicescheckboxiscleared.
NoteToaddaSharePointlisttoaWebsiteonaserverrunningWindowsSharePointServices,usealistviewordataviewWebPart.
Frames(missingdialogboxtab) OntheAuthoringtab,theFramescheckboxiscleared.
HoverButton
HoverButtonisnotavailableasanoptionintheInsertWebComponentdialogbox.
YoucanaddtheHoverButtoncommandtoamenu.
How?
1. OntheToolsmenu,clickCustomize.
2. ClicktheCommandstab.
3. IntheCategorieslist,clickInsert,andthenintheCommandslist,clickHoverButton.
4. Dragthecommandtothemenuyouwant.
ListView
Oneofthefollowingistrue:
YourWebsiteisnotlocatedonaserverrunningSharePointTeamServicesv1.0.TheSharePointServicescheckboxisclearedontheAuthoringtab.
NoteToaddaSharePointlisttoaWebsiteonaserverrunningWindowsSharePointServices,usealistviewordataviewWebPart.
Marquee EitherNetscapeNavigatoronlyorBothInternetExplorerandNavigatorisselectedunderBrowsers.
PNG-8andPNG-24 OntheAuthoringtab,thePNGgraphicscheckboxiscleared.
Rules(missing
YourWebsiteisnotlocatedonaserverrunningSharePointTeamServicesv1.0.
dialogboxtab) NoteThisfeatureisnotavailableonaWebsitelocatedonaserverrunningWindowsSharePointServices.
Spreadsheetsandcharts
OntheAuthoringtab,theActiveXcontrolscheckboxiscleared.
Stylebutton(onvariousPropertiesdialogboxes)
OntheAuthoringtab,eithertheCSS1.0(formatting)orCSS2.0(positioning)checkboxiscleared.
Usebackgroundpicture
EitherNetscapeNavigatoronlyorBothInternetExplorerandNavigatorisselectedunderBrowsers.
Toolbaroptions
Unavailablecommands Possiblecause
AutoShapes(ontheDrawingtoolbar)
OntheAuthoringtab,theVMLgraphics(Officedrawing)checkboxiscleared.
DynamicHTML(toolbar)
TheDynamicHTMLtoolbarisnotturnedonbydefault.
YoucanturnontheDynamicHTMLtoolbar.
How?
OntheViewmenu,pointtoToolbars,andthenclickDHTMLEffects.
Unexpectedaction
Action Possiblecause
Nodownlevelimagefileiscreatedwhenyouinsertadrawingobject.
OntheAuthoringtab,theDownlevelimagefilecheckboxiscleared.
Browsersettings
ThefollowingtableshowsoptionsandfeaturesthatMicrosoftFrontPageeitherdisablesormakesunavailabledependingonthebrowsersettingsyouchooseontheAuthoringtab.Ifyoureselectaclearedcheckbox,yourbrowsersettingsmaychangetoCustom.
Browsersettings Unavailablecommands
Browser:MicrosoftInternetExploreronly
Versions:5or6andlater
Allcommandsareavailable.
Browser:MicrosoftInternetExploreronly
Versions:4.0andlater
Allcommandsareavailable.
Browser:MicrosoftInternetExploreronly
Versions:3.0andlater
PNGgraphics,CSS2.0(positioning)
Browser:NetscapeNavigatoronly
Versions:5.0or6.0andlater
ActiveXcontrols,VBScript,intheTablePropertiesdialogbox:Usebackgroundpicture
Browser:NetscapeNavigatoronly
Versions:4.0andlater
ActiveXcontrols,VBScript,intheTablePropertiesdialogbox:Usebackgroundpicture
Browser:NetscapeNavigatoronly
Versions:3.0andlater
ActiveXcontrols,VBScript,CSS1.0(formatting),CSS2.0(positioning),PNGgraphics,intheTablePropertiesdialogbox:Usebackgroundpicture
Browsers:BothMicrosoftInternetExplorerandNetscapeNavigator
Versions:5.0or6.0andlater
ActiveXcontrols,VBScript,intheTablePropertiesdialogbox:Usebackgroundpicture
Browsers:BothMicrosoftInternetExplorerandNetscapeNavigator
Versions:4.0andlater
ActiveXcontrols,VBScript,intheTablePropertiesdialogbox:Usebackgroundpicture
Browsers:BothMicrosoftInternetExplorerandNetscapeNavigator
Versions:3.0andlater
ActiveXcontrols,VBScript,CSS1.0(formatting),CSS2.0(positioning),PNGgraphics,intheTablePropertiesdialogbox:Usebackgroundpicture
Renameafileorfolder1. IntheFolderList,right-clickthefileorfolderthatyouwanttorename.
IftheFolderListishidden,ontheViewmenu,clickFolderList.
2. Ontheshortcutmenu,clickRename.3. Typeanewnameforthefileorfolder.
Important
Whenrenamingafile,donotchangeoromitthefileextension.Forexample,ifyourenameafilenamedIndex.asptoIndex.htmitmightrenderthefileasunusable.YoushouldalwaysrenameafileorfolderinaWebsitebyusingthisprocedure.MicrosoftFrontPageautomaticallyrepairsanyhyperlinkstoorfromtherenamedfile(orfilesintherenamedfolder).IfyourenameafileorfolderusingMicrosoftWindowsExplorer,hyperlinkstoandfromthatfile(orfilesinthatfolder)willnotberepairedautomatically.
ShowAll
Createasubfolder1. IntheFolderList,right-clickthefolderthatyouwanttocreateanew
subfolderin,pointtoNewontheshortcutmenu,andthenclickFolder.
IftheFolderListishidden,ontheViewmenu,clickFolderList.
2. Dooneofthefollowing:
Createastandardsubfolder
Typethenameofthenewsubfolder,andthenpressENTER.
Createahiddensubfolder
Typethenameofthenewhiddensubfolder,precedingitsnamewithanunderscore(forexample,_database),andthenpressENTER.
ShowAll
HideaWebpageIfyoudonotwantsitevisitorstoseecertainpagesinaWebsite,youcanhidethesepagesbyplacingtheminthehiddenfolder_private.ThisfolderiscontainedineveryFrontPageWebsitebasedonFrontPageServerExtensions,SharePointTeamServicesv1.0fromMicrosoft,orMicrosoftWindowsSharePointServices.
1. IntheFoldersList,selectthefilesfortheWebpagesyouwanttohide.
How?
HolddownCTRL,andclickthepagesyouwanttoselect.
TodisplaytheFoldersList,ontheViewmenu,clickFolderList.
2. Dragtheselectedfiletothe_privatefolder.
ShowAll
DeleteafilefromaWebsiteIntheFolderList,clickthefileyouwanttodelete,andthenpressDELETE.
TodisplaytheFolderList,ontheViewmenu,clickFolderList.
NoteWhenyoudeleteaWebpagefromaMicrosoftFrontPageWebsite,itdeletesthefilefromyourharddrive.
Tip
Toselectmultiplepages,holddownCTRL,andclickthepagesyouwanttoselect.
ShowAll
AboutviewsInMicrosoftFrontPage,thereareseveraldifferentwaysforyoutolookatthecontentinyourWebsitetohelpyoueffectivelydesign,publish,andmanageit.YoucanworkwithyourWebpagesinanyofthefollowingviews:
Pageview
YoucanchoosefromfourdifferenttypesofPageviews,dependingonyourspecificneedsandhowyouwanttoviewandworkwithyourpages.
DesignviewYoucandesignandeditWebpagesinthedefaultPageview,Designview.ThisviewprovidesyouwithanapproximatedWYSIWIGauthoringexperience,asyoucreateyourWebpagesusingthedesigntools.CodeviewYoucanview,write,andedittheHTMLtagsyourself.WiththeoptimizedcodefeaturesinFrontPage,youcancreatecleanHTML,anditiseasierforyoutoremoveanycodethatyoudonotwant.
SplitviewYoucanreviewandeditWebpagecontentinasplitscreenformatthatoffersyousimultaneousaccesstoboththeCodeandDesignviews.PreviewviewYoucanapproximatehowthepagewilllookintheWebbrowserwithouthavingtosaveyourpage.Usethisviewtochecksmallchangesthatyouareunsurewhetheryouwanttocommitto.
Foldersview
YoucanuseFoldersviewtoworkwiththefilesandfoldersdirectly,andtoorganizethecontentsofyourWebsite.SimilartoMicrosoftWindowsExplorer,youcanalsocreate,delete,copy,andmovefoldersinthisview.
RemoteWebSiteview
YoucanuseRemoteWebsiteviewtopublishanentireWebsiteortoselectivelypublishindividualfiles.Youcanalsosynchronizefilesbetweentwoormorelocations—thatis,makesuresiteswiththesamecontentareup-to-date
withrecentchanges.
WhenyouviewfoldercontentsinRemoteWebsiteview,thefilesaremarkedwithiconsanddescriptivetextindicatingthepublishstatus,suchasDon'tPublish,Changed,Unchanged,New,andConflict.Youcanfiltertheviewtoshowthefoldercontents,filestopublish,filesnottopublish,andfilesinconflict.
Reportsview
ReportsviewallowsyoutoanalyzethecontentsofaWebsiteafterrunningareportquery.Youcancalculatethetotalsizeofthefilesinyoursite,showwhichfilesarenotlinkedtootherfiles,identifysloworoutdatedpages,groupfilesbytaskorpersonthey'reassignedto,andmore.
Navigationview
NavigationviewprovidesyouwithahierarchicalviewofyourWebpages.Thisviewenablesyoutoarrangethepagesinyoursitebyclickingonapageandmovingittoanewlocationinthesite.
Hyperlinksview
InFrontPage,HyperlinksviewshowsthestatusofthehyperlinksinyourWebsiteinalist.Thislistincludesbothinternalandexternalhyperlinks,andusesiconstoindicatewhetherthehyperlinkshavebeenverifiedorarebroken.
Tasksview
TasksviewdisplaysallthetasksinyourWebsiteinacolumnformatandprovidescurrentinformationabouteachtaskundervariousheadings.
SwitchviewsOntheViewmenu,clicktheviewthatyouwanttouse.
ShowAll
TroubleshootviewsIdonotseetheFolderListwhenIaminPageview.
OntheViewmenu,clickFolderList.
IdonotseetheNavigationPanewhenI'minPageview.
OntheStandardtoolbar,clickTogglePane todisplaythelist,andthenclickNavigationPane.
MyFolderListdisappeared.
IftheFolderListishidden,ontheViewmenu,clickFolderList.
Whydon'tIseetheHTMLtab?
WhatwasknownastheHTMLpaneinearlierversionsofMicrosoftFrontPage,isnowreferredtoasCodeview.ToviewyourWebpagesinCodeview,dothefollowing:
InPageview,atthebottomofthedocumentwindow,clickCode .
Whydon'tIseetheNormaltab?
WhatwasknownastheNormalpaneinearlierversionsofMicrosoftFrontPage,isnowreferredtoasDesignview.ToviewyourWebpagesinDesignview,dothefollowing:
InPageview,atthebottomofthedocumentwindow,clickDesign .
WhereistheViewbarontheleftsideofthedocumentwindow?
InMicrosoftOfficeFrontPage2003,inordertoprovideuserswithmorespacetocreatetheirWebpages,theViewbarwasremoved.Toseealistofviews,dothefollowing:
OntheViewmenu,clickaviewthatyouwanttouse.
ShowAll
PrintaWebpageDooneofthefollowing:
PrintthepageasitlooksinDesignview
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheStandardtoolbar,clickPrint .
NoteHyperlinksandpicturesprintastheyappearinDesignview.
PrintthepageasitlooksinCodeview
1. InPageview,atthebottomofthedocumentwindow,clickCode .2. OntheStandardtoolbar,clickPrint .
Tip
Toseehowthepagewilllookwhenprinted,ontheFilemenu,clickPrintPreview.However,thispreviewisnotexactlythesameastheviewfromaWebbrowser—printpreviewpaginatesandassignspagenumbers,butWebbrowsersdonot.
ShowAll
AboutcreatinganddesigningWebpagesSomeofthecontentinthistopicmaynotbeapplicabletosomelanguages.
WebpagesarethebasicdocumentsoftheWorldWideWeb.TheycaneitherbepartofaWebsite,ortheycanstandalone.ManyofthefeaturesinMicrosoftFrontPageareusedwhenworkingwithaWebsite.TherearealsofeaturesinFrontPagethatwillhelpyoutobothdesignandcreateyourWebpage.
Tohelpyoucreateprofessional-lookingandwell-designedWebpages,FrontPageprovidesseveralpagetemplatesthatyoucanusetoquicklycreatepageswithavarietyoflayoutsandfunctions.Forexample,youcanuseaFrontPagetemplatetocreateauserregistrationpage,guestbook,feedbackform,apagewithasearchform,andmore.
Youcanusethemestocreatepageswithaconsistentdesign.Athemecontainsunifieddesignelementswithacolorscheme,includingfonts,graphics,backgrounds,navigationbars,horizontallines,andotherpageelements.
Ifyouprefertodesignandlayoutpagesyourself,youcanstartwithablankpage,andthendooneormoreofthefollowing:
Useframes,tables,layouts,orabsolutepositioningtopreciselypositiontextandgraphicsonapage.Addpageelements,suchastext,graphics,pagebanners,tables,forms,hyperlinks,andsoon.AdddynamicelementssuchasFlashcontent,video,sound,oranimatedGIFs.Addcontentorfunctionalitythatcanchange,suchasmarquees,hitcounters,timestamps,pagetransitions,interactivebuttons,andbehaviorsthatuseDynamicHTML(DHTML).Formattextbyapplyingstylesorusingstylesheets.SetthebackgroundofyourWebpagewitheithercolororpictures.CreateyourownpagetemplatesbyusingdynamicWebtemplates,whichcanincludepagesthatcontainpagesettings,formatting,andpageelements.
YoucanalsostartwithagraphicalrepresentationofyourWebsite,calledatracingimage.Youcandothisbycreatingamock-upofaWebpageimageinagraphicsprogramandthenuseitasavisualguidetore-createortracetheWebpagedesign.
EditinginFrontPage
YoudonotneedtoknowhowtocodeinHTMLtouseFrontPage.Whileyoueditpagesasyouwouldinawordprocessor—typingandformattingtext,andaddinggraphics,tables,andotherpageelements—FrontPageaddstheHTMLtagsinthebackground.YousimplyedityourpagesinDesignview.
However,ifyouwanttofamiliarizeyourselfwithHTMLoreditHTMLcodedirectly,youcanalsouseCodeview,whichdisplaystheHTMLcodeofaWebpage,orSplitview,whichdisplaysbothCodeviewandDesignviewsimultaneously.
IfyouarefamiliarwithHTML,youcandisplaytheHTMLtagsinCodeviewandyoucanwriteandedittheHTMLtagsyourself.WiththecreateandmaintainoptimizedcodeoptionsavailableinFrontPage,youcancreatecleanHTML,andeasilyremoveanycodethatyoudonotwant.
InFrontPage,youcanuseExtensibleMarkupLanguage(XML)tocomplement,ratherthanreplace,yourHTML.Youcanvieworeditfiles,applystandardformattingtothestructureofcodeinXMLfiles,viewtheXMLtree,andcreatecustomdisplaysofXMLdataonWebpages.Forexample,youcancreateaWebpagethatdisplaysdatafromanXMLfile,formatthatdata,andapplyfiltering,sorting,andconditionalformattingtodisplaythedatathewayyouwant.
TurnsupportforFrontPageWebcomponentsonoroff1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.2. Dooneofthefollowing:
ToturnsupportonoroffforWebcomponentsthatcanmakeiteasiertocreateanddesignWebpages—suchasaphotogallery—selectorcleartheAuthor-timeWebComponentscheckbox.ToturnsupportonoroffforWebcomponentsthatareavailableonWebsiteslocatedonWebserversrunningFrontPageServerExtensionsfromMicrosoft,SharePointTeamServicesfromMicrosoft,orMicrosoftWindowsSharePointServices,selectorcleartheBrowse-timeWebComponentscheckbox.
NoteWhenyouturnonsupportforauthor-timeWebcomponents,supportforlinkbarsandsharedbordersisnotautomaticallyturnedonaswell.Toturnsupportonoroffforlinkbarsorsharedborders,selectorcleartheNavigationorSharedBorderscheckbox.
ShowAll
AbouttracingimagesYoucancreateamock-upofaWebpageimageinagraphicsprogramandthenuseitasavisualguidetore-createortracetheWebpagedesign.ThisiscalledatracingimageanditcanbeaJPEG,GIF,PNG,orBMPimage.Afteryousetatracingimage,itappearsinthebackgroundofthedocumentwindowinDesignview.Youcanshoworhidetheimage,setitsopacity,andchangeitsposition.
YoucanviewthetracingimageonlyinMicrosoftFrontPage.YoucannotseethetracingimagewhenyouviewyoursitebyusingaWebbrowser.
Afteryousetatracingimage,itisstoredinalayerbetweenthebackgroundimageandtheeditorinFrontPage.Iftheopacityofthetracingimageissetto'0'youwillnotbeabletoseeit,butyouwillbeabletoseeallthetextandobjectelements.
TheXandYcoordinatesofthetracingimagecorrespondtotheupper-leftcornerofthedocumentwindow.YoucansettheplacementofthetracingimageinpixelsbychoosingtheX(sidetoside)andY(upordown)coordinatesintheTracingImagedialogbox.Ifyourmarginsaresettoamarginotherthen'0',thetracingimagewillnottakethemintoaccountasthetracingimageplacementisalwayssetrelativetotheupper-leftcornerofthedocument.ThefollowingillustrationsshowhowtheXandYcoordinatesdeterminetheplacementofthetracingimage.
WhenyousaveaWebpagethatcontainsatracingimage,youwillbepromptedtosavethetracingimageasanembeddedfileinyourWebsite.Doingthiswillnoteffecttheappearanceofyoursiteinabrowser.Ifyousetasecondtracingimageforapage,thefirstimagedisappears.
ShowAll
Setatracingimage1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheViewmenu,pointtoTracingImage,andthenclickConfigure.3. Locateandclickthefileyouwanttosetasatracingimage,andthenclick
Insert.4. IntheXbox,typeorselectthehorizontalcoordinatesforthetracingimage
inpixels.5. IntheYbox,typeorselecttheverticalcoordinatesforthetracingimagein
pixels.6. UnderOpacity,movetheslidertosettheopacityofthetracingimage.
ShoworhideatracingimageInPageview,atthebottomofthedocumentwindow,clickDesign .OntheViewmenu,pointtoTracingImage,andthenclickShowImage.
ShowAll
OpenaWebpageDooneofthefollowing:
OpenapagefromwithinthecurrentWebsite
InFoldersview,double-clickthepage.
OpenapageonadifferentWebsiteorinalocalfilesystem
ImportantOpenfilesfromatrustedsource.Questionmessages,attachmentsorfilesfromunexpectedsources.Ifafilehasanunusualfilename,timestamp,extension,filesize,orotherproperty,donotopenthefile.Alwaysscanfileswithantivirussoftwarebeforeopeningthem.InthecourseofinfectingaharddriveoraWebserver,somevirusesmaycreatefilesoroverwriteexistingones.Ifopened,thesefilesmaycauseharmtoyoursystem.Makesureyourserverisrunningup-to-dateantivirussoftware.Formoreinformation,contactyourWebserveradministratororWebsitehostingcompany.
1. InFoldersview,locateandclickthefileyouwant,andthenclickOpen .
NoteIfyouopenaWebpagethatisonadifferentWebsitefromtheoneyouhaveopen,anewinstanceofMicrosoftFrontPagewillopen.
CreateanewWebpageSomeofthecontentinthistopicmaynotbeapplicabletosomelanguages.
1. OntheFilemenu,clickNew.2. IntheNewtaskpane,underNewpage,dooneofthefollowing:
TocreateaWebpagefromablankpage,clickBlankpage.TocreateaWebpagefromadynamicWebtemplatethatyou’vecreated,clickFromexistingpage,locateandclickthetemplate,andthenclickCreatenew.TocreateaWebpagefromatemplateincludedwithMicrosoftFrontPage,clickMorepagetemplates,clickthetabforthetypeoftemplateyouwant,andthenclickatemplate.
ShowAll
SaveaWebpageDooneofthefollowing:
SaveaWebpagetothecurrentWebsite
Dooneofthefollowingifyouhave:
Notsavedthepage
1. ClickSave .2. Locateanddouble-clickthefolderwhereyouwanttosavethepage.3. IntheFilenamebox,typethefilenameofthepage,andthenclick
Save.
OpenedthepagefromthecurrentWebsite
ClickSave .
OpenedthepagefromalocationoutsidethecurrentWebsite
1. OntheFilemenu,clickSaveAs.2. Locateanddouble-clickthefolderwhereyouwanttosavethepage.3. IntheFilenamebox,typethefilenameofthepage,andthenclick
Save.
SaveaWebpagetoadifferentWebsite
1. OntheFilemenu,clickSaveAs.2. LocateandclicktheWebsitewhereyouwanttosavethepage.3. IntheFilenamebox,typethenameofthepage.4. ClickSave .
SaveaWebpagetoafilesystem
1. OntheFilemenu,clickSaveAs.2. Locateandclickthelocationinthefilesystemwhereyouwanttosavethe
page.3. IntheFilenamebox,typethenameofthepage.4. ClickSave.
SaveaWebpageautomaticallybeforepreviewingitinthebrowser
1. OntheFilemenu,pointtoPreviewinBrowser,andthenclickEditBrowserList.
2. ClicktheAutomaticallysavepagebeforepreviewingcheckbox.
Notes
Ifyouhaveaddedgraphics,ActiveXcontrols,soundfiles,orotherobjectstothepage,youwillbepromptedtosavethemtothesamelocationasthepage.ToensurethatallsitevisitorscanfollowURLsregardlessoftheircomputerlanguageoroperatingsystem,youshoulduseplainASCIIcharactersintheURLsforyourWebpages.Onintranets,usingnon-ASCIIcharactersinafilenamewillworkaslongastheserverandallclientssharethesamesystemcodepage.
StoploadingaWebpageOntheStandardtoolbar,clickStop .
RefreshaWebpageoraviewTorefreshaWebpageorview,clickRefresh .
ShowAll
SetWebpagemargins1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthepage,andthenclickPagePropertiesontheshortcutmenu.3. ClicktheAdvancedtab.4. Dooneorallofthefollowing:
Setatopmargin
1. IntheTopMarginbox,enteravalueforatopmargininpixels.2. IntheMarginHeightbox,enteravaluefortheheightofthemargin
inpixels.
Setaleftmargin
1. IntheLeftMarginbox,enteravalueforaleftmargininpixels.2. IntheMarginWidthbox,enteravalueforthewidthofthemarginin
pixels.
Setabottommargin
1. IntheBottomMarginbox,enteravalueforabottommargininpixels.
2. IntheMarginHeightbox,enteravaluefortheheightofthemargininpixels.
Setarightmargin
1. IntheRightMarginbox,enteravalueforarightmargininpixels.2. IntheMarginWidthbox,enteravalueforthewidthofthemarginin
pixels.
ShowAll
AboutlayouttablesandcellsOverviewoflayouttablesandcells
WithMicrosoftOfficeFrontPage2003,youcancreateprofessional-lookingWebpagelayoutsbyusinglayouttablesandcells.Alayouttableistheframeworkyoucreateforthepagelayout.Layoutcellsaretheregionswithinthatframeworkthatcontainthecontentinapage,includingtext,images,Webparts,andotherelements.Together,layouttablesandcellsrepresenthorizontalandverticalregionsthatuserscanaddtoWebpages,whichcanprovideasophisticatedvisualstructureforyourcontent.
Thefollowingexampledisplaysalayouttableandcellsintheinitialstages,wherethelayouttableisshownwithalighterbackgroundcolorandthecellsareshownasdarkrectangleswithinthetable.
Thefollowingexampleshowsthesamelayouttableandcellswithcontent.
YoucanusethepredefinedlayouttablesthatareavailableintheLayoutTablesandCellstaskpanetohelpyougetaquickstartonaWebpage.Youcanalsocreateyourowncustomlayouttablebydrawingtablesandcells.Additionally,youcaneditaWebpagethatcontainslayouttablesandcellsthatyouaddedbyusingFrontPageoranotherWebauthoringtool,includingMacromediaDreamweaver.
Youcandrawalayouttablethatcontainsacellalongthetopedgeofthepagetoholdaheadergraphic,acellontheleftedgeofthepagetoholdalinkbar,andanothercelltoholdthemaincontentofaWebpage,thatsnapstotherightedgeofthepage.Youcancreatesimpleorcomplexlayouttables,dependingonyourrequirements.
Workingwithlayouttablesandcells
YoucandrawalayouttableandthenaddcellsonyourWebpagebyusingthelayouttools,availableintheLayoutTablesandCellstaskpane.Youcanselectapredefinedlayouttabletemplate,oryoucancreateyourownlayouttableandadjustwidthandheightsettings,setthealignment,setthepagemargins,andapplycolorandspecialborders.
Whenyouclicktheborderofalayouttableorcelltoactivateit,labelsrepresentingthecolumnwidthandrowheightappearoneachside.Eachlabelincludesadrop-downarrowthatyoucanclicktoviewalistofoptionsforresizingacolumnorrow.
ThefollowingexampleshowshowalayouttableorcelllooksinFrontPagewhenyouhaveclickedthebordertoactivateit.
Youcanalsoselectonecolumnorrowinatableandenableittoautomaticallyexpandtofillasmuchofabrowserwindowaspossible.Theexpandingcellfunctionalityisreferredtoasautostretch.Whenyouclickthearrowonthecolumnwidthorrowheightresizelabel,andthenclickMakeColumnAutostretchorMakeRowAutostretch,youmakethatcellanautostretchcell,
andthecellwillautomaticallyresizetofittheavailablespaceofasitevisitor'sbrowserwindow.
AbouttheLayoutTablesandCellstaskpane
TheLayoutTablesandCellsandCellFormattingtaskpanesaretheprimarytoolsforworkingwithlayouttablesandcells.Youcanaccomplishthefollowinginthesetaskpanes:
Drawalayouttable.Insertalayoutcell.Setthewidthandheightofatableorcell.Adjustpagemargins.Setthealignmentofalayouttableorcell.Turnthelayouttoolsonandoff.Selectapredefinedlayouttable.
Formattinglayoutcells
AfteryouhaveaddedalayouttableandtheindividualcellstomakeupthestructureofyourWebpage,youcanbeginaddingdetailssuchascolor,graphicalborders,dropshadows,andotherdecorativeeffects—includingcornersthatcreateatab-likelookonselectededgesofacell.
ShowAll
Addordrawalayouttable1. OntheTablemenu,clickLayoutTablesandCells.2. IntheLayoutTablesandCellstaskpane,dooneofthefollowing:
AddalayouttablefromtheTablelayouttemplatelist
UnderTablelayout,selectalayouttablefromthelistoftemplates.
Drawalayouttable
1. UnderNewtablesandcells,clickDrawLayoutTable .2. Movethepointertotheleftmostcornerofthedocumentwindow,and
thendragtodrawthetable.3. IntheLayoutTablesandCellstaskpane,underTableproperties,set
thepropertiesthatyouwant.
ShowAll
Addacelltoalayouttable1. IntheLayoutTablesandCellstaskpane,underNewtablesandcells,
clickDrawLayoutCell .2. Onthelayouttable,dragthepointertodrawthecell.3. Repeatsteps1and2toaddmorecells.
Tip
Todrawtwoormorecells,oneaftertheother,clickDrawLayoutCell ,andpressandholdCTRLwhileyoudragthepointer.
4. Tosetpropertiesforaselectedcell,ontheLayoutTablesandCellstaskpane,clickCellFormattingandselectthepropertiesyouwant.
ShowAll
ResizealayouttableorcellDooneofthefollowing:
Resizealayouttableorcellinsmallincrements
1. Clicktheborderofthelayouttableorcell.2. PressandholdALT,andthendragthebordertoresizeit.
Resizealayouttableorcellbyusingautostretch
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Toactivatealayouttableorcell,clicktheborder.3. Onthecolumnwidthorrowheightlabel,clickthearrowtodisplaythe
drop-downmenu,andthenclickMakeRowAutostretchorMakeColumnAutostretch.
NoteYoucanapplyautostretchtoonlyonecellinalayouttable.Thecorrespondingrowsorcolumnsinthelayouttablemustbesetatafixedwidthorheight.
ShowAll
Setpropertiesforalayouttable1. Inthedocumentwindow,clicktheborderofthelayouttablethatyouwant
tosetpropertiesfor.2. IntheLayoutTablesandCellstaskpane,underTableproperties,select
thepropertiesthatyouwant.
Tip
TooverridethedefaultmarginsofaWebpageandletthelayouttablespantotheedgesofthedocumentwindow,setthemarginpropertiesto0(zero).
ShowAll
Setthecornerandshadowpropertiesforalayoutcell1. Inthedocumentwindow,clicktheborderofthecellthatyouwanttosetthe
cornerandshadowpropertiesfor.2. IntheLayoutTablesandCellstaskpane,clickCellFormatting.3. ClickCellCornersandShadows,andthendooneormoreofthe
following:
Changecornerpropertiesofalayoutcell
UnderCorners,dooneormoreofthefollowing:Toaddacustomimagetoacornerofacell,clickUsecustomimage,andthenclickBrowsetolocatethegraphicyouwanttouse.Tosetwidthorheightofacellcorner,intheWidthandHeightboxes,typethevaluethatyouwantinpixels.Toaddcolortoacellcorner,clickacolorfromtheColorlist.Toaddcolortotheborderofacellcorner,clickacolorfromtheBordercolorlist.Toapplyacornertothetop,bottom,orbothtopandbottomsidesofacell,underApply,clicktheoptionsthatyouwant.
Changeshadowpropertiesofalayoutcell
UnderShadows,dothefollowing:Tosetthewidthofadropshadowforacell,intheWidthbox,typethevaluethatyouwantinpixels.Tosettheintensityofadropshadowofacell,intheSoftnessbox,typethevaluethatyouwantinpixels.Toaddcolortoadropshadowofacell,clickacolorfromtheColorlist.Toaddcolortoadropshadowofacellborder,clickacolorfromtheBordercolorlist.Tosetthesideonwhichadropshadowfalls,underApply,click
theoptionthatyouwant.
ShowAll
Settheheaderandfooterpropertiesforalayoutcell1. Inthedocumentwindow,clicktheborderofthecellthatyouwanttosetthe
headerorfooterpropertiesfor.2. IntheLayoutTablesandCellstaskpane,clickCellFormatting.3. IntheCellFormattingtaskpane,clickCellHeaderandFooter,andthen
dooneormoreofthefollowing:
Settheheaderpropertiesforalayoutcell
UnderHeader,clickShowheader,andthendooneormoreofthefollowing:
Tochangethedefault,intheHeightbox,typeavaluethatyouwantinpixels.Tosetthecellpaddingforthenumberofpixelsbetweenthecellheaderandthecellboundaries,inthePaddingbox,typeavalueinpixels.Tosettheverticalalignmentofacellheader,intheVAlignlist,clickTop,Middle,orBottom.Tosetthebackgroundcolorofacellheader,clickacolorintheBgColorlist.Tosetthethicknessofaheadercellborder,intheBorderwidthbox,typeavalueinpixelstoindicatethewidthoftheborderyouwant.Toaddcolortoacellheaderborder,clickacolorfromtheBordercolorlist.
Setthefooterpropertiesforalayoutcell
UnderFooter,clickShowfooter,andthendooneormoreofthefollowing:
Tochangethedefault,intheHeightbox,typeavaluethatyouwantinpixels.
Tosetthecellpaddingforthenumberofpixelsbetweenthecellfooterandthecellboundaries,inthePaddingbox,typeavalueinpixels.Tosettheverticalalignmentofacellfooter,intheVAlignlist,clickTop,Middle,orBottom.Tosetthebackgroundcolorofacellfooter,clickacolorintheBgColorlist.Tosetthethicknessofafootercellborder,intheBorderwidthbox,typeavalueinpixelstoindicatethewidthoftheborderyouwant.Toaddcolortoacellfooterborder,clickacolorfromtheBordercolorlist.
ShowAll
Setthelayoutandborderpropertiesforalayoutcell1. Inthedocumentwindow,clicktheborderofthecellthatyouwanttosetthe
layoutandborderpropertiesfor.2. IntheLayoutTablesandCellstaskpane,clickCellFormatting.3. IntheCellFormattingtaskpane,clickCellpropertiesandborders,and
thendooneormoreofthefollowing:
Setthelayoutpropertiesforalayoutcell
UnderLayoutcellproperties,dooneormoreofthefollowing:
Tosetthefixedwidthorheightofacell,intheWidthandHeightboxes,typethevaluethatyouwantinpixels.Tosetthepaddingforthenumberofpixelsbetweencontentinacellandthecellboundaries,inthePaddingbox,typeavalueinpixels.Tosettheverticalalignmentofacell,intheVAlignlist,selectTop,Middle,orBottom.Tosetthebackgroundcolorofacell,clickacolorintheBgColorlist.
Settheborderpropertiesforalayoutcell
UnderBorders,dooneormoreofthefollowing:
Tosetthethicknessofacellborder,intheWidthbox,typeavalueinpixelstoindicatethewidthoftheborderyouwant.Toaddcolortoacellborder,clickacolorfromtheColorlist.UnderApply,clickthebuttonthatindicatesthetypeofborderyouwanttoapplytothecell.
ShowAll
TurnlayouttoolsforlayouttablesonoroffThelayouttoolsinMicrosoftFrontPageareturnedoffbydefault.
Dooneofthefollowing:
Turnthelayouttoolson
1. OntheTablemenu,clickLayoutTablesandCells.2. IntheLayoutTablesandCellstaskpane,addalayouttable.
Whenyouaddalayouttable,thetoolsturnonautomatically.
Turnthelayouttoolsoff
1. Clicktheborderofalayouttableorcell.2. IntheLayoutTablesandCellstaskpane,clickShowLayoutTool .
Tip
Ifyoumaintainalayouttableorcellinapagewiththelayouttoolsturnedoff,youcanalwaysturnthetoolsbackonbyclickingShowLayoutTool .
ShowAll
DeletealayouttableorcellDooneofthefollowing:
Deleteasinglelayoutcell
ClicktheborderofthelayoutcellandthenpressDELETE.
Deletealayouttable
Dooneofthefollowing:
Ifthelayouttoolsareturnedonandtheentirelayouttableisactivated,pressDELETE.Ifthelayouttoolsareturnedofforthelayouttableisnotactivated,intheLayoutTablesandCellstaskpane,clickShowLayoutTool toactivateit,andthenpressDELETE.
ShowAll
AboutformattingtextYoucanformattextinMicrosoftFrontPageasyouwouldusingawordprocessor—toaddvisualorganization,emphasis,andstructure.Youcanchangethefont,size,style,color,spacing,andverticalpositionoftext,andaddeffectssuchasunderlining.Youcanalsocontrolspacingandindentation,addbulletsandnumbers,andsetalignment.
Youcanapplyformattingtoeitherselectedwords,oranentireparagraph.Ageneralruleisthatyoucanapplyfontpropertiessuchasfont,size,color,highlighting,andeffectstoselectedtext,andparagraphpropertiessuchasalignment,bullets,numbering,shading,andborderstoentireparagraphs.Forexample,youcanitalicizeasinglewordinaparagraph,butifyoutrytoalignthewordtotheright,theentireparagraphwillalignrightaswell.
Formattingindividualcharactersandwords
Propertiesthatyoucanapplytotextinclude:
Fontandfontsize.Textformattingeffects,whichincludeitalics,underline,bold,orstrikethrough.
Propertiesthatincreaseordecreasethespacebetweencharacterstoexpandorcondenseyourtext.
Propertiesthatraiseorlowertextfromtheothertextonaline;forexample,tomarkawordwithacopyrightsymbolortoindicateafootnote.Youcanalsospecifythenumberofpointstoraiseorlowertext.
Highlightingawordoranindividualletter.
Formattingparagraphs
Aparagraphisablockoftextthatisseparatedfromanotherbyaparagraphmark.Iflinesoftextareseparatedbylinebreaks ,thetextisconsideredtobeoneparagraph.Theparagraphmarks andthelinebreaks arehiddencharacters
thatcanbedisplayedifneeded.
Propertiesthatyoucanapplytoentireparagraphsinclude:
Spacingbetweenlinesinaparagraph.
Bordersaroundtext.
Lineandparagraphindentation.Numbered,bulleted,ormulti-levellists.
Shadingtoanentirelineorparagraph.
ShowAll
SelecttextorgraphicsDooneofthefollowing:
Anyamountoftext
Dragoverthetext.
Aword
Double-clicktheword.
Alineoftext
Pointtotheleftofthelineuntilthepointerchangestoaright-pointingarrow,andthenclick.
Aparagraph
Pointtotheleftoftheparagraphuntilthepointerchangestoaright-pointingarrow,andthendouble-click.Ortriple-clickanywhereintheparagraph.
Multipleparagraphs
Pointtotheleftoftheparagraphsuntilthepointerchangestoaright-pointingarrow,andthendragupordown.
Agraphic
Clickthegraphic.
Formattext1. Selectthetextyouwanttoformat,right-click,andthenclickFontonthe
shortcutmenu.2. ClicktheFonttab.3. Selectthepropertiesyouwant.
Raiseorlowertext1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthetext,right-click,andthenclickFontontheshortcutmenu.3. IntheFontdialogbox,clicktheCharacterSpacingtab.4. InthePositionbox,clickthearrowandselectsupertoraisethetext,or
subtolowerthetext.
ShowAll
Resizetextquickly1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthetextyouwanttoresize.3. OntheFormattingtoolbar,clickIncreaseFontSize orDecreaseFont
Size .
IftheFormattingtoolbarishidden,ontheViewmenu,pointtoToolbars,andthenclickFormatting.
NoteThesmallestfontyoucangetbyclickingDecreaseFontSize is8points,andthelargestfontyoucangetbyclickingIncreaseFontSize is36points.
ShowAll
Setthespacingbetweencharacters1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthetext,right-click,andthenclickFontontheshortcutmenu.3. ClicktheCharacterSpacingtab.4. IntheSpacingbox,dooneofthefollowing:
Toincreasethespacebetweencharacters,clickExpanded.Todecreasethespacebetweencharacters,clickCondensed.
5. IntheBybox,enteranumber,inpixels,tospecifyhowmuchyouwanttoincreaseordecreasethespacebetweencharacters.
Removetextformatting1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthetextthatyouwanttoremoveformattingfrom.3. OntheFormatmenu,clickRemoveFormatting.
ShowAll
TroubleshoottextformattingIwanttosetthespacingofindividualletterswithinaword(kerning).
Kerning,whichistheselectivespacingbetweenpairsofletters,isnotsupportedbyMicrosoftFrontPage.Youcan,however,expandorcondenseallthelettersinawordbydoingthefollowing:
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthetext,right-click,andthenclickFontontheshortcutmenu.3. ClicktheCharacterSpacingtab.4. IntheSpacingbox,dooneofthefollowing:
Toincreasethespacebetweencharacters,clickExpanded.Todecreasethespacebetweencharacters,clickCondensed.
5. IntheBybox,typeorselectanumbertospecify,inpoints,howmuchyouwanttoincreaseordecreasethespacebetweencharacters.
IamunabletoaddplainbulletstomyWebpage.
Ifyourpageisusingatheme,thePlainBulletstabisunavailablefromtheBulletsandNumberingdialogboxbecausethemesusetheirowntypeofbullets.
TousePlainBullets,youmustremovethethemefromthepage.
How?
1. OntheViewmenu,clickFolders.2. Selectthepagesthatyouwanttoremovethethemefrom.3. OntheFormatmenu,clickTheme.4. IntheThemestaskpane,underWebsitedefaulttheme,clickNo
theme.
ThecollapsiblelistsIcreateddonotcollapseinsomeWebbrowsers.
CollapsiblelistsrequireECMAScriptasdefinedbythespecificationofthe
EuropeanComputerManufacturersAssociation,suchasJScriptorJavaScript,toenabletheshowingandhidingofsubitemsinalist.InsomeWebbrowsers,sitevisitorshavetheablitytoturnoffECMAScript.IfasitevisitorturnsofftheECMAScriptfunctionality,collapsiblelistswillmaintainanexpandedstatebydefault.
ShowAll
Aboutpastingtext,graphics,anddrawingobjectsWhenyoupastetext,graphics,ordrawingobjectsinDesignviewinMicrosoftFrontPage,thePasteOptions buttonappearsnearthepastedcontent.
WhenyouclickthePasteOptionsbutton,alistappearsthatletsyoudeterminetheappearanceofthecontentyouarepasting.Theavailableoptionsdependonthetypeofcontentyouarepasting,theprogramyouarepastingfrom,andtheformatofthetextwhereyouarepasting.
Optionsforpastingtext
UseDestinationStylesUsethisoptiontoremovethestylescopiedfromtheoriginaldocument,andusethestylesinthecurrentFrontPagedocumentinstead.
Example
IfyoucopyHeading2textfromaMicrosoftWorddocumenttoapageinFrontPage,selectingUseDestinationStylesensuresthattheFrontPageHeading2styleisapplied.ThisisusefulifHeading2isformatteddifferentlyinthetwoprogramsandyouwanttousetheFrontPageformatting.
KeepSourceFormattingUsethisoptiontopreservethestyleformattingofthesourcedocument,regardlessofthestylesinthecurrentFrontPagedocument.
Example
IfyoucopyHeading2textfromaMicrosoftWorddocumenttoapageinFrontPage,selectingKeepSourceFormattingensuresthattheWordHeading2styleisapplied.ThisisusefulifHeading2isformatteddifferentlyinthetwoprogramsandyouwanttokeeptheWordformatting.
KeepTextOnlyUsethisoptiontoremoveallformatting,andpastetheselectionasplaintext.
Example
InFrontPage,ifyoucopyasentencethatusesArialfontandisboldfaced,andpasteittoanotherspotinthesamedocument,selectingKeepTextOnlyensuresthatjustthetextispastedandthatthefontandtextformattingareremoved.
TreatasHTMLTagsUsethisoptionwhenyouwantFrontPagetorenderratherthandisplayHTMLtags.
Example
IfyoucopyanexampleofHTMLcodefromaWebbrowser(forexample,<i>italictext</i>)toapageinFrontPage,selectingTreatasHTMLTagsensuresthattheexamplecodeisrenderedasitalictext.
Optionsforpastingdrawingobjectsorgraphics
KeepSourceFormattingUsethisoptiontopreservethepositioningattributesthatwereappliedtothedrawingobjectinthesourcedocument.
Example
Ifyoucopyaright-aligneddrawingobjectfromaMicrosoftWorddocumenttoapageinFrontPage,selectingKeepSourceFormattingensuresthattheoriginalalignmentispreserved.
MicrosoftOfficeDrawingObjectUsethisoptiontopasteadrawingobjectwithoutpreservingthepositioningattributesfromtheoriginaldocument.
Example
Ifyoucopyaright-aligneddrawingobjectfromaMicrosoftWorddocumenttoapageinFrontPage,selectingMicrosoftOfficeDrawing
Objectremovesthecodespecifyingthealignmentofthedrawingobject.
PasteasanImageTagUsethisoptiontoconvertapastedMicrosoftOfficedrawingobjectintoaGIFfilewhenthepageissaved.
Example
IfyoucopyadrawingobjectfromaMicrosoftOfficedocumenttoapageinFrontPage,VMLcodeassociatedwiththeimageisvisibleinCodeview.ThePasteasanImageTagoptionensurestheconversionoftheelementtoaGIFimage.
NoteYouarepromptedtosavethenewlycreatedGIFfilewhenyousavetheWebpage.
ResamplePicturetoMatchSizeUsethisoptiontoresizeandresampleanimageyoupasteintoyourWebpagefromanexternalsource.
Example
Ifyoucopya100x100pixelphotographfromaWebsiteontheWorldWideWeb,andyouresizeitto50x50pixels,youselectthisoptiontosizeandresampletheimageinyourWebpage.
ShowAll
Pastetextandgraphics1. Selectthetextorgraphicyouwanttomoveorcopy,andthendooneofthe
following:Tomovetheitem,clickCut ontheStandardtoolbar.Tocopytheitem,clickCopy ontheStandardtoolbar.
2. InPageview,atthebottomofthedestinationdocumentwindow,clickDesign .
3. Positiontheinsertionpointwhereyouwantthetextorgraphictoappear.4. OntheStandardtoolbar,clickPaste .5. Tospecifytheformatting,style,andappearanceofthecontent,clickthe
PasteOptions buttonthatappearsnexttothepastedcontent,andthenselecttheoptionyouwant.
NoteThepasteoptionsthatareavailabledependonthetypeofcontentyouarepasting,theprogramyouarepastingfrom,andtheformatofthetextintheareawhereyouarepasting.
ShowAll
Highlightorshadetextwithcolor1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Dooneorbothofthefollowing:
Highlighttextwithcolor
1. Selecttheletter,word,orblockoftextthatyouwanttohighlightwithcolor.2. OntheFormattingtoolbar,clickthearrowforHighlightColor ,and
thenselectthecoloryouwant.
Shadetextwithcolor
1. Selectthetextthatyouwanttoshadewithcolor.2. OntheFormatmenu,clickBordersandShading.3. ClicktheShadingtabanddooneormoreofthefollowing:
Setabackgroundcolorfortheselectedtext
SelectacolorintheBackgroundcolorbox.
Setthecoloroftheselectedtext
SelectacolorintheForegroundcolorbox.
NoteTheshadingappliestotheentirelineonwhichtheselectedtextappears.However,youcanresizethecoloredbackgroundbyclickingonthebackgroundandthendraggingthesizinghandles.
ShowAll
Addaborder1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthetextthatyouwanttoaddaborderto.3. Dooneofthefollowing:
Addafour-sidedborder
1. OntheFormatmenu,clickBordersandShading.2. OntheBorderstab,underSetting,clicktheBoxicon.3. IntheStylebox,clickaborderstyle.4. IntheColorbox,clickacolor.5. IntheWidthbox,enteravalueinpoints.6. Tospecifythedistancebetweenthetextanditsborder,under
Padding,enteravalueinpointsintheTop,Bottom,Left,andRightboxes.
Addacustomborder
1. OntheFormatmenu,clickBordersandShading.2. OntheBorderstab,underSetting,clickCustom.3. IntheStylebox,clickaborderstyle.4. IntheColorbox,clickacolor.5. IntheWidthbox,enteravalueinpoints.6. Toapplythebordertooneormoresides,underPreview,clickthe
buttonsthatcorrespondtoeachsidethatyouwanttoaddaborder.7. Tospecifythedistancebetweenthetextanditsborder,under
Padding,enteravalueinpointsintheTop,Bottom,Left,andRightboxes.
Setlineorparagraphspacing1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectoneormoreparagraphs.3. OntheFormatmenu,clickParagraph.4. UnderSpacing,setthepropertiesthatyouwant.
NoteSomeWebbrowserswillnotdisplayalloftheselineandparagraphsettings.
ShowAll
Setparagraphorlineindentation1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectoneormoreparagraphs.3. OntheFormatmenu,clickParagraph.4. UnderIndentation,dooneormoreofthefollowing:
Toindentbeforetheparagraph,intheBeforetextbox,enteravalueinpixels.Toindentaftertheparagraph,intheAftertextbox,enteravalueinpixels.Toindentthefirstlineoftextintheparagraph,intheIndentfirstlinebox,enteravalueinpixels.
Setparagraphalignment1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selecttheparagraph(s)youwanttoalign.3. OntheFormattingtoolbar,clickoneofthefollowing:
AlignLeftCenterAlignRightJustify
IftheFormattingtoolbarishidden,ontheViewmenu,pointtoToolbars,andthenclickFormatting.
ShowAll
AddalinebreakwithinaparagraphYoucanaddanewlineoftextinaparagraphbyaddingalinebreak.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointwhereyouwanttoinsertalinebreak.3. OntheInsertmenu,clickBreak.4. ClickNormallinebreak.
Tip
Toviewlinebreakandparagraphmarks,clickShowAll .
Insertasymbol1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointwhereyouwanttoinsertasymbolorspecial
character.3. OntheInsertmenu,clickSymbol.4. Clickthesymbolorspecialcharacteryouwanttoinsert,andthenclick
Insert.5. ClickClose.
AboutfindingandreplacingtextandcodeYoucanquicklyfindandreplacetextorcodeinasinglepageorallpagesofaWebsite.Youcandosobyusingavarietyofsearchcriteria.Forexample,youcanspecifywhichpagesandwhatdirectionyouwanttosearch,aswellashowyouwanttosearchfortextorcodeinthosepages.Ifyoufrequentlyperformthesamesearch,youcansaveitasaquery.Thenexttimeyouwanttoperformthatsearch,youcanopenthequery,insteadofenteringthesearchcriteriaagain.
Inadditiontosearchingforinstancesofspecifictextorcode,youcansearchforapatternoftextorcodebyusingregularexpressionsorHTMLrules.
RegularExpressions
Aregularexpressionisapatternoftextthatdescribesoneormorevariationsoftextorcodethatyouwanttofind.Aregularexpressionconsistsofspecificcharacters—forexample,theletters"a"through"z"—andspecialcharactersthatdescribethepatternoftext—forexample,anasterisk(*).Forexample,tofindallvariationsof"page"inyourWebsite,youcansearchfor"page*."Ifyoudoso,MicrosoftFrontPagefindsallinstancesof"page,""pages,""pager,"andanyotherwordsthatbeginwith"page"inyourWebsite.
HTMLRules
YoucanuseHTMLrulesinyoursearchesandhaveadvancedHTMLtagandattributefindandreplaceoptions.ByusingHTMLrulesinyoursearch,youcandeterminewhereandunderwhatconditionstosearchyourcode.Forexample,youcancreateanHTMLruletosearchtextonlyinsideatag.Textoutsideofthetagwouldbeexcludedfromsearchresults.
MicrosoftFrontPageprovidesthefollowingHTMLrules:
WithAttributeFindsthetextortagonlyifitisinatagwithanattribute.Forexample,youcansearchforallinstancesof"Arial"andlimityoursearchtoonlythosetagsthatincludeaspecificattribute
WithoutAttributeFindsthetextortagonlyifitisinatagwithoutanattribute.Forexample,youcansearchforallinstancesof"p"andlimityoursearchtoonlythosetagsthatdonotincludeaspecificattribute.
ContainingFindsthetextortagonlyifitisinanothertagortextthatyouspecify.Forexample,youcansearchforallinstancesofthefont<font>tagthatarenestedinabold<b>tag.
NotContainingFindsthetextortagonlyifitisnotinanothertagortextthatyouspecify.Forexample,youcansearchforallinstancesofthetable<table>tagthatarenotnestedinanothertag.
InsideTagFindsthetextortagonlyifitisinatagthatyouspecify.Forexample,youcansearchforallinstancesoftheword"font"andallinstancesofthefont<font>tagwillbeinyoursearchresults.
NotInsideTagFindsthetextortagonlyifitisnotinatagthatyouspecify.Forexample,youcansearchforallinstancesoftheword"font"andinstancesofthefont<font>tagwillnotbeinyoursearchresults.
ShowAll
FindandreplacetextDooneofthefollowing:
FindtextinaWebpage
1. InPageview,dooneofthefollowing:TofindtextwithinaWebpage,atthebottomofthedocumentwindow,clickDesign .TofindtextintheHTMLcode,atthebottomofthedocumentwindow,clickCode .
2. Placetheinsertionpointatthetopofthepage.3. OntheEditmenu,clickFind.4. OntheFindtab,intheFindwhatbox,typethetextyouwanttosearchfor.
Touseregularexpressionswithinyoursearch,typethemdirectlyintotheFindwhatbox.Toselectregularexpressionsfromalist,clickthearrownexttotheFindwhatbox.
5. Ifyouaresearchinginthecurrentpage,underDirection,selectthedirectioninwhichtosearch.
6. UnderAdvanced,dooneormoreofthefollowing:Tofindtextonlyifitmatchesthecaseofthetextyoutyped,selecttheMatchcasecheckbox.Tofindtextonlyifitmatchesawholeword,selecttheFindwholewordonlycheckbox.Toignorethespacesandtabsbetweenwordsandtreatthemeachasasinglewhitespace,clickIgnorewhitespacedifferences.
ThisfeatureisunavailableiftheRegularexpressionscheckboxisselected.
TofindtextintheHTMLcode,selecttheFindinsourcecodecheckbox.
Forexample,youcansearchfortextthatisnotvisibleoreditableinthepage,suchasthepagetitleyousetinpageproperties.
Thisfeatureisunavailableifyouaresearchinginthecurrentpage.
7. ClickFindNext.
FindtextinaWebsite
1. OntheViewmenu,clickFolders.2. IfyoudonotwanttosearchallpagesintheWebsite,selectthepagesyou
wanttosearch.
How?
Toselectmultiple,non-sequentialpages,clickthenameofthefirstpageyouwanttoselect,andthenholddownCTRLwhileclickingthenamesofalltheotherpagesyouwanttoselect.
3. OntheEditmenu,clickFind.4. OntheFindtab,intheFindwhatbox,typethetextyouwanttosearchfor.
Touseregularexpressionswithinyoursearch,typethemdirectlyintotheFindwhatbox.Toselectregularexpressionsfromalist,clickthearrownexttotheFindwhatbox.
5. UnderAdvanced,dooneormoreofthefollowing:Tofindtextonlyifitmatchesthecapitalizationofthetextyoutyped,selecttheMatchcasecheckbox.Tofindtextonlyifitmatchesawholeword,selecttheFindwholewordonlycheckbox.Toignorethespacesandtabsbetweenwordsandtreatthemeachasasinglewhitespace,clickIgnorewhitespacedifferences.
ThisfeatureisunavailableifyouhaveselectedtheRegularexpressionscheckbox.
TofindtextintheHTMLcode,selecttheFindinsourcecodecheckbox.
Forexample,youcansearchfortextthatisnotvisibleoreditableinthepage,suchasthepagetitleyousetinpageproperties.
6. ClickFindinSite.7. WhenMicrosoftFrontPageliststhepagesthatcontainthetextyousearched
for,double-clickapageinthelist.
Thefirstinstanceofthetextishighlighted.
8. ClickFindNexttofindthenextoccurrence.9. ClickBacktolisttoreturntothelistofpages.
FindandreplacetextinaWebpage
1. InPageview,dooneofthefollowing:TofindtextinyourWebpage,atthebottomofthedocumentwindow,clickDesign .TofindtextininyourHTMLcode,atthebottomofthedocumentwindow,clickCode .
2. Placetheinsertionpointatthetopofthepage.3. OntheEditmenu,clickReplace.4. OntheReplacetab,intheFindwhatbox,typethetextyouwanttosearch
for.
Touseregularexpressionswithinyoursearch,typethemdirectlyintotheFindwhatbox.Toselectregularexpressionsfromalist,clickthearrownexttotheFindwhatbox.
5. IntheReplacewithbox,typethereplacementtext.6. Ifyouaresearchinginthecurrentpage,underDirection,selectthe
directionthatyouwanttosearch.7. UnderAdvanced,dooneormoreofthefollowing:
Tofindtextonlyifitmatchesthecapitalizationofthetextyoutyped,selecttheMatchcasecheckbox.Tofindtextonlyifitmatchesawholeword,selecttheFindwholewordonlycheckbox.Toignorethespacesandtabsbetweenwordsandtreatthemeachasasinglewhitespace,clickIgnorewhitespacedifferences.
ThisfeatureisunavailableiftheRegularexpressionscheckboxisselected.
TofindtextintheHTMLcode,selecttheFindinsourcecodecheckbox.
Forexample,youcansearchfortextthatisnotvisibleoreditableinthepage,suchasthepagetitleyousetinpageproperties.
8. Dooneofthefollowing:Toreplaceeachoccurencemanually,clickFindNext,andthenclickReplace.Toreplacealloccurrencesofthetextinthepageatonetime,clickReplaceAll.
FindandreplacetextinaWebsite
1. OntheViewmenu,clickFolders.2. IfyoudonotwanttosearcheverypageintheWebsite,selectthepages
youwanttosearch.
How?
Toselectmultiple,non-sequentialpages,clickthenameofthefirstpageyouwanttoselect,andthenholddownCTRLwhileclickingthefilenamesoftheotherpagesyouwant.
3. OntheEditmenu,clickReplace.4. OntheReplacetab,intheFindwhatbox,typethetextyouwanttosearch
for.
Touseregularexpressionswithinyoursearch,typethemdirectlyintotheFindwhatbox.Toselectregularexpressionsfromalist,clickthearrownexttotheFindwhatbox.
5. IntheReplacewithbox,typethereplacementtext.
6. UnderAdvanced,dooneormoreofthefollowing:
Tofindtextonlyifitmatchesthecapitalizationofthetextyoutyped,selecttheMatchcasecheckbox.Tofindtextonlyifitmatchesawholeword,selecttheFindwhole
wordonlycheckbox.Toignorethespacesandtabsbetweenwordsandtreatthemeachasasinglewhitespace,clickIgnorewhitespacedifferences.
ThisfeatureisunavailableiftheRegularexpressionscheckboxisselected.
TofindtextintheHTMLcode,selecttheFindinsourcecodecheckbox.
Forexample,youcansearchfortextthatisnotvisibleoreditableinthepage,suchasthepagetitleyousetinpageproperties.
Thisfeatureisunavailableifyouaresearchinginthecurrentpage.
7. ClickFindinSite.8. WhenMicrosoftFrontPageliststhepagesthatcontainthetextyousearched
for,double-clickapageinthelist.
Thefirstinstanceofthetextishighlighted.
9. Dooneofthefollowing:Toreplaceeachoccurencemanually,clickFindNext,andthenclickReplace.Toreplacealloccurrencesofthetextinthepageatonetime,clickReplaceAll.
10. ClickBacktolisttoreturntothelistofpages.
Tip
Youcancreatenew,oropenpreviouslycreatedqueries,usingtheQueryoptionsfoundonallthetabsintheFindandReplacedialogbox.
FindandreplaceHTMLtags1. Placetheinsertionpointatthetopofthepage.2. OntheEditmenu,clickFind.3. SelecttheHTMLTagstab.4. IntheFindtagbox,typeorselectthetagyouwanttofind.5. IntheReplaceactionlist,clicktheactionyouwant.Ifadditionaloptions
appear,typeorselectoptionsthatfurtherdefinehowyouwanttoreplacethetags.
6. UnderSearchoptions,clicktheoptionsthatyouwant.7. Tofindthenextoccurenceofthetag,clickFindNext.8. Dooneofthefollowing:
Toreplacethatoccurence,clickReplace.Toreplacealloccurencesofthetag,clickReplaceAll.
RegularexpressionsYoucanperformsophisticatedfindandreplaceoperationsinMicrosoftFrontPagebyusingregularexpressions.Aregularexpressionisapatternofordinaryandspecialcharactersthatdescribeoneormorestringstofindwhensearchingtextorcode.Regularexpressionsareusefulwhenyoudonotknowtheexacttextorcodeyouarelookingfor,orwhenyouarelookingforalloccurrencesofstringsoftextorcodewithoneormoresimilarities.
Touseregularexpressions,opentheFindandReplacedialogboxinFrontPage,selecttheRegularexpressionscheckboxsearchoption,andtypearegularexpressionpatternintheFindwhatbox.YoucanaccesssomeofthemorecommonsyntaxcharactersusingtheRegularexpressionsarrow.
Whenyouuseregularexpressionsinyoursearches,therearespecificrulesthatcontrolwhichcombinationofcharactersperformspecificmatches.Eachregularexpression,orcombinationofregularexpressionsisreferredtoassyntax.Youcanusemultipleregularexpressionsinonesyntaxtopreciselytargetyoursearch.
TheregularexpressionsinFrontPageandtheassociatedsyntaxaredescribedinthetablethatfollows.
Expression Syntax Description
Anycharacter .
Actsasawildcardtomatchanysingleprintingornon-printingcharacterwiththeexceptionofthenewline(\n)character.
Forexample,theregularexpressionc.tmatchesthestringscat,ct,cot,butnotcost.Inthisexample,theperiod(.)isawildcardforasinglecharacter.Itappearsbetweentheletters'c'and't',soanysinglecharacterbetweenthecharacters'c'and't'willmatchtheexpression—evenifitisaspace.
Matcheszeroormoreoccurrencesofacharacterthatprecedetheexpression,matchingasmanycharacters
Maximal—zeroormore *
aspossible.
Theregularexpression.*matcheszeroormoreoccurrencesofonecharacter.
Forexample,theregularexpressionb.*kmatchesbook,back,black,blank,andbuck.Inthisexample,wecombinetheperiod(.)withtheasterisk(*)tomakeonesyntax.Theperiod(.)appearsimmediatelybeforetheasterisk(*)expression.Theasterisk(*)matcheszeroormoreoccurrencesofanycharacterbetween'band'k'.Theperiod(.)actsasawildcardforthecharactersbetween'b'and'k'.Inthisexample,itmeansthatanycharacterbetween'b'and'k'canberepeated.
Maximal—oneormore +
Matchesoneormoreoccurrencesofacharacterthatprecedetheexpression,matchingasmanycharactersaspossible.
Theregularexpression.+matchesoneormoreoccurrenceofonecharacter.
Forexample,theregularexpressionbo+.matchesbob,book,andboot.Inthisexample,wecombinetheperiod(.)withtheplussign(+)tomakeonesyntax.Theperiod(.)appearsimmediatelyaftertheplussign(+)expression.Theplussign(+)matchesoneormoreoccurrencesoftheletter'o'.Theperiod(.)actsasawildcardforthelastcharacterofeachword,which,inthisexampleare'b','k',and't'.
Minimal—zero
Matcheszeroormoreoccurrencesofacharacterthatprecedetheexpression,matchingasfewcharactersaspossible.
Theregularexpression.@meansmatchzeroormoreoccurrencesofonecharacter.
Forexample,theregularexpressiona.@xmatches'abx'
ormore @ within'abxbxb'and'acx'within'acxcxc'.Inthisexample,wecombinetheperiod(.)withtheatsign(@)tomakeonesyntax.Theperiod(.)appearsimmediatelybeforetheatsign(@)expression.Theatsign(@)matcheszeroormoreoccurrencesofanycharacterbetween'aand'x'.Inthisexample,theperiod(.)actsasawildcardforthecharacters'b'and'c'betweenthecharacters'a'and'x'.
Minimal—oneormore #
Matchesoneormoreoccurrencesofacharacterthatprecedetheexpression,matchingasfewcharactersaspossible.
Forexample,theregularexpressionsi.#ermatches'sicker'or'silkier'.Inthisexample,wecombinetheperiod(.)withthesharpsign(#)tomakeonesyntax.Theperiod(.)appearsimmediatelybeforethesharpsign(#)expression.Thesharpsign(#)matchesoneormoreoccurrencesofanycharacterbetween'si'and'er'.Theperiod(.)actsasawildcardforthecharacters'c'and'k'inthewordsicker,and'l','k',and'i'inthewordsilkier.
Setofcharacters []
Matchesanyoneofthecharacterswithinthebrackets([]).Youcanspecifyrangesofcharactersbyusingahyphen(-),asin[a-z].
Examples:
Theregularexpressionc[aou]tmatchescat,cot,andcut,butnotcetorcit.Theregularexpression[0-9]meansmatchanydigit.Youcanspecifymultiplerangesoflettersaswell.Theregularexpression[A-Za-z]meansmatchallupperandlowercaseletters.
Anchorsthematchtothebeginningofaline.
Beginningofline ^
Forexample,theregularexpression^Wheninmatchestheanystringthatbeginswith"Whenin"andthatalsoappearsatthebeginningofaline,suchas"Wheninthecourseofhumanevents"or"Whenintown,callme".Whereas,thisregularexpressiondoesnotmatch"Whatandwheninthecourseofhumanevents"ifitappearsatthebeginningofaline.
Endofline $
Anchorsthematchtotheendofaline.
Forexample,theregularexpressionprofessional$matchestheendofthestring"Heisaprofessional"butnotthestring"Theyareagroupofprofessionals".
Beginningoffile ^^
Anchorsthematchtothebeginningofafile.Worksonlywhensearchingfortextinsourcecodeorintextfiles.
Forexample,tomatchthefirstHTMLtagatthebeginningofafile,usethefollowingregularexpression:^^<html>
Endoffile $$
Anchorsthematchtotheendofafile.Worksonlywhensearchingfortextinsourcecodeorintextfiles.
Forexample,tomatchthelastHTMLtagattheendofafile(withnospacesfollowingthetag),usethefollowingregularexpression:</html>$$
Or |
Indicatesachoicebetweentwoitems,therebymatchingtheexpressionbeforeoraftertheORsymbol(|).
Forexample,theregularexpression(him|her)matchesthefollowingoccurrences:
"itbelongstohim""itbelongstoher"
butitdoesnotmatchtheline"itbelongstothem."
Escapespecialcharacter \
Matchesthecharacterfollowingthebackslash(\).Thisallowsyoutofindcharactersthatareusedintheregularexpressionsyntax,suchasaleftcurlybrace({)oracaret(^)orsomeotherspecialcharacter.
Forexample,youcanuse\$tomatchthedollarsigncharacter($)ratherthanimplementingtheregularexpressionto'anchortoendofaline'.Similarly,youcanusetheexpression\.tomatchtheperiod(.)characterratherthanmatchanysinglecharacter,whichiswhattheperiod(.)regularexpressiondoes.
Taggedexpression {}
Tagsthetextmatchedbytheenclosedexpression.YoucanmatchanotheroccurrenceofthetaggedtextinaFindexpressionorinsertthetaggedtextinaReplaceexpressionusing\N.
Forexample,supposeyouarelookingtofindtwoduplicate,consecutivewords.Tosearch,usethefollowingexpression:{.#}\1
Withtheassumptionthattheconsecutivewordsareseparatedbyasinglespace,you'llwanttoaddaspacebetweentherightcurlybrace(})andthebackslash(\).
Inthisexample,wecombinethesharpsign(#)andtheperiod(.)withthecurlybraces({})tomakeonesyntax.Inthisexpression,.#representsanyconsecutivecharacters.Sincethisportionoftheexpressionissurroundedbycurlybraces({}),theconsecutivecharacterswillbetaggedandcanbereferredtoas\1.Thisexpressionwillfindanyconsecutivecharactersfollowedbyaspace,followedbythoseexactsameconsecutivecharacters.
InaFindexpression,\Nmatchesthetextmatchedby
Nthtaggedexpression \N
theNthtaggedexpression,whereNisanumberfrom1to9.
InaReplaceexpression,\NinsertsthetextmatchedbytheNthtaggedexpressionwhereNisanumberfrom1to9.\0insertsthetextmatchedbytheentireFindexpression.
Forexample,supposeyouwanttofindtwoduplicate,consecutivewordsandreplacethemwithasingleword.Tosearch,usethefollowingexpression:{.#}\l
Withtheassumptionthattheconsecutivewordsareseparatedbyasinglespace,you'llwanttoaddaspacebetweentherightcurlybrace(})andthebackslash(\).Inthisexample,wecombinedthesharpsign(#)andtheperiod(.)withthecurlybraces({})tomakeonesyntax.
Toreplace,usethefollowingexpression:\l
\1representswhatwasfoundinthefirstpairofcurlybracesinthefindstring.Byusing\1inthereplaceaction,youessentiallyreplacetheduplicate,consecutivewordswithasinglecopyoftheword.
Groupexpression ()
Marksthebeginningandendofasubexpression.
Asubexpressionisaregularexpressionthatyouencloseinparenthesis(),suchastheexpressionthatfollows:(ha)+Inthisexample,wecombinetheplussign(+)withtheparenthesis()groupexpressiontomakeonesyntax.Thesubexpressionis(ha)becauseitisencapsulatedwithintheparenthesis().Whenyouaddtheplussign(+),theexpressionenablesyoutofindrepeatingpairsofletters.Theplussign(+)representsoneormoreoccurrencesof'ha'.
Thisexpressionmatchesthefollowingoccurrences
'haha'and'hahaha'.
Preventmatch ~x
Preventsamatchwhenxappearsatthispointintheexpression.
Forexample,theregularexpressionreal~(ity)matchesthe"real"in"realty"and"really",butpreventsthematchto"real"in"reality".
Linebreak \n
MatchesanewlineinCodeview,ora<br>inDesignview.
Thesyntax(\n),isashorthandapproachtoenableyoutomatchalllinebreaks.
Tab \t
Matchesasingletabcharacter.
Forexample,ifyouwanttofindallsingletabbedcharactersatthebeginningofaline,theregularexpressionwouldlooklikethefollowing:
^\t+
Inthisexample,wecombinethecaret(^)andtheplussign(+)withthetab(\t)tomakeonesyntax.Thecaret(^)thatprecedesthesingletabcharacterexpression,anchorsthematchtoalltabbedcharactersatthebeginningoftheline.Theplussign(+)representsthematchingofoneormoretabcharacters.
Anyonecharacternotintheset
[^]
Matchesanycharacterthatisnotinthesetofcharactersthatfollowsthecaret(^).
Forexample,tomatchanycharacterexceptthoseintherange,usethecaret(^)asthefirstcharacteraftertheopeningbracket.Theexpression[^269A-Z]willmatchanycharactersexcept2,6,9,andanyuppercasealphabeticalcharacters.
Repeatexpression ^n
Matchesnoccurrencesoftheexpressionthatprecedesthecaret(^).
Forexample,withnequaling4,theexpression[0-9]^4matchesany4-digitsequence.Inthisexample,wecombinethesetofcharacters([])syntaxwiththerepeat(^n)syntaxtodemonstrateamorerealisticuseofregularexpressions.
Alphanumericcharacter :a
Matchestheexpression[a-zA-Z0-9].
Youcanusethefollowingexpression:[a-zA-Z0-9]tomatchoneoccurrenceofaletter(uppercaseorlowercase)ornumber.Alsoknownasalphanumericoccurrences.Youcanusetheshorthandexpression:aforallinstancesof[a-zA-Z0-9].
Whitespace :b
Matchesanywhitespacesincodeortext.
Forexample,tomatchasinglewhitespacecharacteratthebeginningofaline,usethefollowingregularexpression:^:b
Alphabeticcharacter :c
Matchestheexpression[a-zA-Z]Whenyouusethisexpression,itenablesyoutomatchallupperorlowercaseletters.
Youcanusetheshorthandexpression:cforallinstancesof[a-zA-Z].
Decimaldigit :d
Matchestheexpression[0-9]Thisexpressionenablesyoutomatchanydigit.
Forexample,supposeyouwanttofindasocialsecuritynumberinatextfile.TheformatforU.S.socialsecuritynumbersis999-99-9999.:d^3-:d^2-:d^4or,byusing[0-9],thesameresultingexpression:[0-9]^3-[0-9]^2-[0-9]^4]
Youcanusetheshorthandexpression:dforallinstancesof[0-9].
Hexadecimaldigit :h
Matchestheexpression[0-9a-fA-F]+
Useathisexpressionwhenyouwanttomatchahexadecimalcombinationofanyupperorlowercaselettersbetween'A'and'F',andanynumbers.
Forexample,supposethepagesinyourWebsitehavemultipledifferentbackgroundcolorsandyouwanttochangethecolorofthosepagestoblack,suchas000000.However,youdonotknowwhatthehexadecimalnumbersarefortheexistingcolors.Usethefollowingregularexpressiontofindallexistinghexadecimalnumbers:
\#:h
Youcoulduse[0-9a-fA-F]tosearch,butinthisexamplewecombinethebackslash(\)andthesharpsign(#)withthehexadecimaldigit(:h)syntax.\#matchesanon-expressionsharpsign(#)and:hmatchesanysequenceofhexadecimalcharacters.
Toreplacetheexistinghexadecimalnumbers,typethehexadecimalnumberofthebackgroundcolorthatyouwant:000000
Identifier :i
Matchestheexpression[a-zA-Z_$][a-zA-Z0-9_$]*
Whenworkingwithcode,ifyouwanttomatchallprogramidentifiers,youcanusetheshorthandexpression:itoreplacehavingtotypethelengthyexpressionabove.
Rational :n
Matchestheexpression([0-9]+\.[0-9]*)|([0-9]*\.[0-9]+)|([0-9]+)
Ifyouwanttomatchallwholenumbersthatcontaina
number decimalpoint,youcanusetheshorthandexpression:ntoreplacehavingtotypethelengthyexpressionabove.
Quotedstring :q
Matchestheexpression("[~"]*")|('[~']*')
Ifyouwanttomatchallquotessurroundedbyquotationmarks,youcanusetheshorthandexpression:qtoreplacehavingtotypethelengthyexpressionabove.
Alphabeticstring :w
Matchestheexpression[a-zA-Z]+
Thissyntaxisashorthandapproachtoenableyoutomatchoneormorealphabeticalcharacters,eitherlowercaseoruppercase.
Decimalinteger :z
Matchestheexpression[0-9]+
Thissyntaxisashorthandapproachtoenableyoumatchanynumberfromzeroormore.
ShowAll
CheckspellinginapageorWebsiteDooneormoreofthefollowing:
Checkspellingonapage
1. InPageview,ontheStandardtoolbar,clickSpelling .
WhenMicrosoftFrontPagefindsanunrecognizedwordoraspellingerror,intheSpellingdialogbox,thewordisdisplayedintheNotinDictionarybox.
2. Dooneofthefollowing:ToreplacethewordwithawordfromtheSuggestionslist,clickthesuggestedword,andthenclickChange.
Toreplaceallinstancesoftheword,clickthesuggestedword,andthenclickChangeAll.
Tocorrectthewordyourself,typethecorrectwordintheChangeTobox,andthenclickChange.
Tocorrectallinstancesoftheword,typethecorrectwordintheChangeTobox,andthenclickChangeAll.
Iftheunrecognizedwordiscorrectlyspelled,clickIgnoretoignorethisinstanceoftheword.
Toignoreallinstancesofthisword,clickIgnoreAll.
Toaddtheunrecognizedwordtoyourcustomdictionary,clickAdd.
CheckspellinginaWebsite
1. OntheViewmenu,clickFolders.2. Dooneofthefollowing:
RunthespellingcheckerinanentireWebsite
1. Clickthetoplevelsite.2. OntheStandardtoolbar,clickSpelling .3. UnderCheckspellingof,clickEntireWebsite.4. Tocreateatasklistandaddataskforeachpagewithmisspelled
words,selecttheAddataskforeachpagewithmisspellingscheckbox.
5. ClickStart.
RunthespellingcheckeronselectedpageswithinaWebsite
1. Clickthenameofthefirstpage,andthenholddownCTRLwhileclickingthenamesofalltheotherpagesyouwanttocheckthespellingon.
2. OntheStandardtoolbar,clickSpelling .3. UnderCheckspellingof,clickSelectedpage(s).4. Tocreateatasklistandaddataskforeachpagewithmisspelled
words,selecttheAddataskforeachpagewithmisspellingscheckbox.
5. ClickStart.
3. Dooneofthefollowingtocorrectthespellingofthesewords:
Correctmisspelledwordsineachpage
1. IntheSpellingdialogbox,double-clickapagefromthelistofpagesthatincludetheunrecognizedormisspelledwordsintheWebsite.
MicrosoftFrontPageopenseachpageinPageviewandpromptsyoutoaddresstheunrecognizedormisspelledwords.
2. Whenyouhavereviewedalloccurrencesofthemisspelledwordsineachpage,FrontPagepromptsyoutoclosetheactivepageandthenmovetothenextpageinthelist.
Correctmisspelledwordsbyusingatasklist
IfyouselectedtheAddataskforeachpagewithmisspellingscheckbox,thisgeneratesatasklistofpageswithmisspelledwords.Toaccessthetasklistandbegincorrectingthemisspelledwords,dothefollowing:
1. OntheViewmenu,clickTasks.2. InTasksview,double-clickthetasklabeledFixmisspelledwords,
andthenclickStartTask.3. MicrosoftFrontPageopensthepageinPageviewandpromptsyouto
correctthemisspelledwords.
Checkspellingautomaticallyasyoutype
1. OntheToolsmenu,clickPageOptions.2. OntheGeneraltab,selecttheCheckspellingasyoutypecheckbox.3. Toshoworhidethewavyredlinesbeneathmisspelledwords,selector
cleartheHidespellingerrorsinalldocumentscheckbox.
Lookupwordsinthethesaurus1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectortypeawordthatyouwanttolookupinthethesaurus.3. OntheToolsmenu,clickThesaurus.4. Clicktheoptionsyouwant.
ShowAll
TroubleshootspellingIdon'twanttheredwavylinesunderneathcertainwordsinmytext.
Redwavylinesindicatethattheautomaticfunctiontocheckspellinghasbeenturnedon,andthatMicrosoftFrontPageisindicatingspellingerrors.Ifyouwanttoturnthisfunctionoff,dothefollowing:
1. OntheToolsmenu,clickPageOptions,andthenclicktheGeneraltab.2. Dooneofthefollowing:
Checkspellingautomaticallybutdon'tshowtheredwavylines
1. SelecttheCheckspellingasyoutypecheckbox.
2. SelecttheHidespellingerrorsinalldocumentscheckbox.
Completelyturnofftheautomaticspellingchecker
CleartheCheckspellingasyoutypecheckbox.
NoteYoucancheckspellingatanytimebyclickingSpelling ontheStandardtoolbar.
Thespellingcheckerquestionstextthatiscorrect.
Whenyouusethespellingchecker,itcomparesthewordsinyourdocumentwiththoseinitsmaindictionary.Themaindictionarycontainsmostcommonwords,butitmightnotincludepropernames,technicalterms,acronyms,andsoon.Topreventthespellingcheckerfromquestioningsuchwordsinfuturespellingchecks,addthesewordstothepersonaldictionarybydoingthefollowing:
1. OntheStandardtoolbar,clickSpelling .2. Whenthespellingcheckerquestionsaword,clickAdd.
Thespellingcheckerdidn'tchangeeveryoccurrenceofamisspelledword.
Ifyoucheckspellingallatonce,youcanclicktheChangeAllbuttonintheSpellingdialogboxtochangeeveryoccurrenceofamisspelledword.Ifyouclosethedialogboxbeforecheckingtheentiredocument,thespellingcheckerwillnotcorrecterrorsintheuncheckedportion.
ShowAll
AboutlistsYoucanquicklyaddbulletsornumberstoexistinglinesoftext,oryoucanautomaticallycreatebulletedandnumberedlistsasyoutype.Ifyou'recreatingbulletedlistsforWebpages,youcanuseanygraphicalimageorpictureasabullet.
Bulletedlist
Youcancreateabulletedlistforpresentingalistofunordereditems—thatis,itemsthatdon'tneedtobenumbered:
pineappleswatermelonspapayas
Custombulletedlist
Youcanusegraphicsasbullets,ratherthanusingthestandarddefaultbulletssuchascirclesorsquares.
Numberedlist
Todisplayasequentiallistofitems,createanumberedlist.Youcanchoosefromletters,numbers,orRomannumerals:
1. Dothisfirst2. Dothissecond3. Dothisthird
Definitionlist
Whenyouwanttopresentalistoftermsanddefinitions,addadefinitionlisttoyourpage.Termsareusuallydisplayedflushleft,withindenteddefinitions.TheexactformattingofthelistdependsontheWebbrowserthatsitevisitorsuse.
TermAThisisthedefinitionforTermA.
TermBThisisthedefinitionforTermB.
Outlineormulti-levellist
Youcancreateliststhathavemultiplenestedlevelsandparagraphs,andyoucanspecifydifferentliststylesforeachlevel.Forexample,anoutline:
1. Chapter1. Heading
1. Subheading1. Topic
Paragraph
2. Topic1. Detail2. Detail
2. Heading
Thelistintheprecedingexampleusesdifferentnumberingstylesateachlevel.Ifaheadinghasonlyoneitembelowit,youcanlisttheitemwithoutnumbers.
Collapsiblelist
Youcancreateacollapsiblelistfromamulti-levelbulletedornumberedlist,orfromanoutline.Forexample,amulti-leveloutline:
Acollapsiblelistletssitevisitorsshoworhidedifferentlevelsofalistbydouble-clickingalistitem.
ShowAll
CreateabulletedornumberedlistIfyouareusingatheme,thePlainBulletstabisunavailable.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointwhereyouwanttocreatealist.3. OntheFormatmenu,clickBulletsandNumbering.4. Dooneofthefollowing:
Createabulletedlist
1. ClickthePlainBulletstab,clicktheboxwiththebulletsyouwanttouse,andthenclickOK.
2. Typetextnexttothebullet,andthenpressENTER.3. Toendthelist,pressENTERagain.
Createabulletedlistusingpictures
1. ClickthePictureBulletstab,andthenclickSpecifypicture.2. Locateandclickthegraphicfilethatyouwanttouseasabullet,click
Open,andthenclickOK.3. Typetextnexttothebullet,andthenpressENTER.4. Toendthelist,pressENTERagain.
NoteWhenyousavetheWebpage,ifthegraphicfileyouusedforthecustombulletisnotinthecurrentWebsite,MicrosoftFrontPagewillpromptyoutosaveittothecurrentWebsiteinGIForJPEGformat.
Createanumberedlist
1. ClicktheNumberstab,clickthestyleofnumbersorlettersyouwanttouse,andthenclickOK.
2. Typetextnexttothebullet,andthenpressENTER.3. Toendthelist,pressENTERagain.
ShowAll
AddbulletsornumberstoexistingtextIfyouareusingatheme,thePlainBulletstabisunavailable.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthetextthatyouwanttoaddbulletsto.3. OntheFormatmenu,clickBulletsandNumbering.4. Dooneofthefollowing:
Addplainbulletstotext
ClickthePlainBulletstab,andthenclicktheboxwiththebulletsyouwanttouse.
Addpicturebulletstotext
1. ClickthePictureBulletstab,andthenclickSpecifypicture.2. Locateandselectthegraphicfilethatyouwanttouseasabullet,andthen
clickOpen.
NoteWhenyousavetheWebpage,ifthegraphicfileyouusedforthecustombulletisnotinthecurrentWebsite,MicrosoftFrontPagewillpromptyoutosaveittothecurrentWebsiteinGIForJPEGformat.
Addnumberstotext
ClicktheNumberstab,andthenclickthestyleofnumbersorlettersyouwanttouse.
ShowAll
Matchthesizeoflistbulletsandnumberstotext1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthetextthatyouwanttochangethesizeofbulletsornumbersfor.3. Checkthesizeofthetextinyourlist.
How?
1. OntheFormatmenu,clickFont.2. IntheSizebox,thesizeofyourtextwillbehighlighted.3. ClickCancel.
4. Right-clickanywhereinthelist,andthenclickListPropertiesontheshortcutmenu.
5. ClickStyle.6. ClickFormat,andthenclickFont.7. IntheFontdialogbox,underSize,selectthenewtextsize.
Createadefinitionlist1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointwhereyouwanttocreatealistofdefinitions.3. IntheStylebox ,clickthearrowandthenclickDefinedTerm.4. Typethefirstterminthelist,andthenpressENTER.
ThenextlineisautomaticallyformattedwiththeDefinitionstyle.
5. Typethetermdefinition.6. PressENTERtocontinuetothenextterm.
ThenextlineisautomaticallyformattedwiththeDefinedTermstyle.
7. Repeatsteps4through6foreachtermanddefinition.8. Toendthelist,pressENTERtwice.
Createanoutlineormulti-levellist1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointwhereyouwanttocreateanoutlineormulti-level
list.3. OntheFormatmenu,clickBulletsandNumbering,andthenclickthe
Numberstab.4. Clicktheboxwiththestyleofnumbersorlettersthatyouwanttostart
with,andthenclickOK.5. Foreachitemorlineoftextthatyouwantintheoutlineormulti-levellist,
regardlessofitslevel,typethetext,andthenpressENTER.6. Whenyouhavetypedthelastitem,pressENTERtwicetoendthelist.7. Toplaceeachitemonthecorrectlevel,dooneofthefollowing:
Tomoveitemsdowntothenextconsecutivelevel,selecttheitems,andthenclickIncreaseIndent twice.Toformatitemsasaparagraphonthecurrentlevel(withoutbulletsornumbering),selecttheitems,andthenclickIncreaseIndent once.Tomoveitemsuptopreviouslevel(s),selecttheitems,andthenclickDecreaseIndent oneormoretimes,asneeded.
8. Toapplynumberingorletteringstylestothedifferentlevels,selectanitemonalevelorsublevel,right-click,andthenclickListPropertiesontheshortcutmenu.
9. OntheNumberstab,clicktheboxwiththestyleyouwanttouse.
ShowAll
Createacollapsiblelist1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Createanoutlineormulti-levellist.3. Tocollapselow-levellistitemswithinatop-levellistitem,right-clickon
thetop-levellistitem,andthenclickListPropertiesontheshortcutmenu.4. SelecttheEnableCollapsibleOutlinescheckbox.5. Todisplaythelistinacollapsedstatewhenasitevisitorfirstopensyour
WebpageinaWebbrowser,selecttheInitiallyCollapsedcheckbox.
Notes
Toensurethatthelistyoucreatedcollapses,clickPreview ,andthenclickthetop-levellistitem.Ifyourlistcontainsmanylistitemsonthesamelevel,eachlistitem—includingtheadditionallevelsbelowit—willbecollapsibleifyouperformthestepsintheprecedingprocedure.Inaddition,alllevelsbelowtheoriginalonewillbecollapsible.CollapsiblelistsaresupportedbyMicrosoftInternetExplorer4.0orlaterandbyotherWebbrowsersthatsupportDynamicHTML.
Removenumbersorbulletsfromalist1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selecttheitemsinthelist.3. OntheFormatmenu,clickBulletsandNumbering.4. Dooneofthefollowing:
Ifthelistusesbullets,onthePlainBulletstab,clicktheboxwithnobullets.Ifthelistusesnumbersorletters,ontheNumberstab,clicktheboxwithnonumbering.Ifthelistusespicturebullets,onthePictureBulletstab,intheSpecifypicturesbox,clearthefilename.
ShowAll
AbouttablesAtableismadeupofrowsandcolumnsofcellsintowhichyoucaninserttextandgraphics.
Youcancustomizeyourtablesinavarietyofwaystomakethemmoreattractiveandeasytoread.
Workwithrowsandcolumns
Youcancreatemorecellsinyourtablebysplittingonecellintotwoormorecells.Youcanalsomergeadjacentcellsintoonecell.
Onceyouhavealltherowsandcolumnsyouneedinyourtable,youcansettherowheightsandcolumnwidthsthewayyouwantthem.
Youcandefinetherowheightsandcolumnwidthstobeapercentageoftheoveralltablesize,aspecificsizeinpixels,orsetallrowsandcolumnstobespaceduniformly.
Copyandpastecontent
Youcancopycontentfromonecelltocellsinadjacentrowsorcolumnsinyourtablewithouthavingtocutandpasteeachtime.Forexample,tocopythecontentsofacellinthefirstrowofatable,youcanselectthatcellanddragacrossalltheadjacentcellsinthesamerowandthenclickaFillcommand.
Controltextandtablelayout
Youcancontrolhowyourtableappearsonthepagebysettingthetablealignment—tablescanbealignedtotheleft,right,orcenterofthepage.ThefollowingtableiscenteredontheWebpage.
Youcanalsocontroltheheightandwidthofthetablebyenteringpixelandpercentagevalues.Forexample,youcansetthewidthofthetableto80percentoftheoverallpagewidth(orframewidth,ifthetableisinaframe).Ifasitevisitorresizesthebrowserwindow,thepagesizeandtablechangeaccordingly.Onpagesthatincludeatableandtext,youcanalsospecifywhetheryouwanttexttoflowaroundthesidesofthetable.
Byspecifyingthewaytextappearsinsideeachcell,youcancontrolhowmuchspacethereisbetweentheborderandtextofacell,andyoucansetthehorizontalandverticalalignmentoftext.Inaddition,tabletextcanbeformattedlikeanyothertext—youcanchangethefontstyle,size,color,andotherattributes.
Setborderspecifications
Youcancustomizethewaybordersappearinyourtables.Forexample,youcouldchangethethicknessoftheouterborderofatable,setthebordercolorforthewholetable,orsetadifferentbordercolorforindividualcells.Youcanchooseonecolorfortheborderor,ifyoupreferathree-dimensionallook,youcanchoosetwocolors—alightcolorandadarkcolor.
Choosebackgrounds
Youcanchoosebackgroundcolorsandpicturesforyourtables.Background
colorscanbeusedtoshadespecificcolumnsorrowstoaddemphasis.Youcanusebackgroundpicturestoaddvisualappealtoyourtables.
Youcansetbackgroundcolorsandpicturesforcertaincells,oryoucansetthemforthewholetable.
Createcaptionsandheaders
Youcanaddacaptionaboveatableasatitle,orbelowatabletosummarizeitscontentforsitevisitors.Youcanalsoformatthecaptiontext.
Toemphasizecertaincellsinyourtable,youcanspecifythemastableheaders.Forexample,inthetablebelow,thefirstrowandfirstcolumncontainlabels.Theyareformattedastableheaderssothattheystandoutfromtherestofthetable.Bydefault,atableheaderisformattedasboldtext.However,youcanmodifythetableheaderstyleanddefineadditionalpropertiesforyourtableheaders,suchasshading.
NoteYoucanalsocreatevisually-structuredWebpagesbyaddingalayouttablefromalistofpredesignedlayoutsintheLayoutTablesandCellstaskpane,oryoucandrawalayouttomeetyourcustomizedneeds.
Addatable1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointwhereyouwanttoinsertthetable.3. OntheTablemenu,pointtoInsert,andthenclickTable.4. Setthepropertiesthatyouwant.
NoteTomakethepropertiesthatyouspecifiedthedefaultforallnewtables,underSet,clicktheSetasdefaultfornewtablescheckbox.
ShowAll
Addacell,row,orcolumntoatable1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Dooneormoreofthefollowing:
Addacell
1. Placetheinsertionpointinthecellnexttowhereyouwanttoaddacell.
2. OntheTablemenu,pointtoInsert,andthenclickCell.
Addarow
1. Placetheinsertionpointintherowaboveorbelowtherowthatyouwanttoadd.
2. OntheTablemenu,pointtoInsert,andthenclickRowsorColumns.3. ClickRows,andthentypeorselectthenumberofrowsyouwantto
add.4. UnderLocation,specifyifyouwanttoplacetherowaboveorbelow
theselectedrow.
Addacolumn
1. Placetheinsertionpointinthecolumnnexttowhereyouwanttoaddacolumn.
2. OntheTablemenu,pointtoInsert,andthenclickRowsorColumns.3. ClickColumns,andthentypeorselectthenumberofcolumnsyou
wanttoadd.4. UnderLocation,specifyifyouwanttoplacethecolumntotheright
orleftoftheselectedcolumn.
Setthepropertiesofacell1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointinthecell,right-click,andthenclickCell
Propertiesontheshortcutmenu.3. Setthepropertiesthatyouwant.
ShowAll
Addacaptiontoatable1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Dooneormoreofthefollowing:
Addacaptionaboveatable
1. Placetheinsertionpointanywhereinthetable.2. OntheTablemenu,pointtoInsert,andthenclickCaption.3. Typethecaptiontext.
NoteBydefault,thecaptionappearsatthetopofthetable.
Addacaptionbelowatable
1. Placetheinsertionpointanywhereinthetable.2. OntheTablemenu,pointtoInsert,andthenclickCaption.3. Typethecaptiontext.
NoteBydefault,thecaptionappearsatthetopofthetable.
4. Right-clickonthecaption,andthenclickCaptionPropertiesontheshortcutmenu.
5. ClickBottomoftable,andthenclickOK.
Alignatablecaption
Selectthecaption,andthen,ontheFormattingtoolbar,clickoneofthefollowing:
AlignRightAlignLeftCenterJustify
Deleteacaptionfromatable1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. SelectthecaptionandthenpressDELETE.
ShowAll
Selectatable,cell,row,orcolumn1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Dooneormoreofthefollowing:
Selectatable
1. Clickanywhereonthetable.2. OntheTablemenu,pointtoSelect,andclickTable.
Selectacell
1. Placetheinsertionpointinacell.2. OntheTablemenu,pointtoSelect,andclickCell.
Tip
Toselectmultiplecells,selectthefirstcellasdescribedintheprocedureabove,pressCTRL,andclickeachadditionalcellyouwanttoselect.
Selectarow
1. Placetheinsertionpointinacellthat'sintherowyouwanttoselect.2. OntheTablemenu,pointtoSelect,andclickRow.
Selectacolumn
1. Placetheinsertionpointinacellthat'sinthecolumnyouwanttoselect.2. OntheTablemenu,pointtoSelect,andclickColumn.
ShowAll
Resizeatable,cell,row,orcolumn1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Dooneofthefollowing:
Resizeatable
1. Right-clickthetable,andthenclickTablePropertiesontheshortcutmenu.2. Tospecifywidth,selecttheSpecifywidthcheckbox,selectInpixelsorIn
percent,andtypeavalueforthewidthofthetable.3. Tospecifyheight,selecttheSpecifyheightcheckbox,selectInpixelsor
Inpercent,andtypeavaluefortheheightofthetable.
Notes
Ifatableissizedinpixels,itssizeremainsconstant,regardlessofthesizeofthepagethatitisdisplayedon.Ifatableissizedasapercentageofthebrowserwindow,itssizechangesdependingonthesizeofthewindow.Ifheightorwidthisnotspecified,thetableissizedaccordingtoitscontent.
Resizeacell
1. Placetheinsertionpointinthecell.2. Right-click,andthenclickCellPropertiesontheshortcutmenu.3. Tospecifywidth,selecttheSpecifywidthcheckbox,selectInpixelsorIn
percent,andtypeavalueforthewidthoftheselectedcell.4. Tospecifyheight,selecttheSpecifyheightcheckbox,selectInpixelsor
Inpercent,andtypeavaluefortheheightoftheselectedcell.
Resizearow
1. Placetheinsertionpointinacellthatisintherowthatyouwanttoresize.2. OntheTablemenu,pointtoSelectandclickRow.3. Right-clicktherow,andthenclickCellPropertiesontheshortcutmenu.4. Tospecifywidth,selecttheSpecifywidthcheckbox,selectInpixelsorIn
percent,andtypeavalueforthewidthoftherow.5. Tospecifyheight,selecttheSpecifyheightcheckbox,selectInpixelsor
Inpercent,andtypeavaluefortheheightoftherow.
Resizeacolumn
1. Placetheinsertionpointinacellthatisinthecolumnthatyouwanttoresize.
2. OntheTablemenu,pointtoSelectandclickColumn.3. Right-clickthecolumn,andthenclickCellPropertiesontheshortcut
menu.4. Tospecifywidth,selecttheSpecifywidthcheckbox,selectInpixelsorIn
percent,andtypeavalueforthewidthofthecolumn.5. Tospecifyheight,selecttheSpecifyheightcheckbox,selectInpixelsor
Inpercent,andtypeavaluefortheheightofthecolumn.
NoteIfthecontent(text,images,etc.)ofatableoroneofitselementsisgreater(bigger,longer,wider,etc.)thanthespecifiedvalue,thetableoritselementswillgrowtoaccommodatethatcontent.
Setthelayoutpropertiesofatable1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthetable,andthenclickTablePropertiesontheshortcutmenu.3. UnderLayout,setthelayoutpropertiesthatyouwant.
ShowAll
Setthebackgroundpropertiesofatable1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthetable,andthenclickTablePropertiesontheshortcutmenu.3. UnderBackground,dooneofthefollowing:
Setthebackgroundcolor
IntheColorlist,selectacolorforthetablebackground.
Setthebackgroundpicture
1. SelecttheUsebackgroundpicturecheckbox.2. Locateandclickthefilethatyouwant,andthenclickOpen.
NoteAbackgroundpictureinatabledisplaysasarepeatedtileunlessyouuseacascadingstylesheettochangethedisplay.
ShowAll
EqualizetheheightandwidthofrowsandcolumnsIfyouhaveatableofvaryingrowheightsandcolumnwidths,youcanequalizethewidthorheightofselectedrowsorcolumns.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Dooneorbothofthefollowing:
Makerowsthesameheight
1. Placetheinsertionpointinacolumnwheretherowsareuneven.2. OntheTablemenu,pointtoSelect,andthenclickColumn.3. OntheTablestoolbar,clickDistributeRowsEvenly .
IftheTablestoolbarishidden,ontheViewmenu,pointtoToolbars,andthenclickTables.
Makecolumnsthesamewidth
1. Placetheinsertionpointinarowwherethecolumnsareuneven.2. OntheTablemenu,pointtoSelect,andthenclickRow.3. OntheTablestoolbar,clickDistributeColumnsEvenly .
IftheTablestoolbarishidden,ontheViewmenu,pointtoToolbars,andthenclickTables.
ShowAll
Copycontenttocellsinadjacentrowsorcolumns1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointinthecellwiththecontentyouwanttocopy.3. Dooneorbothofthefollowing:
Copycontentfromonecelltoanadjacentrowofcells
1. Selectthatcell,andthendragthecursortotherightacrosstheadjacentcellsintherow.
2. OntheTablemenu,pointtoFill,andthenclickRight.
Copycontentfromonecelltoadjacentcellswithinacolumn
1. Selectthatcell,andthendragthecursordownovertheadjacentcellswithinthesamecolumn.
2. OntheTablemenu,pointtoFill,andthenclickDown.
SettableheadersToemphasizecertaincellsinyourtable,suchasthefirstroworcolumn,youcanformatthecellsastableheaders.Bydefault,tableheadersappearinbold.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthecell,row,orcolumnthatyouwanttosetasthetableheader.3. Right-clicktheselection,andthenclickCellPropertiesontheshortcut
menu.4. UnderLayout,selecttheHeadercellcheckbox.
Settheborderpropertiesofatable1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthetable,andthenclickTablePropertiesontheshortcutmenu.3. Settheborderpropertiesthatyouwant.
InsertatableinacellToinsertatableinacellthatresideswithinanexistingtable,dothefollowing:
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointinthecellwhereyouwanttoinsertatable.3. OntheTablemenu,pointtoInsert,andthenclickTable.
Splitatable1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clicktherowthatyouwanttobecomethefirstrowofthesecondtable.3. OntheTablemenu,clickSplitTable.
ShowAll
Splitormergecellsinatable1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Dooneormoreofthefollowing:
Splitacellintocolumnsorrows
1. Right-clickthecellthatyouwanttosplit,andthenclickSplitCellsontheshortcutmenu.
2. ClickSplitintocolumnsorSplitintorows.3. IntheNumberofcolumnsorNumberofrowsfield,typethenumberof
columnsorrowsthatyouwanttosplitthecellinto.
Splitcellsintocolumns
1. Placetheinsertionpointinacellthat'sinthecolumnyouwanttoselect.2. OntheTablemenu,pointtoSelect,andclickColumn.3. Right-clickthecellsintheselectedcolumn,andthenclickSplitCellson
theshortcutmenu.4. ClickSplitintocolumns.5. IntheNumberofcolumnsfield,typethenumberofcolumnsthatyouwant
tosplitthecellinto.
Splitcellsintorows
1. Placetheinsertionpointinacellthat'sintherowyouwanttoselect.2. OntheTablemenu,pointtoSelect,andclickRow.3. Right-clickthecellsintheselectedrow,andthenclickSplitCellsonthe
shortcutmenu.4. ClickSplitintorows.5. IntheNumberofrowsfield,typethenumberofrowsthatyouwantto
splitthecellinto.
Mergetwoormoreadjacentcells
1. Selectarow,column,orgroupofadjacentcells.
2. Right-click,andclickMergeCellsontheshortcutmenu.
NoteThiscommandisonlyavailablewhentwoormoreadjacentcellsareselected,andtheselectedcellsformarectangle.
ShowAll
Deleteacell,row,orcolumnfromatable1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Dooneofthefollowing:
Deleteacell
1. Placetheinsertionpointinthecellthatyouwanttodelete.2. OntheTablemenu,pointtoSelect,andthenclickCell.3. Right-clickonthecell,andthenclickDeleteCellsontheshortcutmenu.
Deletearow
1. Placetheinsertionpointintherowthatyouwanttodelete.2. OntheTablemenu,pointtoSelect,andthenclickRow.3. Right-clickontherow,andthenclickDeleteRowsontheshortcutmenu.
Deleteacolumn
1. Placetheinsertionpointinthecolumnyouwanttodelete.2. OntheTablemenu,pointtoSelect,andthenclickColumn.3. Right-clickonthecolumn,andthenclickDeleteColumnsontheshortcut
menu.
AboutconvertingtexttoatableToconverttexttoatable,youmustfirstdecidehowyouwillseparatethetextthatyouwantconverted.Thisdetermineshowitwillfitintotherowsandcolumnsofthetable.
Youcanindicatewhattextwillappearinarow,byseparatingthetextintoparagraphs.Youcanindicatewhattextwillappearinacolumn,byseparatingthetextwithsymbolsthatyouspecify,suchascommasandperiods.
Forexample,thefollowingtextisseparatedbyusingparagraphbreakstoindicaterows,andcommastoindicatecolumns:
Name,City,AgeJeffSmith,Redmond,30
Thetextconvertsto:
Converttexttoatable1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Inthedocumentwindow,typeseparatorcharacterswhereyouwantto
separatetextintocolumnsandrows.
Forexample,youcanindicatewhattextwillappearinarow,byseparatingthetextintoparagraphs.Youcanalsoindicatewhattextwillappearinacolumn,byseparatingthetextwithsymbolsthatyouspecify,suchascommasandperiods.
3. Selectthetextthatyouwanttoconverttoatable.4. OntheTablemenu,pointtoConvert,andthenclickTextToTable.5. IntheConvertTexttoTabledialogbox,selectthecharacteryouusedto
separatethecolumns.
Convertatabletotext1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickanywhereinthetablethatyouwanttoconverttotext.3. OntheTablemenu,pointtoSelect,andthenclickTable.4. OntheTablemenu,pointtoConvert,andthenclickTableToText.
NoteEachcellbecomesaseparateparagraph.
Deleteatable1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickanywhereonthetablethatyouwanttodelete.3. OntheTablemenu,pointtoSelect,andthenclickTable.4. Right-clickthetable,andthenclickDeleteCellsontheshortcutmenu.
ShowAll
TroubleshoottablesIsetmytablebordertozerobutitstillshowsupinNetscapeNavigator.
ChangeyourauthoringsettingssothatyourborderpropertiesworkinbothMicrosoftInternetExplorerandNetscapeNavigatorbrowsers.Dothefollowing:
1. OntheToolsmenu,clickPageOptions.2. ClicktheAuthoringtab.3. IntheBrowserslist,clickBothInternetExplorerandNavigator.4. IntheBrowserversionslist,click4.0browsersandlater.
Mytablesaredifferentsizesindifferentbrowsers.
Dooneofthefollowing:
Ifyouwantyourtabletotakeupthesameamountofspaceonthepage,nomatterhowbigorsmalltheWebbrowserwindowis,setthesizeofthetable,cell,row,andcolumninpercentagesratherthaninpixels.
Thiswillsignificantlychangethelayoutofyourtable,asitwillresizeitselftoeachbrowserwindow.
Ifyouwantyourtablesizetoremainconstant,setthesizeofthetable,cell,row,andcolumninpixelsratherthanpercentages.
Whydon'tmydoublebordersshowupinNetscapeNavigator?
MicrosoftInternetExplorerandNetscapeNavigatordisplaytablesdifferently.Withcoloredborders,onlyasinglecolorwillrenderinNetscape,notthethree-dimensionallookingdoubleborder.
TheUsebackgroundpictureoptioninTablePropertiesisunavailable.
YourAuthoringcompatibilityoptionsmostlikelyincludeNetscape,whichdoesnotsupportbackgroundpicturesintables.
Tochangeyourcompatibilitysettings:
1. OntheToolsmenu,clickPageOptions.2. ClicktheAuthoringtab.3. IntheBrowserslist,clickeitherCustomorMicrosoftInternetExplorer
Only.
ShowAll
AboutframesSomeofthecontentinthistopicmaynotbeapplicabletosomelanguages.
AframespageisatypeofWebpagethat,whendisplayedinthebrowser,hasmultipleregionswithinitcalledframes.EachoftheseframescandisplayadifferentWebpage.
Aframespageitselfcontainsnovisiblecontent—it'sjustacontainerthatspecifieswhichotherWebpagestodisplayinaframeandhowtodisplaythem.
YoucreateaframespagebyusingoneoftheframespageWebsitetemplatesinMicrosoftFrontPage.Ineachofthesetemplates,thenavigationbetweenframesisalreadysetupforyou.
Forexample,aframespagecreatedbyusingtheBannerandContentsframespagetemplateactuallyshowsfourpagessimultaneouslyinthebrowser:theframespage,whichisthecontainer,andthethreepagesshownineachofthethreeframes.Inthefollowingexample,whenyouclickahyperlinkinthecontentsframeontheleft,thepagepointedtobythathyperlinkopensinthemainframe.
Theframespage
Thebannerframe
Thecontentsframe
Themainframe
Afteryoucreatetheframespagefromatemplate,allyouneedtodoissettheinitialpageyouwantshownineachframe.Youcanselectanexistingpageor
createanewpage.Thenyoucaneditthepagedirectlyinitsframe.
Howframespagesareused
InframespagesbasedontheBannerandContentsframespagetemplate,manycompaniesusethebannerframetoshowacorporatelogoandtheprimarydepartments.
Framespagesareoftenusedforcatalogs,listsofarticlesorinformation,oranyotherkindofpagewhereclickingahyperlinkinoneframeshowsapageinanotherframe.Authorsuseframespagesbecausetheycontainbuilt-innavigationandpresentaconsistentuserinterface.
Auserclicksthelinkinthebannerframe
Alistappearsinthecontentsframe;auserclicksthelinkinthecontentsframe
Apageisdisplayedinthemainframe
Controllingtheappearanceofframes
Onanyframespage,youcansplitaframehorizontallyorverticallytocreatetwoframes.Youcaneithersplititintoevenlydividedrowsorcolumns,oryoucandragitsbordertospecifyacertainsizeforeachframe.Youcanresizeordeleteframesbyselectinganddraggingframeborders.Youcanalsochooseto
showorhidethebordersbetweenframes.
Splitaframe
Resizeaframe
Deleteaframe
Showorhideframeborders
Youcanalsocontrol:
TheamountofspacebetweenframesThesizeofmarginsinsideframesWhetherornotaframecanberesizedbyusersinthebrowserWhetherornotscrollbarsareshowninaframe
ShowAll
CreateaframespageSomeofthecontentinthistopicmaynotbeapplicabletosomelanguages.
1. OntheFilemenu,clickNew.2. IntheNewtaskpane,underNewpage,clickmorepagetemplates.3. ClicktheFramesPagestab.4. Selectatemplatetopreviewthelayout,andthenclickOK.5. Settheinitialpagetoshowineachframe.
How?
1. Clicktheframewhoseinitialpageyouwanttoset.2. Dooneofthefollowing:
Selectapagethatisalreadycreated
Intheframe,clickSetInitialPage,andthenselectthepageyouwanttoshow.
Createanewpageandsetitastheinitialpagetoshowinthatframe
Intheframe,clickNewPage.MicrosoftFrontPagecreatesanewpageintheframe,andthenewpageisautomaticallysetastheinitialpage.
Tip
WhenyouuseframespagesandframestoorganizeyourWebsite,youshouldnotusesharedbordersorlinkbars.UsingsharedbordersorlinkbarsalongwithframeswillmakeyourWebsiteconfusingtonavigate.
ShowAll
CreateanewframespagetemplatebasedonanexistingoneSomeofthecontentinthistopicmaynotbeapplicabletosomelanguages.
1. OntheFilemenu,clickNew.2. IntheNewtaskpane,underNewpage,clickmorepagetemplates.3. ClicktheFramesPagestab.4. Clicktheframespagetemplatethatyouwanttobaseyourtemplateon,and
thenclickOK.5. Modifytheframespagetocreateacustomtemplate.6. OntheFilemenu,clickSaveAs.7. IntheSaveastypelist,clickFrontPageTemplate.8. IntheFilenamebox,typethefilenameforyourcustomtemplate,andthen
clickSave.9. IntheSaveAsTemplatedialogbox,intheTitlebox,typethenameyou
wanttouseasatitleforthetemplate.ThisisthetitledisplayedinthelistoftemplatesontheFramesPagestabinthePageTemplatesdialogbox.
10. IntheDescriptionbox,typetextdescribingwhatthetemplatedoes.ThistextisshownintheDescriptionareaoftheFramesPagestab.
Tip
IfyouwanttoaddthetemplatetothecurrentWebsitetomakeitavailabletootherauthorsworkingonthesameWebsite,selecttheSaveTemplateinCurrentWebcheckboxintheSaveAsTemplatedialogbox.FrontPagecreatesaSharedTemplatesfolderinthecurrentWebsiteandaddsthenewtemplatetoit.
EditthecontentofaframeIfyou'reeditingaframespageinPageview,youcanselecttheframeyouwanttoeditbyclickingit;iftheframeistoosmallforyoutoeditthepageconveniently,youcanopenthepageforeditinginanew,full-sizedwindow.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickanywhereonthepage.
Adarkblueborderindicatestheframeyouareediting.
3. ClickOpenPageinNewWindowontheshortcutmenu.
NoteToreturnthepagetoitsoriginalsize,ontheFilemenu,clickClose.
ShowAll
Changetheinitialpageshowninaframe1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickintheframe,andthenclickFramePropertiesontheshortcut
menu.3. IntheInitialpagebox,typetheURLoftheinitialpageyouwanttoshow.
ShowAll
Changethetargetframe1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthetextorpicturethatyouareusingasahyperlink,andthenclick
InsertHyperlink .3. IntheEditHyperlinkdialogbox,clickTargetFrame,andthendooneof
thefollowing:
Chooseatargetframewithinyourframespage
IntheTargetFramedialogbox,theCurrentframespageareashowsamapofyourframespage.Clickintheframeyouwouldliketosetasthetargetframe.
Chooseatargetframeeitherwithinyourframespageoroutsideofit
IntheTargetFramedialogbox,theCommontargetsareagivesyouseveraltargetframeoptions.Clickoneoftheoptionstoselectatargetframe.
ShowAll
SetthedisplaypropertiesofframesMicrosoftFrontPageprovidestheflexibilityforyoutosetframespropertiestomeetyourindividualneeds.
InPageview,atthebottomofthedocumentwindow,clickDesign ,anddooneormoreofthefollowing:
Showorhidebordersaroundframes
Youcanchoosetoshoworhidethebordersaroundtheframesofyourframespage,dependingonhowyouwantyourpagetolook.
1. Right-clickanywhereintheframespage.2. ClickFramePropertiesontheshortcutmenu.3. UnderOptions,clickFramesPage.4. SelectorcleartheShowborderscheckbox.
Notes
Whenyouchoosetoshoworhideborders,thissettingappliestoalltheframesonyourframespage.IftheShowborderscheckboxisselected,thewidthofthebordersisdeterminedbythesettingintheFramespacingbox.
Setthespacingbetweenframes
Youcanspecifytheamountofspacingbetweentheoutsideedgesofadjoiningframes.
1. Right-clickanywhereintheframespage.2. ClickFramePropertiesontheshortcutmenu.3. UnderOptions,clickFramesPage.4. Typetheamountofspacing,inpixels,intheFramespacingbox.The
defaultformostWebbrowsersistwopixels.
NoteIftheShowborderscheckboxisselected,thewidthofthebordersisdeterminedbythesettingintheFrameSpacingbox.
Adjustthemarginsofaframe
Youcansetthedistancebetweenthecontentofaframeandtheframeborder.
1. Right-clickintheframe.2. ClickFramePropertiesontheshortcutmenu.3. UnderMargins,adjusttheWidthandHeightsettings.
NoteIfthepageshownintheframealsohasmargins,themarginsizeyousetfortheframeitselfisaddedtothemarginsizeoftheexistingpage.Forexample,ifyouareusingapageinaframethatwascreatedpreviouslyandthathadamarginsetatthree,andyousetyourframemarginstotwo,yourtotalframemarginisnowfive.
Createinvisibleframes
Youcandesignyourpageusingframessothatthepagedoesn'tappeartohaveframes.
1. Right-clickintheframe.2. ClickFramesPropertiesontheshortcutmenu.3. UnderOptions,clickFramesPage.4. CleartheShowborderscheckbox.5. SetFramespacingtozero(0).
Showorhideframesscrollbars
Youcanchoosetoshowscrollbarsonyourindividualframesasneeded,never,orallthetime,dependingonthecontent.
1. Right-clickintheframe.2. ClickFramePropertiesontheshortcutmenu.3. UnderOptions,intheShowscrollbarslist,clickIfNeeded,Never,or
Always.
NoteIftheframeistallerthanitiswide,thescrollbarswillscrollupanddown.Iftheframeiswiderthanitistall,thescrollbarswillscrollleftandright.
ShowAll
Setthepropertiesforaninlineframe1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selecttheinlineframeyouwanttoworkwithbymovingthepointertothe
topborderoftheinlineframeuntilitchangestoaleft-pointingarrow ,andthenclick.
3. OntheFormatmenu,clickProperties.4. IntheInlineFramePropertiesdialog,setoneormoreofthefollowing(if
youdon'twanttousethedefaultvalues):NameTypethenameofyourinlineframe.InitialpageSetorchangetheinitialpageofyourinlineframe.TitleTypethetitleoftheinlineframe.FramesizeSetthewidthorlengthoftheframeinpixelsorpercentages.MarginsSetthemarginsoftheframeinpixels.AlignmentSetthepositionfortheinlineframeonthepage.ScrollbarsSetyourpreferencesfordisplayingscrollbars.AlternatetextTypethetextthatyouwantthebrowsertoshowintheeventthatthebrowserdoesnotsupportframes.ShowborderSelectthischeckboxifyouwantaborderdrawnaroundtheinlineframe.
NoteClicktheStylebutton(ifitisavailable)toaccessotheroptionsforformattingyourframebyusingcascadingstylesheetsasaninlinestyle.
RenameaframeOpenthepageforwhichyouwanttorenameaframeanddothefollowing:
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickanywhereintheframeyouwanttorename,andthenclick
FramePropertiesontheshortcutmenu.3. IntheNamebox,typethenewnamefortheframe.
NoteIfyourenameaframe,anyexistinghyperlinksanywhereinyourWebsitethatpointtotheoldframenamewillnolongerwork.YoumustfindeachoccurrenceofthehyperlinkinyourWebsite,editthehyperlink,andchangetheTargetframeboxtothenewframename.
ShowAll
ResizeaframeYoucanresizeaframebydraggingitsborderorbyspecifyingtheexactsettingyouwant.Openthepageforwhichyouwanttoresizeaframeanddothefollowing:
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickintheframeandclickFramePropertiesontheshortcutmenu.3. IntheFramesizearea,adjusttheWidth(orColumnwidth)andHeight
(orRowheight)settings.Iftheframeyouareresizingisinthesamerowasanotherframe,theHeightboxchangestoRowHeight.Changingtherowheightofthecurrentframealsochangestherowheightofeveryotherframeintherow.TheWidthboxalsochangestoColumnWidthiftheframeispartofacolumn,withsimilareffects.
4. Specifytheframesizetobeafixednumberofpixels,apercentageofthesizeofthebrowserwindow,orsizedinvaluesrelativetootherframesinthesameroworcolumn.
Notes
Whenyouresizeaframewhileeditingaframespage,adjacentframesresizeaccordinglytofillthespace.Resizingaframeonaframespagehasnoeffectonthecontentofanypagesshowninthatframe;itmerelychangeshowmuchorlittleofthepageisshownatonetimeintheframe.
LockaframeTheremaybetimes—perhapsduetodesignorcontentissues—whenyoudonotwantsitevisitorstoresizeyourframeswhenviewingyourWebpageinabrowser.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickintheframe.3. ClickFramePropertiesontheshortcutmenu.4. UnderOptions,cleartheResizableinbrowsercheckbox.
ShowAll
SplitaframeOpentheframespageyouwanttomodifyanddothefollowing.
InPageview,atthebottomofthedocumentwindow,clickDesign .
Splitaframebydraggingitsborder
PressandholddownCTRLanddraganyframeborder.
Splitaframeintotwoevenlydividedcolumnsorrows
1. Selecttheframeyouwanttosplitbyclickingit.2. OntheFramesmenu,clickSplitFrame,andthenselecttheappropriate
option.
NoteWhenyousplitaframe,theoriginalcontentispreservedintheoriginalframe,andanewframeiscreated.
DeleteaframefromaframespageWhenyoudeleteaframefromaframespage,thepageshowninthatframeisdeleted,buttheremainingcontentoftheframespageisnot.WhateverpagewasinthedeletedframedisappearsfromthatframespagebutisstillinyourWebsitefolders.Afteryoudeleteaframe,theremainingframesexpandtofillthespaceleftbytheframeyouremoved.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selecttheframeyouwanttodeletebyclickingit.3. OntheFramesmenu,clickDeleteFrame.
NoteIftheframespagecontainsonlyoneframe,youcannotdeletethatframe.Thepageshowninthatframewilloccupytheentirebrowserwindowwhenviewedbyavisitortoyoursite.
Saveaframespage1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheFilemenu,clickSaveAs.
TheSaveAsdialogboxdisplaysapreviewshowingthelayoutoftheframespage.Becauseyouaresavingtheframespage,allareasshouldhavethedarkblueboxhighlightsindicatingthatthisiswhatyouaresaving.
3. IntheFilenamebox,typeafilenameforthehighlightedframespage.4. Navigatetothelocationwhereyouwanttosavethepage.5. ClickSave.
Notes
AfteryouclickSave,theSaveAsdialogboxautomaticallyopensagainandasksyoutosavethepageshownintheframejustsaved.Thisoccursforeachpageshowninthecurrentframespage.Thetitleshowninthetitlebarofthebrowseristhetitleoftheframespageitself,notthetitleofthepagedisplayedintheframe.
ShowAll
SaveapageshowninaframeTosaveapagethatisshowninaframe,opentheframespageyouwanttoworkwith,andthendothefollowing:
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clicktoselecttheframeshowingthepageyouwanttosave,andthenon
theFramesmenu,clickSavePageAs.
TheSaveAsdialogboxdisplaysathumbnailshowingthelayoutoftheframespage.Adarkblueboxindicatesthecurrentpagethatwillbesavedinthehighlightedframe.
3. IntheFilenamebox,typeorselecttheappropriatefilenameforthepageshownintheselectedframeinthethumbnail.
4. IntheSaveastypelist,clickthetypeofWebpageyouwanttosave.5. Navigatetothelocationwhereyouwanttosavethepage.6. ClickSave.
NoteThetitlethatisshowninthetitlebarofthebrowseristhetitleoftheframespageitself,notthetitleofthepagedisplayedintheframe.
ShowAll
AboutinlineframesInlineframesaresimilartoframespagesexceptthattheinlineframeanditscontentsareembeddedonanexistingWebpage.Anythingthatyoucanputonaregularpageyoucanputinaninlineframe.Youcancustomizeinlineframesinthesamewaysasregularframesandalsoenablescrollbars.
Oneoftheadvantagesofusinginlineframesisthatyoudon'tneedtocreateaseparateframespageinordertohaveembeddedcontent.
Youcanuseinlineframesinavarietyofways:
ToinsertacontractforyoursitevisitortofilloutTogiveexamplesofwhatotherWebpageslooklikeAsacontainerforaformAsascrollingboxwithproductsandprices
ShowAll
Addaninlineframetoapage1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheInsertmenu,clickInlineFrame.3. Settheinitialpageoftheinlineframe.
How?
Dooneofthefollowing:
Selectapagethatisalreadycreated
Intheframe,clickSetInitialPageandthenselectthepageyouwanttoshow.
Createanewpageandsetitastheinitialpagetoshowinthatframe
Intheframe,clickNewPage.MicrosoftFrontPagecreatesanewpageintheframe,andthenewpageisautomaticallysetastheinitialpage.
ShowAll
Modifythe"noframes"messageonaframespageSomeolderbrowserscannotshowframespages.Instead,theyshowa"noframes"messagewhenasitevisitoropensaframespageonyourWebsite.Youcancustomizethismessagebydoingthefollowing.
1. InPageview,atthebottomofthedocumentwindow,clickNoFrames .2. Modifythemessagetosaywhatyouwant.
Tip
Youcanincludeinthemessagepictures,tables,forms,oranythingelsethatyoucanputonapage.
ShowAll
SaveaWebpagewithaninlineframeOpentheframespageyouwanttoworkwith,andthendothefollowing:
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheFilemenu,clickSaveAs.3. MicrosoftFrontPagepromptsyoutosavethepagetheinlineframeison.4. ClickOK.
NoteIfyourinitialpagehasnotyetbeensaved,FrontPagepromptsyoutosavetheactualinlineframeanditscontents.
EnableordisableframesforbrowsercompatibilityYoucanchoosetoenableordisableframes,dependingonwhetherornotabrowsersupportsframes.
1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.2. SelectorcleartheFramescheckboxtoenableordisableframesand
framespages.
NoteIfyoudisableframes,orifyoutargetaWebsiteforcompatibilitywithabrowserthatdoesn'tsupportframes,thecommandsforinsertingorusingframeswillbeunavailableonmenusinMicrosoftFrontPagewhenyouarecreatingyourWebpages.
ShowAll
TroubleshootframesSomeofthecontentinthistopicmaynotbeapplicabletosomelanguages.
Myhyperlinkisopeningapageinthewrongframe.
OnframespagesthatyoucreatebyusingframespagetemplatesinMicrosoftFrontPage,thetargetframesarealreadysetupforyou.Youcanoverridethetargetframeforasinglehyperlink,orchangethedefaulttargetframeforallhyperlinksonapage.
1. Opentheframespagethatcontainsthehyperlink.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. Selectthehyperlink,andthenclickInsertHyperlink .4. Dooneorbothofthefollowing:
Changethetargetframeforasinglelink
1. IntheEditHyperlinkdialogbox,clickTargetFrame.
2. IntheTargetFramedialogbox,clicktheframewhereyouwantthepagetoopen.
TheCurrentframespageareashowsadiagramoftheframesonthepage.
Changethedefaulttargetframeforallhyperlinksonthepage
1. IntheEditHyperlinkdialogbox,clickTargetFrame.
2. IntheTargetFramedialogbox,clicktheframewhereyouwantthepagetoopen.
TheCurrentframespageareashowsadiagramoftheframesonthepage.
3. Todesignatethetargetframeyouselectedasthedefaulttargetframeforallthehyperlinksonthepage,selecttheSetaspagedefaultcheckbox.
WhenIclickahyperlink,Iwantthepagetoopeninanewbrowserwindow.
OnframespagesthatyoucreatebyusingtemplatesinMicrosoftFrontPage,thetargetframesarealreadysetupforyou.Youcanchangethedefaulttargetframesothatwhenasitevisitorclicksonahyperlink,anewbrowserwindowopens.
1. Opentheframespagethatcontainsthehyperlink.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. Selectthehyperlink,andthenclickInsertHyperlink .4. IntheEditHyperlinkdialogbox,clickTargetFrametochangethetarget
framefromthedefault.5. IntheTargetFramedialogbox,underCommontargets,selectNew
Window.
Ican'tseeallmydocumentslistedonthepagetabs.
Ifyouhavecreatedsomanyfilesthatnotallofthemarevisibleonthepagetabs,youwillneedtodooneofthefollowing:
Tomakeonemoretabtotheleftvisible,click .Tomakeonemoretabtotherightvisible,click .
IwanttoedittheHTMLcodeofanestedframespage.
Whenyouareeditinganestedframespage,youcanalsoedittheHTMLcode,butyoumustfirstopenthatpageinanewwindow.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickanywhereonthepage,andthenclickOpenPageinNew
Windowontheshortcutmenu.3. Atthebottomofthedocumentwindow,clickCode toedittheHTML
codeofthepage.
MicrosoftFrontPagewon'tletmeopenaframespagetemplate.
Supportforframesmightbeturnedoff.Tocheckyourauthoringsettings,dothefollowing:
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheToolsmenu,clickPageOptions.3. ClicktheAuthoringtab.4. ChecktomakesurethatthecheckboxnexttoFramesisselected.
ShowAll
AboutstylesAstyleisasetofformattingcharacteristicsidentifiedbyauniquename.Stylesenableyoutoquicklyformatawholegroupofpageelementsinonesimpletask.
YoucanapplystylestomostpageelementsinMicrosoftFrontPage,includingtext(individualcharactersorentireparagraphs),graphics,andtables.
Aboutbuilt-inanduser-definedstyles
WithFrontPage,youcanchoosefromagroupofbuilt-instyles,oryoucancreateyourownuser-definedstyles.Built-instylesarefrequentlyusedformattingoptionsavailablebydefaultintheStylebox.User-definedstylescanbemodificationstobuilt-instyles,orclassselectorsthatyoucreate.
Youcanaccessbothbuilt-inanduser-definedstylesfromthesamestylelistwhenyou'reeditingapage.
Usingstyleswithpageelements
Youcanchoosefromseveralcategoriesofstyles.
Paragraph-levelstylesAparagraph-levelstyleisusuallyappliedtostartandendparagraphtags(<p>)andcanaffectanytextcontainedbetweenthosetags.Inaddition,aparagraph-levelstylecanalsobeappliedtoothertags,suchas<div>.
Examples
Theitembelowrepresentsaparagraph-levelstylewiththeadditionofaborderaroundtext.
Thegraphicbelowrepresentsaparagraph-levelstylewiththeadditionofaborderaroundanimage.
Character-levelstylesAcharacter-levelstyleappliestojustthetextwithinaparagraph.
Example
Thetextshownintheexamplebelowhasthreewordsinboldandred—theresultofacharacter-levelstylebeingapplied.
PageelementstylesSomepageelementshaveaStylebuttonontheirpropertiesdialogbox.Thosestylesallowyoutoaddstylesspecifictothatparticularpageelement.
Example
Thetableinthefollowingexamplehasablueoutsetborder,whichistheresultofastylebeingaddedthroughthetablepropertyoptions.
NoteIfyouapplyauser-definedstyletoapageelementthatisalreadyformattedwithastandardHTMLtag,bothformattingcharacteristicsareused.
Forexample,ifyouselectaparagraphstyledasHeading1,andthenapplyauser-definedstylenamed.redbgthataddsaredborder,yougetthestandardHeading1formatting(TimesNewRoman,Bold,24pt,andleft-aligned)surroundedbyaredborder.
Theclassnameoftheuser-definedstyleisappendedtotheendoftheHTMLtagintheStylebox,listingthenewstyleasHeading2.redbg.
Aboutcascadingstylesheets
ACascadingStyleSheet(CSS)isusedtoapplyconsistentstyleinformationacrossmultipleWebpages.ACSScontainsstyledefinitionsthatdescribethestylesyouwanttoapplytopagesorpageelements.Eachstyledefinitionconsistsofaselectorfollowedbythepropertiesandvaluesforthatselector.
ThefollowingareexamplesofstyledefinitionsdefinedinaCSS:
H1{font-size:x-large;color:green}
H2{font-size:large;color:blue}
.note{font-size:small}
#footer{font-family:serif}
Intheexample,H1andH2areselectorsthatmodifytheformattingpropertiesofstandardHTMLtags.Theselectors'propertiesandvaluesarecontainedwithinthecurlybraces{}—font-sizeisaproperty,andx-largeisthevalueofthefont-sizeproperty.Youcanspecifymultiplepropertiesforaselectorbyseparatingeachwithasemi-colon(;).Intheexample,.noteisaclassselector,and#footerisanIDselector.
FrontPageprimarilydealswithtwotypesofcascadingstylesheets—embeddedandexternal—althoughathirdtype,inline,isoccasionallyused.
EmbeddedcascadingstylesheetWhenyoucreateormodifyastyletobeusedonasinglepage,FrontPagecreatesacascadingstylesheetforyou.Calledanembeddedcascadingstylesheet,itisacollectionofcodestored
betweenHTML<STYLE>tagsbetweenthe<HEAD>tagsofthepage.Anystyleyoucreateforthatpageisstoredintheembeddedstylesheetasaclassselector.
ExternalcascadingstylesheetExternalcascadingstylesheetsarethemostusefulbecausetheycanbeattachedtomultipleWebpages.YoucanapplythesamestylesconsistentlyacrossanentireWebsite.
Ifyoudecidetochangeastyle,youneedonlymakeonechange—intheexternalcascadingstylesheet—andthepagesinyourWebsitewillreflectthechange.Typically,anexternalstylesheetusesthe.cssfilenameextension,suchasMystyles.css.
InlinecascadingstylesheetAthirdtypeofcascadingstylesheet,inline,containsuser-definedstylesthatareappliedtoasinglepageelement.ThistypeofcascadingstylesheetisusuallycreatedwhenyouaddstylesusingtheStylebuttononapageelement'sPropertiesdialogbox.
ShowAll
Addastyletoacascadingstylesheet1. InPageview,dooneofthefollowing:
Toaddastyletoanexternalcascadingstylesheet(CSS),openthe.cssfile.
ExternalCSSfileshavea.cssextension.
ToaddastyletoanembeddedCSS,opentheWebpagethatcontainstheCSS.
2. OntheFormatmenu,clickStyle,andthenclickNew.
3. IntheName(selector)box,enteranameforthenewstyle.
Donottypespacesinthestylename.
4. IntheStyletypebox,selectwhetherthestylewillbeaParagraphorCharacterstyle.
5. ClickFormat,andthenspecifytheformattingcharacteristicsforthenewstyle:
Tosetfontproperties—suchasthefontfamilyorcolor,orcharacterspacing—clickFont.
Tosetalignment,indentation,orspacing,clickParagraph.
Tosetbordersandshading,clickBorder.
Tosetthestyleofbulletsornumbering,clickNumbering.
Tosetpositioningproperties—suchaswrappingstyle,location,orz-order(anelement'spositioninthelayersofthepage)—clickPosition.
6. Selecttheoptionsyouwant.7. YouhavetoattachaCSStoadocumentbeforethestyleswillbeavailable
forthatdocument.
ShowAll
ApplyastyleDooneormoreofthefollowing:
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Dooneofthefollowing:
Applyastyletotext
1. Selectthetextorparagraphthatyouwanttoapplyastyleto.
2. OntheFormattingtoolbar,intheStylebox ,clickthebuilt-inoruser-definedcharacterorparagraphstyleyouwant.
Notes
CharacterstylesareshownintheStyleboxbyasmall,underlinedletterainfrontofthestylename.Usecharacterstyleswhenyouselectpart,butnotall,ofaparagraph.
Onlyonebuilt-incharacterstyleisinstalledwithMicrosoftFrontPage(shownintheStyleboxasDefaultCharacterStyleandprecededbyasmall,underlinedlettera).TheDefaultCharacterStyleremovesformattingappliedbyuser-definedcharacterstyles.
Paragraphstylesareidentifiedbyaparagraphsymbol(forbuilt-instyles)ortheabsenceofacharacterorsymbol(foruser-definedstyles)infrontofthestylename.
Applyastyletoapageelement
1. Clickthepageelement.
2. OntheFormatmenu,clickProperties.
3. ClicktheStylebutton.
4. Dooneofthefollowing:
Toapplyastylefromtheembeddedcascadingstylesheet(CSS)forthepage,clicktheClassbox,andthenclickaselectioninthelistofavailableclassselectors.
ToapplyastylefromanexternalCSS,typethenameofthestyleintheClassbox.
ToapplyanIDselector,typethenameoftheselectorintheIDbox.
TocreateaninlineCSS,clickFormat,andthenclickFont,Paragraph,Border,Numbering,orPositiontospecifytheformattingcharacteristics.
NoteIfthedialogboxdoesnothaveaStylebutton,youcanapplyastyletoapageelementbyusingtheStylebox.Todoso,ontheFormattingtoolbar,clicktheStylebox andthenclickthebuilt-inoruser-definedstyleyouwanttoapply.
ShowAll
Removeastylefromacascadingstylesheet1. InPageview,dooneofthefollowing:
Toremoveastylefromanexternalcascadingstylesheet(CSS),openthe.cssfilethatcontainsthestyle.
ExternalCSSfileshavea.cssextension.
ToremoveastylefromanembeddedCSS,opentheWebpagethatcontainsthestyle.
2. OntheFormatmenu,clickStyle.3. IntheListbox,selectUser-definedstyles.4. IntheStylebox,selecttheuser-definedstyleyouwanttodelete,orthe
built-instylefromwhichyouwanttoremovecustomformattingcharacteristics.
5. ClickDelete.
ShowAll
Copyinlinestylesfortext1. Selectthecharactersorparagraphsthathavetheformattingyouwantto
copy.
Tocopytheformattingofanentireparagraph,makesuretheselectionincludestheparagraphmark.
How?
Toseetheparagraphmarks,ontheStandardtoolbar,clickShowAll.
2. OntheStandardtoolbar,clickFormatPainter ,andthenselectthetexttowhichyouwanttoapplytheformatting.
ShowAll
AboutpositioningpageelementsPositioningishowyouplaceelements,suchastextandgraphics,onapage.Youcanplaceelementsinfrontoforbehindotherelements,orgroupthemtogether.
Typesofpositioning
Youcanpositionpageelementsinthefollowingways:
Absolutepositioning
Youcanuseabsolutepositioningtoplaceanelementatanexactlocationonapage.Anelementplacedusingabsolutepositioningremainsatafixedlocationrelativetothetop-leftcornerofthepage.Itfloatsontopof,orsitsbehind,textorotherpageelements.
Youcanplacetheelementbydraggingittothelocationyouwant,oryoucanspecifycoordinates,whicharerelativetotheupper-leftcornerofthepageorframetheelementisin,asshownintheexamplebelow.
Thex-andy-coordinatesofapageelement
ThepositionofthepageelementinMicrosoftFrontPage
ThepositionofthepageelementinaWebbrowser
Ifanabsolutelypositionedelementisplacedinapositionbox,thecoordinatesarerelativetotheupper-leftcornerofthepositionbox,ratherthanthepage.
Youcanspecifythecoordinatesofthepageelementrelativetotheupper-leftcornerofitscontainer,inpixels.Youcanalsospecifythedimensionsofapositionboxbyusingthefollowingunits:
Pixels(px)Fontsize(em)
X-heightofthefont(ex)Inches(in)Centimeters(cm)Millimeters(mm)Points(pt),whereonepointisequalto1/72ofaninchPercentageofthepageheightorwidth(%)
Forexample,youcansetapositionboxtobethesamewidthasthepage(setWidthto100%),and20pixelshigh(setHeightto20px).
Whenviewedatdifferentscreenresolutions,theelementmightnotbeplacedasyouintended,althoughtheelementstillappearsatthepixelcoordinatesyouspecified.Whenthescreenresolutionchanges,sodoesthelayout,sinceotherpageelementssuchastextaredisplayeddifferently.
NoteAddingpageelementsbyusingabsolutepositioningwithDHTMLmaycauseeithertheDHTMLeffectortheabsolutelypositionedelementtobehaveunexpectedly.
Relativepositioning
Userelativepositioningtoplacepageelementsinlinewithtext.Regardlessofthechangesyoumaketothepageaboveorbelowthispoint,thelayoutoftherelativelypositionedelementremainsintact.YoucanuserelativepositioningforanimationandDHTMLeffects.
Floating
Youcancreateafloatingpageelementthatletsotherelements,suchastext,wraparoundit.Afloatingelementisremovedfromtheflowoftext,andisalignedleftorright.Youcanalsospecifytheheightandwidthofthefloatingareaoftheelement.Forexample,thefigurebelowshowshowtextflowsaroundaparagraphthatfloatstotheright,creatingasidebaroftextthatisalignedtotherightofthepageregardlessofthelayoutoftextaroundit.
Stacking
Youcanusepositioningtooverlapelements.Thez-orderreferstoanelement'spositioninastackofelements,whichincludesthepageitself.Themainpagelayeriszero;apositivez-ordermeansthattheelementisinfrontofthemainlayer,andanegativenumbermeanstheitemisbehindit.Usinganegativenumber,youcanevenpositionelements"underneath"thepagelayer.
Workingwithpositionedelements
Afteryoupositionyourpageelements,youcanworkwiththeminthefollowingways:
Selectingapositionedelement
Youcanselectsomepageelementsbyclickingthemdirectlyorbyusingthemenucommands.Manytypesofpageelements,suchasgraphics,formfields,andotherobjects,areindicatedwithananchoriconwhenyoushowallnonprintingcharacters.Theanchorisdisplayedinthetextflowwhereyouoriginallyinsertedtheelement.Toselecttheobject,youselectthecorrespondinganchoricon.
Groupingpageelements
Youcancombinethetypesofpositioningtoachieveavarietyofresults,suchastokeepagroupofpageelementstogetherasaunit.Forexample,youcanaddapositionboxtoapage,andinsidethebox,addmultiplepageelementsusingabsolutepositioningtolaythemout.Theresultisapositionboxthatispositionedwithrespecttothetextflowonthepage,butthelayoutoftheelementsinsidetheboxisalwayspreserved,regardlessofanychangesyoumaketotherestofthepage.Evenwhenthewindowisresized,thelayoutoftheelementsinsidethepositionboxremainsthesame.
Groupingpageelements
Layoutofgroupedelementsispreserved,evenwhentheWebbrowserwindowisresized
Ensuringthatpositioneditemsaredisplayedproperly
Toviewthepropertiesofapageelement,positionthemousepointeroverit.ThepropertiesaredisplayedasaScreenTip.
Pagelayoutcanvarywhenviewedatdifferentscreenresolutions,eventhoughanabsolutelypositionedelementalwaysappearsatthesamecoordinatesyouspecify.Toensurethepageisdisplayedwelltoallsitevisitors,youshouldtestitatdifferentscreenresolutions.
NotePositioningworkswithWebbrowsersthatsupportcascadingstylesheets(CSS)2.0,suchasMicrosoftInternetExplorer4.0andlater,andNetscapeNavigator4.0andlater.Whenviewedinearlierbrowserversions,positionedcontentisalignedleft,andislocatedinlinewiththetextratherthanuniquelypositioned.
ShowAll
Positionapageelement1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthepageelementyouwant.3. OntheFormatmenu,clickPosition.
4. Specifythetypeofpositioningyouwant.
Tofixthepositionboxattheinsertionpoint—relativepositioning—underPositioningstyle,clickRelative.Toenablethepositionboxtobeplacedpreciselyonthepage—absolutepositioning—underPositioningstyle,clickAbsolute.
5. Specifyanyadditionalsettingsthatarerelevanttothepositionoftheelement.
How?
Tosetpixelcoordinates,underLocationandsize,specifyavalueintheLeftandTopboxes.UnderWrappingstyle,specifyhowyouwantthepageelementstowraparoundthepositionbox.Tospecifythez-order,whichistheelement'spositioninthelayersofthepage,specifyavalueintheZ-Orderbox.Apositivevaluemeansthattheelementisinfrontofthemaintext-flowlayer(layer0),andanegativevaluemeanstheitemisbehindit.
ShowAll
Grouppageelements1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Placetheinsertionpointwhereyouwanttoputapositionbox,andthenpressENTERtoinsertanewblankline.
3. Selecttheblankline,makingsuretoincludetheparagraphmarker.
Iftheparagraphmarkersarenotvisible,ontheStandardtoolbar,clickShowAll .
4. OntheFormatmenu,clickPosition.5. Dooneofthefollowing:
Tofixthepositionboxattheinsertionpoint—relativepositioning—underPositioningstyle,clickRelative,andthenclickOK.Toenablethepositionboxtobeplacedpreciselyonthepage—absolutepositioning—underPositioningstyle,clickAbsolute,andthenclickOK.
6. Clickinsidethepositionbox,andtheninsertapageelement—forexample,agraphic.
7. Clickthepageelementthatisinsidethepositionbox.8. OntheFormatmenu,clickPosition,andthenclickAbsolute.9. Repeatsteps6through8foreachpageelementyouwanttoplaceinthe
positionbox.
ShowAll
AboutcascadingstylesheetcompatibilityWhenyoudesignyourWebsitebyusingMicrosoftFrontPage,youcanenablecompatibilitywithanarrayofdifferentbrowsersandtechnologies,amongwhicharecascadingstylesheet(CSS)features.
IfyoudesignaWebsiteforcompatibilitywithaWebbrowserthatdoesn'tsupportCSS,someoptionsthatuseCSSareunavailableonmenuswhenyouauthoryourWebpages.Thisistopreventyoufromaccidentallyusingfeaturesthatwon'tbecompatiblewiththeWebbrowsersusedbyyoursitevisitors.
BecauseFrontPageusesCSStoimplementsomestylefeatures,somemenuitemswillbeunavailablewhensupportforCSSisturnedoff.
Someoftheseoptionsare:
OntheInsertmenu,theLayercommandisunavailable.
OntheFormatmenu,thesecommandsareunavailable:Style,StyleSheetLinks,BordersandShading,andPosition.
IntheFontdialogbox,somefonteffectsontheFonttabandtheSpacingandPositionoptionsontheCharacterSpacingtabareunavailable.
InthePageTemplatesdialogbox,theStyleSheettabisunavailable.
IntheParagraphdialogbox,theIndentationandSpacingoptionsareunavailable.
IntheLayerstaskpane,alloftheoptionsareunavailable.
IntheThemetaskpane,youcanviewthumbnailimagesofthethemes,butyoucannotapplyathemetoyourpage.
ShowAll
CreateacascadingstylesheetSomeofthecontentinthistopicmaynotbeapplicabletosomelanguages.
Dooneofthefollowing:
Createanexternalcascadingstylesheet(CSS)
1. OntheFilemenu,clickNew.2. IntheNewtaskpane,underNewpage,clickMorepagetemplates.3. OntheStyleSheetstab,clickthetypeofCSSyouwanttocreate.
MicrosoftFrontPagecreatesanewpagewitha.cssfilenameextensionandopensitforediting.Beforeyoucanlinkthe.cssfiletoaWebpage,youmustsaveit.
CreateanembeddedCSS
TocreateanembeddedCSS,youmustdefineastylethatyouwanttoincludeinit.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. OntheFormatmenu,clickStyle.
3. ClickNew,andthenintheName(selector)box,typethenameofthenewstyle.
4. UnderStyleType,choosewhetherthestylewillbeaParagraphorCharacterstyle.
5. ClickFormat,andthenspecifytheformattingcharacteristicsforthenewstyle.
NoteWhenyouapplyastyledirectlytoanitemusingtheStylebuttononitsPropertiesdialogbox,thestyleisapplieddirectlytotheelement,creatingwhatiscalledaninlinecascadingstylesheet(CSS).
ShowAll
Editacascadingstylesheet1. InPageview,dooneofthefollowing:
Toeditanexternalcascadingstylesheet(CSS),openthe.cssfile.ToeditanembeddedCSS,opentheWebpagethatcontainsit.
2. OntheFormatmenu,clickStyle.3. IntheListbox,dooneofthefollowing:
Toeditacustomstyleyoucreated,clickUser-definedstyles.ToeditastyleforastandardHTMLtag,clickHTMLtags.
4. IntheStylesbox,double-clickthestyle.
5. Dooneormoreofthefollowing:
Tochangethestyletypeforthestyle,clickParagraphorCharacterintheStyletypebox.Tochangeformattingcharacteristicsforthestyle,clickFormat,clickthetypeofformattingattributesyouwanttochange,andthenselecttheoptionsyouwant.
ShowAll
Linktoanexternalcascadingstylesheet1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheFormatmenu,clickStyleSheetLinks,andthenclickAdd.3. Locateandclickthe.cssfilefortheexternalcascadingstylesheet(CSS),
andthenclickOK.4. Dooneofthefollowing:
TolinktheexternalCSStoonlythecurrentpage,clickSelectedpage(s).TolinktheexternalCSStoallpagesinthecurrentWebsite,clickAllPages.
ShowAll
Removealinktoanexternalcascadingstylesheet1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheFormatmenu,clickStyleSheetLinks.3. IntheURLlist,clickthenameoftheexternalcascadingstylesheet(CSS).4. Dooneofthefollowing:
ToremovethelinktotheexternalCSSfromonlythecurrentpage,clickSelectedpage(s).ToremovethelinktotheexternalCSSfromallpagesinthecurrentWebsite,clickAllPages.
5. ClickRemove.
ShowAll
Turnsupportforcascadingstylesheetsonoroff1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.2. Dooneormoreofthefollowing:
Toturnsupportforcommandsthatusecascadingstylesheets(CSS)version1.0onoroff,selectorcleartheCSS1.0(formatting)checkbox.
CSS1.0enablesyoutoaddattributestoatag,suchasincreasingthespacebeforeorafteraparagraph.
ToturnsupportforcommandsthatuseCSSversion2.0onoroff,selectorcleartheCSS2.0(positioning)checkbox.
CSS2.0enablespixel-precisepositioningandgroupingofpageelements.
ShowAll
AboutthemesSomeofthecontentinthistopicmaynotbeapplicabletosomelanguages.
AthemeisaunifiedsetofdesignelementsandcolorschemesthatyoucanapplytoyourWebpagestogivethemaprofessionallook.UsingathemeisaquickandeasywaytomakesureyourWebpagesarevisuallyconsistentandappealing.MicrosoftFrontPageincludesmanycompletethemesthatyoucanuserightaway.Youcanalsochangethosethemesorcreatenewones.
YoucanapplyathemetooneormorepagesortoanentireWebsite.IfyouapplyathemetoallpagesinaWebsite,itbecomesthedefaultthemeforthatWebsite.Whenyoucreatenewpages,thedefaultthemeisappliedautomatically.Ifyouchangeorremovethedefaulttheme,thechangeisappliedtotheentireWebsite.
ThefollowingexampleshowsaplainWebpage,andthenshowshowthesamepagewouldlookwithdifferentthemesapplied:
AplainWebpage.
Thesamepagewiththreedifferentthemesapplied.
Athemeaffectsallaspectsofapage'sappearance:
ColorsAtheme'scolorschemespecifiesthecolorofbodytext,headings,hyperlinks,pagebannertext,linkbarlabels,tableborders,andthepagebackground.Youcanusenormalorvividcolors.
GraphicsSeveralpageelementscontaingraphics,suchasthebackgroundpicture,thepagebanner,bullets,navigationbuttons,andhorizontallines.Youcanusestandardoractivegraphics.Theactivegraphicsetusesinteractivebuttons,insteadofplainbuttons,onlinkbars.
StylesAthemeusesitsownfontstylesandsizesforbodytextandheadings.
Creatingandcustomizingthemes
Youcancreateanewtheme,orcustomizecolors,graphics,andfontstylesforexistingthemes,andsavethosechangesasanewtheme.
Choosingcolors
Youcanchoosethecolorsthatareusedinatheme.YoucanchooseacolorfromoneoftheFrontPagecolorpalettes,oryoucandefineyourowncustomcolors.
Youcanalsochangecolorsinanexistingtheme.Forexample,intheArtsytheme,activehyperlinksaregreen—youcouldchangethemtored.Youcanalsochangethecolorsofotherpageandtextelements,suchasbodyandheadingtext,bannertext,linkbarlabels,tableborders,andthebackground.Inaddition,eachthemehastwocolorsets—normalandvivid.Youcanspecifythecolorstouseforbothsets.
Choosinggraphics
Youcanchoosegraphicstousewhenyoucreateanewtheme.Forexample,youcoulduseapictureyoucreatedasthebackgroundforyournewtheme.
Youcanalsochangegraphicalelementsinexistingthemes,suchasthepagebanner,bullets,andnavigationbuttons.Inaddition,youcanspecifythefonttouseforgraphicalelementsthataredisplayedwithtext.
Eachthemehastwosetsofgraphics—normalandactive.Youcanspecifythegraphicstouseforeitherset.Theactivegraphicsetusesanimatedpageelements,suchasInteractiveButtonsinsteadofplainbuttonsonlinkbars.
NoteActivegraphicsarenotavailableforsomethemeitems.
Choosingstyles
InFrontPage,allfontstylesareappliedusingcascadingstylesheets(CSS).Youcanchoosefontstylesforanewthemethatyoucreate,orcustomizestylesinexistingthemes.Forexample,intheCapsulestheme,youcouldchangethefont
forthebodyandheadingstylesfromArialtoTimesNewRoman.Tochangethefontdisplayedonagraphicalelement(forexample,thefontusedonpagebanners),youmustchangethegraphic.
Usingtemplates
Apagethathasathemeappliedtoitcanbesavedasatemplate.AnypagescreatedbyusingthetemplatewilleitherusetheWebsite'sdefaultthemeoraspecifictheme,dependingonhowthethemewasappliedtotheoriginalpage.Forexample,youcreateatemplatefromapagethathasathemeappliedtoit,thenyoucreatepagesinaWebsitewhosedefaultthemeisArtsy.IfthepagetemplateusedtheWebsitedefaulttheme,newpageswillusetheArtsytheme.Ifthepagetemplateusedaspecifictheme,newpageswillusethattheme.
ShowAll
Createanewtheme1. OntheFormatmenu,clickTheme.2. IntheThemetaskpane,atthebottom,clickCreatenewtheme.3. Setthepropertiesthatyouwant.4. ClickSaveAs,typeanameforthenewtheme,andthenclickOK.
ShowAll
Applyatheme1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Dooneofthefollowing:
Applyathemetothecurrentpage
1. OntheFormatmenu,clickTheme.2. IntheThemetaskpane,clickthethemeyouwant.
NoteAfteryouapplyathemetothecurrentpage,thepagenolongerusesthedefaultthemesettingoftheWebsite(ifthereisone).Therefore,anythemechangesyouapplytotheWebsitewillnotaffectthispage.
Applyathemetoselectedpages
1. InFoldersview,selectthepagesyouwant.
How?
OntheViewmenu,clickFolders,andthenontheWebSitetab,selectmultiplepagesbyholdingdowntheCTRLkeyandclickingthepagesyouwant.
2. OntheFormatmenu,clickTheme.3. IntheThemetaskpane,clickthethemeyouwanttoapply.
NoteIfyouapplythemesettingstoindividualpages,thesepagesnolongerusethedefaultthemesettingoftheWebsite(ifthereisone).Therefore,anythemechangesyouapplytotheWebsitewillnotaffectthesepages.
ApplyathemetoaWebsite
1. OntheFormatmenu,clickTheme.2. IntheThemetaskpane,pointtothethumbnailforthethemeyouwant
toapply,andthenclickthearrow.
3. ClickApplyasdefaulttheme.
NoteWhenyouapplyathemetoanentireWebsite,MicrosoftFrontPagewilldisplayawarningindicatingthatyouaresettingthedefaultthemeforthatsite.
ShowAll
Changethegraphicsusedinatheme1. OntheFormatmenu,clickTheme.2. IntheThemetaskpane,pointtothethumbnailforthethemeyouwantto
change,andthenclickthearrow.3. ClickCustomize,andthenclickGraphics.4. IntheItemlist,selectthegraphicalelementyouwanttochange.5. NexttoThemegraphicset,specifywhetheryouwanttochangegraphics
inthenormaloractiveset.6. Locateandselectthepictureorpicturesyouwanttouse,andthenclick
Open.
Ifthegraphicalelementyouselecteddisplaystext,theoptionsontheFonttabwillbeavailableandyoucanchangethefont.
7. Repeatsteps4through6foreachgraphicalelementyouwanttochange.
Youcanchoosenottohaveagraphicdefinedforanyelementbyremovingthetextfromtheeditbox.
8. ClickOKandthenclickSaveas.9. Typeanewnameforthetheme(unlessyouhavechangedacustomtheme),
andthenclickOK.
NoteWhenyoumodifyapresettheme,youmustsaveyourchangesasanewtheme.
ShowAll
Changethestylesusedinatheme1. OntheFormatmenu,clickTheme.2. IntheThemetaskpane,pointtothethumbnailforthethemeyouwantto
change,andthenclickthearrow.3. ClickCustomize,andthenclickText.4. IntheItembox,clicktheitemforwhichyouwanttochangethestyle.5. UnderFont,clickthefontyouwanttouse.
Toviewotheroptionsforchangingthetheme'sstyle,clickMoreTextStyles.
6. Repeatsteps4and5foreachitemyouwanttochange.7. ClickOKandthenclickSaveas.8. Typeanewnameforthetheme(unlessyouhavechangedacustomtheme),
andthenclickOK.
NoteWhenyoumodifyapresettheme,youmustsaveyourchangesasanewtheme.
ShowAll
Changethecolorschemeofatheme1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheFormatmenu,clickTheme.3. IntheThemetaskpane,pointtothethumbnailforthethemeyouwantto
change,andthenclickthearrow.4. ClickCustomize,andthenclickColors.5. NexttoThemecolorset,specifywhetheryouwanttochangecolorsinthe
normalorvividcolorset.
6. Dooneofthefollowing:
Chooseapresetcolorscheme
Selectthecolorschemeyouwanttouse,andthenclickOK.
Createanewcolorscheme
Createacustomcolorschemeyouwanttouse,andthenclickOK.7. ClickSaveAstosavethechangedtheme.8. Typeanewnameforthetheme(unlessyouhavemodifiedacustom
theme),andthenclickOK.
NoteWhenyouchangeapresettheme,youmustsaveyourchangesasanewtheme.
ShowAll
Changethecolorofathemeelement1. OntheFormatmenu,clickTheme.2. IntheThemetaskpane,pointtothethumbnailforthethemeyouwantto
change,andthenclickthearrow.3. ClickCustomize,andthenclickColors.4. NexttoThemecolorset,specifywhetheryouwanttochangecolorsinthe
normalorvividcolorset.
5. ClicktheCustomtabanddooneofthefollowing:
Chooseanexistingcolor
1. IntheItemlist,clicktheitemyouwanttochangethecolorfor.2. IntheColorlist,specifythecoloryouwanttouse.3. Repeatthesestepsforeachitemyouwanttochangethecolorfor.4. ClickOK.
Defineacustomcolor
1. IntheItemlist,clicktheitemyouwanttochangethecolorfor.2. ClicktheColorlist,andthenclickMoreColors.3. Dooneofthefollowing:
Selectacolorfromabrowser-safepalette
Clickacolor,andthenclickOK.
Specifyahexadecimalvalue
TypethevalueintheValuebox(forexample,typeHEX={FF,33,00}),andthenclickOK.
Selectacoloronthescreen
ClickSelect,usetheEyedropper toclickthecolor,andthen
clickOK.
Forexample,touseacolorfromapictureonanopenpage,clickacoloronthepicture.
Createacoloraverageofthecolorsinaparticularregiononthescreen
ClickSelect,usetheEyedropper todrawaboxonthescreentospecifytheregion,andthenclickOK.
Selectadifferentcolor,orspecifyacombinationforhue-saturation-luminosityorred-green-blue
1. ClickCustom.2. UnderCustomColors,clickablankbox.3. Defineacolorbyenteringacombinationofvaluesorbyselecting
acolorfromthecolormatrix.4. ClickAddtoCustomColors,andthenclickOKthreetimesto
returntotheCustomizeThemedialogbox.6. ClickSaveAstosavethechangedtheme.7. Typeanewnameforthetheme(unlessyouhavemodifiedacustom
theme),andthenclickOK.
NoteWhenyoumodifyapresettheme,youmustsaveyourchangestoanewtheme;youcannotoverwriteapresettheme.
ShowAll
RemoveathemeDooneofthefollowing:
Removeathemefromthecurrentpage
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheFormatmenu,clickTheme.3. IntheThemetaskpane,pointtoNotheme,clickthearrow,andthenclick
Applytoselectedpage(s).
RemoveathemefromselectedpagesinaWebsite
1. InFoldersview,selectthepagesyouwant.
How?
OntheViewmenu,clickFolders,andthenontheWebSitetab,selectmultiplepagesbyholdingdowntheCTRLkeyandclickingthepagesyouwanttoselect.
2. OntheFormatmenu,clickTheme.3. IntheThemetaskpane,pointtoNotheme,clickthearrow,andthenclick
Applytoselectedpage(s).
RemoveathemefromallpagesinaWebsite
1. OntheFormatmenu,clickTheme.2. IntheThemetaskpane,pointtoNotheme,clickthearrow,andthenclick
Applyasdefaulttheme.
NoteWhenyouremoveathemefromallpagesinaWebsite,onlythosepagesthatwereusingthedefaultthemeareaffected.Ifcertainpagesuseadifferenttheme,youmustremoveeachoftheirthemesindividually.
ShowAll
AboutaddingabackgroundtoyourWebpageYoucanusecolor,andpicturestocreateamoreinterestingbackgroundforyourWebpages.
Color
Wheneveryouselectacolorforapage,MicrosoftFrontPagedisplayscolorpalettesappropriateforyourpage.Colorpalettesincludestandardcolors,whicharethosecolorsinthe16-color(Web-safe)palette,anddocumentcolors,whicharethosecolorsthatthecurrentpagealreadyspecifies.
Ifthepalettesdonotdisplaythecoloryouwant,youcancreateacustomcolorthatyoucanuseforbackgrounds,fonts,andsoon.AnycustomcolorsyoudefinearesavedandwillbeavailablethenexttimeyouuseFrontPage.
Pictures
Youcansetabackgroundpictureforapage,andallpageelements,suchastextandgraphics,thatwillappearontopofthebackgroundpicture.YoucanusepicturesfromaWebsite,afilesystem,theWorldWideWeb,orclipart.
Watermarks
Watermarksarenon-scrollingtextorpicturesthatappearbehindtheotherpageelementsthatyouplaceonaWebpage.
NoteNotallWebbrowserssupportwatermarks.
ShowAll
AddabackgroundpicturetoaWebpage1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthepage,andthenclickPagePropertiesontheshortcutmenu.3. ClicktheFormattingtab.4. SelecttheBackgroundpicturecheckbox,andthenclickBrowse.5. Locateandclickthefilethatcontainsthebackgroundpictureyouwant,and
thenclickOpen.6. Ifyouwanttoaddthepictureasawatermark,selecttheMakeita
watermarkcheckbox.
NoteIfthecurrentpageusesatheme,thisfeatureisunavailable.
ShowAll
ChangethebackgroundcolorofaWebpage1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthepage,andthenclickPagePropertiesontheshortcutmenu.3. ClicktheFormattingtab.4. UnderColors,clickthecoloryouwantintheBackgroundlist.
NoteIfthecurrentpageusesatheme,thisfeatureisunavailable.
RemoveabackgroundpicturefromaWebpage1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthepage,andthenclickPagePropertiesontheshortcutmenu.3. ClicktheFormattingtab.4. CleartheBackgroundpicturecheckbox.
Createapagetransitioneffect1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheFormatmenu,clickPageTransition.3. Tosetthetransitioneffect,clicktheeventintheEventbox.4. IntheTransitioneffectbox,clickthetypeoftransitioneffectyouwant.5. IntheDurationbox,typetheamountoftime(inseconds)thatyouwant
thetransitioneffecttolast.
ShowAll
Copyananimationeffect1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointnexttotheelementwiththeeffect.3. ClickFormatPainter ,andthenclickthepageelementthat
youwanttocopytheanimationeffectto.
NoteTheFormatPainterwillcopyotherattributesbesidestheDynamicHTML(DHTML)animationeffect.Forexample,ifyoucopytheformattingofaboldparagraphthatfliesinfromtheleft,andapplyittoanotherparagraph,thenewparagraphwillalsohavetheseattributes.
Changeananimationeffectonapageelement1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointnexttotheanimatedpageelementthatyouwantto
change.3. OntheDHTMLeffectstoolbar,dooneormoreofthefollowing:
Tochangetheevent,intheOnlist,clickaneventthatyouwanttostarttheeffect.Tochangetheeffect,intheApplylist,clicktheeffectthatyouwant.Tochangethesettingsfortheeffect,intheboxnexttotheApplybox,clickthesettingyouwantfortheeffect.
ShowAll
AddahorizontallineYoucanuseahorizontallinetoseparatetextortoaddanaccent.Afteryouaddahorizontalline,youcanmodifyitspropertiestochangeitswidth,height,alignment,andcolor.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointwhereyouwanttoinsertaline.3. OntheInsertmenu,clickHorizontalLine.4. Tomodifytheappearanceofthehorizontalline,double-clickthehorizontal
line,andthendooneormoreofthefollowing:Toincreaseordecreasethewidthoftheline,enteradifferentpixelorpecentagevalueintheWidthbox,andthenclickPercentofwindoworPixels,dependingonthetypeofvalueyouentered.Toincreaseordecreasetheheightoftheline,enteradifferentpixelvalueintheHeightbox.Toalignthelineleft,center,orrightonthepage,underAlignment,clickthealignmentoptionyouwant.Toaddcolortotheline,clickacolorintheColorlist.Ifyouwantthelinetoappearsolid,selecttheSolidline(noshading)checkbox.
5. Toapplyacustomstyleorotherformattingtotheline,clickStyle,andthenselecttheoptionsyouwant.
NoteIfyouapplyathemetoaWebpagebyusingaversionofMicrosoftFrontPageearlierthanOfficeFrontPage2003,youcanchangeonlythealignmentofalinegraphicthatispartofatheme.
Addananimationeffecttoapageelement1. Selecttheelementthatyouwanttoaddananimationeffectto.2. OntheDHTMLEffectstoolbar,intheOnbox,clicktheeventthatyou
wanttostarttheeffect.
IftheDHTMLEffectstoolbarishidden,ontheViewmenu,pointtoToolbars,clickCustomize,andthenselecttheDHTMLEffectscheckbox.
3. IntheApplybox,clicktheeffectyouwant.4. IntheboxnexttotheApplybox,clickthesettingyouwantfortheeffect.
DeleteabanneradThisprocedureappliesonlytoabanneradthatyoucreatedbyusingtheBannerAdManagerinanearlierversionofMicrosoftFrontPage.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthebannerad,andthenpressDELETE.
ShowAll
SetthepropertiesofabanneradThisprocedureappliesonlytoabanneradthatyoucreatedbyusingtheBannerAdManagerinanearlierversionofMicrosoftFrontPage.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthebannerad,andthenclickBannerAdManagerProperties
ontheshortcutmenu.3. Doanyofthefollowing:
IntheWidthbox,typethewidthofthebanneradinpixelsorpercentage.IntheHeightbox,typetheheightofthebanneradinplxelsorpercentage.IntheTransitioneffectlist,clicktheeffectyouwanttousewhenthebanneradswitchesfromonepicturetoanother.IntheShoweachpicturefor(seconds)box,typeavaluethatspecifieshowmanysecondstoshoweachpicture.IntheLinktobox,typetheURLoftheWebpageorfileyouwanttoopenwhenasitevisitorclicksthebannerad.Toselectpicturestodisplayinthebannerad,clickAdd,andthenlocateandclickthefileyouwant.
ThelistinthePicturestodisplayboxshowsthepicturesyou'veaddedandthesequenceinwhichthepictureswillbedisplayed.
Tomoveapictureupinthedisplaysequence,clicktheURLofthepictureinthelist,andthenclickMoveUp.Tomoveapicturedowninthedisplaysequence,clicktheURLofthepictureinthelist,andthenclickMoveDown.Toremoveapicturefromthebannerad,clicktheURLofthepictureinthelist,andthenclickRemove.
Addamarquee1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickwhereyouwanttoaddthemarquee,andthentypeandselectthat
text.3. OntheInsertmenu,clickWebComponent.4. UnderComponenttype,clickDynamicEffects.5. UnderChooseaneffect,double-clickMarquee.6. Setthepropertiesthatyouwantforthemarquee.
Setthepropertiesofamarquee1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthemarqueethatyouwanttosetpropertiesfor,andthenclick
MarqueePropertiesontheshortcutmenu.3. Setthepropertiesthatyouwant.
Deleteamarquee1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthemarquee,andthenpressDELETE.
Removeananimationeffect1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointnexttothepageelementthatyouwanttoremove
theanimationeffectfrom.3. OntheDHTMLEffectstoolbar,clickRemoveEffect.
Createawatermark1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthepageyouwanttoaddawatermarkto,clickPageProperties
ontheshortcutmenu,andthenclicktheFormattingtab.3. UnderBackground,selectBackgroundpicture,andthenselecttheMake
itawatermarkcheckbox.4. Locateandclickthegraphicfileyouwant.
ShowAll
TroubleshootdynamicpageelementsWhenIattempttoaddamarqueefromtheInsertWebComponents
dialog,themarqueeoptionisunavailable.
TousetheMarqueeoption,youmustsetyourAuthoringcompatibilitysettingstoMicrosoftInternetExploreronly.Dothefollowing:
1. OntheToolsmenu,clickPageOptions.2. ClicktheAuthoringtab.3. IntheBrowserslist,clickMicrosoftInternetExploreronly,andthen
clickOK.
Whydon'tIseetheHoverButtonoptionintheInsertWebComponentdialogbox?
TheHoverButtonoptionisnolongeravailableintheInsertWebComponentdialogbox.EitheruseInteractiveButtonstoadddynamicbuttonstoyourWebpage,oraddtheHoverButtoncommandtoamenubydoingthefollowing:
1. OntheToolsmenu,clickCustomize.2. ClicktheCommandstab.3. IntheCategorieslist,clickInsert,andthenintheCommandslist,click
HoverButton.4. Dragthecommandtothemenuyouwant.
TheIncludedContentWebcomponentisgrayedoutwhenIattempttoembedaWebpageinanotherWebpage
ToembedaWebpageinanotherWebpage,bothpagesmustbepartofthesameWebsite.Additionally,youmustmaketheAuthor-timeWebcomponentsavailable,andthentheIncludedContentWebcomponentwillbecomeavailableintheInsertWebComponentsdialog.
TomaketheAuthor-timeWebcomponentsavailable,dothefollowing:
1. OntheToolsmenu,clickPageOptions.2. ClicktheAuthoringtab,andthenselecttheAuthor-timeWeb
Componentscheckbox.
ShowAll
AboutworkingwithHTMLHypertextMarkupLanguage(HTML)isastandardforcreatingpagesfortheWorldWideWeb.HTMLusesspecialmarkers,calledtags,thatindicatehowWebbrowsersshoulddisplaypageelementssuchastextandgraphics.
YoucaneditorformatHTMLcodeusingtoolsavailableinCodeorDesignviews.DesignviewisaWYSIWIGviewwhereyoucanworkwithHTMLtagsindirectly.
WhenyoueditaWebpageinDesignview,orinthedesignpaneinSplitview,youcanshoworhideHTMLtagmarkersthatindicatethestartandendofunderlyingHTMLtags.
EditingHTML
MicrosoftFrontPageprovidesavarietyoffeaturesthathelpyoueditHTMLmoreeasily.
IntelliSenseprovidesyouwithalistofavailablechoiceswhenyou'readdingtagsorattributes.TheQuickTagSelectorenablesyoutoselectentiretags,orthecontentsoftags,withouthavingtoswitchtoCodeview.Allofthestandardeditingcommandsarealsoavailableforeditingcode.Forexample,youcanCopy,Cut,Paste,Find,andReplacewhileeditingyourWebpage.ThepropertiesofHTMLtagsaredisplayedsoyoucanchangethemyourself.Linenumberinghelpsyoutolocateandmovebetweenspecificlinesofcode.
FormattingHTML
HTMLformattingdefineshowthecodeisstructuredonthepage.Thebasicformattingtechniques—linebreaks,whitespace,andindentation—makeHTMLeasiertoreadandedit.
YoucanspecifythesesettingsinFrontPageandsetthefontcolorandsizeuniquelyfortags,attributes,values,andscripts.Youcanalsospecifysettingstokeeptheformatoftheoriginalcode,ortoapplynewformatsettingstopagesyouedit.
InsertHTMLwhileworkinginDesignview1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. PlacetheinsertionpointwhereyouwanttoinsertHTMLcode.3. PressCTRL+QandclickInsertHTML.4. IntheQuickTagEditor,typetheHTMLthatyouwant.
ShowAll
ShoworhidetagsinDesignview1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. OntheViewmenu,clickRevealTags.
Tip
IfyoumovethepointeroveranHTMLtaginDesignview,MicrosoftFrontPagedisplaysaScreenTipthatshowstheentiretextofthattag,includingitsattributesandvalues.
Completetextautomaticallyasyoutype1. OntheToolsmenu,clickPageOptions,andthenclicktheIntelliSense
tab.2. UnderAutoInsert,specifythesettingsyouwant.
ChangepropertiesforanindividualHTMLtag1. InPageview,atthebottomofthedocumentwindow,clickCode .
2. Right-clickinsidethetag,andthenclickTagPropertiesontheshortcutmenu.
MicrosoftFrontPagedisplaysthepropertiesdialogboxfortheHTMLtag.Forexample,ifyouclickinatabletag,FrontPagedisplaystheTablePropertiesdialogbox.
NotePropertiesforsometagsmightbeunavailableinCodeview.Iftheappropriatepropertyinformationisn'tavailable,theModifyStyledialogboxwillbedisplayed.
ShowAll
AboutworkingwithXMLExtensibleMarkupLanguage(XML)istheuniversalformatfordataontheWorldWideWeb.XMLallowsdeveloperstoeasilydescribeanddeliverrich,structureddatainastandard,consistentway.XMLdoesnotreplaceHTML;rather,itisacomplementaryformat.
ByusingMicrosoftFrontPage,youcanvieworeditXMLfiles,applystandardformattingtothestructureofcodeinXMLfiles,viewtheXMLtree,andcreatecustomdisplaysofXMLdataonWebpages.Forexample,youcancreateaWebpagethatdisplaysdatafromanXMLfile,formatthatdatabyusingtheformattingcommandsontheFormattingtoolbar,andapplyfiltering,sorting,andconditionalformattingtodisplaythedatahowyouwant.
WhenyouworkwithXMLfilesdirectly,it'simportantthatthefilescontainwellformedXML.SincetherulesgoverningthesyntaxofXMLtagsarestricterthanthoseforHTML,ifanXMLfileismissingatagoranattribute,thefilewillnotrendercorrectly.Forthisreason,youcanuseFrontPagetoapplyXMLformattingrulesinfilescontainingXML.
ShowAll
ApplyXMLformattingrules1. InPageview,atthebottomofthedocumentwindow,clickCode .2. Right-clickanywhereonthepage.3. ClickApplyXMLFormattingRules.
ImportantXMLformattingruleswillapplyendingtagsinafileevenifitisformattedtoexcludethem.
ShowAll
AboutcodesnippetsAcodesnippetisafragmentofcodeortextthatyoucandefineandreusemanytimes.MicrosoftFrontPageprovidesseveralpre-definedcodesnippets,andyoucanalsocreateyourown.Youcanassociateakeywordtothecodesnippetforquickaccessandinsertion.
Usingcodesnippetscansaveyoutime.Forexample,ifyoufrequentlytypeblocksofJavaScript,youmightstartbyinsertingthefollowingpre-definedcodesnippet:
<scriptlanguage="JavaScript">
<!--
//-->
</script>
Theprecedingexamplecontainsstartandendtags,HTMLcommentdelimiterswhichhidethescriptfrombrowsersthatmayerroneouslydisplaythecodeinsteadofrenderingit,andanemptylineinwhichtotypetheactualscript.
Someadditionalideasforcodesnippetsinclude:
CSSstyleblocksFrequentlytypedcontenthexadecimalcolorvalues
ShowAll
Createacodesnippet1. OntheToolsmenu,clickPageOptions,andthenclicktheCodeSnippets
tab.2. ClickAdd.3. IntheKeywordbox,typethekeywordtoassociatewiththecodesnippet.4. IntheDescriptionbox,typeafriendlynameforthecodesnippet.5. IntheTextbox,typethecontentofyourcodesnippet.6. ClickOK.
ShowAll
Insertacodesnippet1. InPageview,atthebottomofthedocumentwindow,clickCode .2. Placetheinsertionpointwhereyouwanttoinsertthecodesnippet.3. PressCTRL+ENTER.4. Typethekeywordofthecodesnippetyouwanttoinsert,andthenpress
ENTER.
ShowAll
Editacodesnippet1. OntheToolsmenu,clickPageOptions,andthenclicktheCodeSnippets
tab.2. Cickthecodesnippetyouwanttoedit,andthenclickModify.3. Editthekeyword,description,orcontentofthecodesnippet.4. ClickOK.
ShowAll
Deleteacodesnippet1. OntheToolsmenu,clickPageOptions,andthenclicktheCodeSnippets
tab.2. Clickthecodesnippetyouwanttodelete.3. ClickRemove.
Turnlinenumberingonoroffforcode1. OntheToolsmenu,clickPageOptions.2. OntheGeneraltab,underCodeViewOptions,selectorcleartheLine
numberscheckbox.
Gotoaspecificlineofcode1. InPageview,atthebottomofthedocumentwindow,clickCode .2. Right-clickanywhereonthepage,andthenclickGoToLineonthe
shortcutmenu.3. IntheEnterlinenumberbox,typethelinenumberyouwanttogoto.
Specifycolor-codingsettingsforcode1. OntheToolsmenu,clickPageOptions.2. ClicktheColorCodingtab.3. Foreachelementyouwanttospecifycolor-codingsettingsfor,clickthe
arrowinthecolorbox,andthenselectthecoloryouwant.Tospecifyacustomcolor,clickMoreColors.
NoteToresetthecolorcodingtothedefaultsettingsforMicrosoftFrontPage,clickResetColors.
ShowAll
SpecifyautomaticformattingsettingsforcodeDooneofthefollowing:
Defineformattingsettingsaccordingtothecurrentpage
1. OntheToolsmenu,clickPageOptions,andthenclicktheCodeFormattingtab.
2. UnderFormatting,clickBaseoncurrentpage.
Specifyformattingsettingsfornewpages
1. OntheToolsmenu,clickPageOptions,andthenclicktheCodeFormattingtab.
2. UnderFormatting,selecttheoptionsyouwant.
Forexample,ifyouwantalltagstoappearaslowercaseinsteadofuppercase,selectTagnamesarelowercase.
3. UnderTags,selectthetagattributesyouwant.
Forexample,ifyouwanttoshowonlyopeningparagraphtags(butnotclosingparagraphtags),selectp,andmakesuretheOmitendtagcheckboxisselected.
ImportantEachtaghasuniqueattributes.
Resetformattingsettingsfornewpages
1. OntheToolsmenu,clickPageOptions.2. ClicktheCodeFormattingtab.3. ClickReset.
NoteWhenyouopenapagewithexistingcode,MicrosoftFrontPagepreservesthecodeformattingofthatpagebydefault.TheFrontPageformattingsettings
willbeappliedonlytonewcontentthatyouadd.
AbouttheQuickTagtoolsTheQuickTagSelectorandtheQuickTagEditormakeiteasierforyoutoselectandedittagsandattributes.
QuickTagSelector
TheQuickTagSelectorisatoolbaratthetopofthedocumentwindow.ItisavailableinCode,Design,andSplitviews.
Whenyouplacetheinsertionpointanywhereonapage,theQuickTagSelectordisplaysatagselectorshowingtheunderlyingHTMLtagforthatarea.Forexample,iftheinsertionpointisinatablecell,the<td>tagselectorappearsintheQuickTagSelector.
Whenyoumovethepointeroverthetagselector,anarrowappearsontheselector.Youcanclickthisarrowtodisplaytheeditandselectionoptionsforthattag.Thoseoptionsinclude:
SelectTagSelectsthestartandendtagsandthecontentofthosetags.SelectTagContentsSelectsonlythecontentofthestartandendtags.RemoveTagRemovesthestartandendtags,butleavesthecontentofthosetags.TagPropertiesOpensthepropertiesdialogboxforthetag.
ThereareotheroptionsontheQuickTagSelectoraswell.Theseoptions—EditTag,InsertHTML,WrapTag—opentheQuickTagEditor.
QuickTagEditor
ByusingtheQuickTagEditor,youcanquicklyeditatag.YoucanopentheQuickTagEditorbyclickingthetagselectorforatagintheQuickTagSelector,andthenclickinganyofthefollowingoptions:
EditTagEnableseditingofthecurrenttag,includingattributesandotheraspectsofthetag.YoucanalsouseEditTagtochangethetypeoftagortoaddadditionaltags.
InsertHTMLAddsHTMLtothepage.WrapTagWrapsatagthatyouspecifyaroundanexistingtag.Theoriginaltagbecomesnestedinsidethetagyouspecify.
Inaddition,IntelliSensefeaturesareavailableintheQuickTagEditor.Forexample,ifyoutypepartofatag,IntelliSensewillcompletethetagforyouifthisfeatureisenabled.
ShowAll
Selectatagquickly1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointinthetagyouwant.
3. Atthetopofthedocumentwindow,ontheQuickTagSelectortoolbar,pointtotheselectorforthetagthatyouwant,andthenclickthearrownexttothatselector.
IftheQuickTagSelectorisnotvisible,clickQuickTagSelectorontheViewmenu.
4. Dooneofthefollowing:
Toselectthestartandendtagandthecontentofthosetags,clickSelectTag.Toselectonlythecontentofthestartandendtag,clickSelectTagContents.
Tip
Youcanalsoquicklyselectthestartandendtag,andthecontentofthosetags,whileworkinginCodeview.Todoso,placetheinsertionpointinthetag,andthenpressCTRL+SHIFT+;.
Editatagquickly1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointinthetagyouwanttoedit.
3. Atthetopofthedocumentwindow,ontheQuickTagSelectortoolbar,pointtotheselectorforthetagthatyouwant,andthenclickthearrownexttothatselector.
IftheQuickTagSelectorisnotvisible,clickQuickTagSelectorontheViewmenu.
4. Dooneofthefollowing:
Toeditthetag,includingitsattributes,clickEditTag,andthenmakeyoureditsintheQuickTagEditor.Toopenthepropertiesdialogboxfortheselectedtag,clickTagProperties.
Deleteatagquickly1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointinthetagyouwanttodelete.
3. Atthetopofthedocumentwindow,ontheQuickTagSelectortoolbar,pointtotheselectorforthetagthatyouwant,andthenclickthearrownexttothatselector.
IftheQuickTagSelectorisnotvisible,clickQuickTagSelectorontheViewmenu.
4. Toremovethestartandendtag,butleavethecontentofthosetags,clickRemoveTag.
ShowAll
AboutworkingwithscriptsAlthoughMicrosoftFrontPagecontainstheMicrosoftScriptEditor,youcanusescripteditingtoolsthatenableyoutoeasilycreateandeditscriptsdirectlyinCodeview.
Editingscripts
WithIntelliSense,youcaneasilycreateoreditscriptsinanumberoflanguages,includingECMAScriptasdefinedbythespecificationoftheEuropeanComputerManufacturersAssociation,suchasJScriptorJavaScript,andVisualBasicScriptingEdition(VBScript).Youcanquicklyfillinvalidvariables,functions,orparameterinformation.
Youcanalsodisplaylinenumbers,whichmakesiteasiertoidentifyerrorswhenyoudebugyourscripts.
Formattingscripts
Scriptelements,suchasscriptidentifiers,keywords,numbers,operators,andstringsarerepresentedindifferentcolors.Youcaneitherusethedefaultcolorsorspecifyyourownsettings.
Scriptcolorcodingwillonlyoccurwithinaproperlyclosedblockofscript.Ifascriptblockisopenedbutnotclosed,thenalltextfollowingtheopenedscriptblockwillusethenormalcolorsettingtohelpyouquicklyseethataclosingtagisrequired.
NoteFrontPagedoesnotcurrentlysupportserver-sidescripting,CGI,ASP.NET,orVisualBasic.NET.
ShowAll
AboutBehaviorsBehaviorsinMicrosoftFrontPagearescriptingoptionsthatenableyoutoquicklyaddinteractivityorincreasedfunctionalitytotextorotherelementsofyourWebpage.
ABehaviorisacombinationofaneventandanactionthatyouwanttooccurwhenasitevisitorinteractswithaWebpageoranelementofapage.
Youcancustomizebuilt-inFrontPageBehaviorsbyusingataskpane.
Events
AneventisaconditionthatcausesaWebbrowsertotriggerascript.Forexample,movingthepointeroveragraphicorclickingalinkcantriggeranevent.
Eventnamesusuallyreflecthowtheyareactivated.Forexample,theonMouseOvereventistriggeredwhenthemousepointermovesoverapageelement.Likewise,theonMouseClickeventisactivatedwhentheuserclicksapageelement.
Actions
Anactionisaninstructionthatexecuteswhenaneventoccurs.Actionsarefunctions—prewrittenblocksofscriptcode—thatperformaspecifictask,suchasswappinganimageoropeningabrowserwindow.
Afteryouattachascripttoapageelement(usingtheBehaviorstaskpane),thebrowser"calls"theactionthatistriggeredbytheevent.
Eachactionrequiresasetofpropertiesandparametersinordertodoatask.InFrontPage,youcanvieworeditthepropertiesforeachactionusingtheBehaviorstaskpane.
NoteMostBehaviorsworkwithMicrosoftInternetExplorer4.0orlater,andNetscapeNavigator4.0orlater.SomeBehaviors,suchasCheckPlug-in,
ChangeProperty,andControlFlash,requireInternetExplorer5orlater,andNetscapeNavigator6.0orlater.
DefineaBehaviorforanelement1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheFormatmenu,clickBehaviors.
3. Onthepage,selectthepageelement—forexample,textoragraphic—youwanttoworkwith.
4. IntheBehaviorstaskpane,clickInsert,andthenclicktheactionyouwant.
5. Inthedialogboxthatappears,selecttheoptionsyouwant,andthenclickOK.
6. Toselecttheevent,underEvents,clickthedefaultevent,andthenclicktheeventyouwant.
7. Dependingontheactionyouchoose,selectanyadditionaloptionsthatdefinetheeventfortheaction.
ShowAll
AboutIntelliSenseIntelliSensereferstotheCodeviewfunctionalitythatprovidesauto-completionofcommands,aswellascontext-sensitiveliststhatcontaincodeandscriptingelements.
Forexample,whenyoutypetheHTMLdelimiter<,youcanhaveIntelliSenseautomaticallydisplayalistoftags.
WithIntelliSense,youcaneditscriptsinanumberoflanguages,includingECMAScriptasdefinedbythespecificationoftheEuropeanComputerManufacturersAssociation,suchasJScriptorJavaScript,andVisualBasicScriptingEdition(VBScript).Youcanquicklyfillinvalidvariables,functions,orparameterinformation.IntelliSensealsoprovidescontext-sensitivelistsforHTMLtagsandattributes.
ShowAll
TurnIntelliSenseoptionsonoroffDooneofthefollowing:
ShoworhidetheIntelliSenselist
1. InPageview,atthebottomofthedocumentwindow,clickCode .
2. PlacetheinsertionpointwhereyouwanttoaddcodebyusingtheIntelliSenselist.
Typesomeofthecodeyouwanttoadd,andthenpressCTRL+L.
Alistappearswithappropriatechoicesforthecontext.Forexample,iftheinsertionpointisafter<scriptlanguage=MicrosoftFrontPagedisplaysalistofthescriptlanguagesyoucanuse.
3. IfyouwanttohidetheIntelliSenselist,pressESC.
ShoworhidetheIntelliSenselistautomatically
1. OntheToolsmenu,clickPageOptions,andthenclicktheIntelliSensetab.
2. UnderAutoPopup,dooneormoreofthefollowing:
TospecifywhetheryouwantFrontPagetodisplayalistoftagsorattributesafteryoubegintyping,selectorcleartheHTMLstatementcompletioncheckbox.TospecifywhetheryouwantFrontPagetodisplayalistofvariablesorfunctionnamesafteryoubegintyping,selectorcleartheScriptingstatementcompletioncheckbox.TospecifywhetheryouwantFrontPagetodisplaythedeclarationforafunctionafteryoubegintyping,selectorcleartheScriptparameterinformationcheckbox.
ShowAll
IntelliSenseoptionsIntelliSenseprovidesanarrayofcodingoptionsinCodeview.
MicrosoftFrontPageprovidesthefollowingIntelliSensecommands,whichyoucansettoappearautomatically:
Option Description
ListMembers
SimplifiesthecompletionofHTMLstatementsandscriptstatements.
Forexample,typinganobjectandascopeoperator(suchaswindow.)displaysalistofappropriateelements(suchastheeventopen),enablingyoutocompletethestring:
window.open
ParameterInfo
Simplifiesthedeterminationofthecorrectparameterstoaddtothescript.
Forexample,afterwindow.open,youcantypeanopeningparenthesis:
window.open(
Alistofappropriateparametersappears,guidingyouinthechoicesyouhaveforcompletingthestring:
window.open([url],[name],[features],[replace])
Complete
Simplifiesthecompletionofcodeasyoutype.
Forexample,youcantypepartofastarttag:
<tab
Word BypressingCTRL+SPACE,therestofthetagappears:
<table
Theclosingtagdelimiterisnotadded,soyoucancontinuetoaddtagattributes.
ViewCodeSnippets
Simplifiestheinsertionofcodesnippetsasyoutype.
Forexample,tobeginwritingascript,youcouldinvokethescriptblock,whichisastandardcodesnippet:
<scriptlanguage="JavaScript">
<!--
//-->
</script>
ShowAll
AboutaddingFlash-basedcontentMacromediaFlashisavectorgraphicanimationtechnology.WebdevelopersuseFlashtoproducemovies,animation,presentations,andmore.Flash-basedcontentworksoncross-platformbrowsers,whichmeansthatsitevisitorscanplayitbyusingalmostanyWebbrowser,suchasMicrosoftInternetExplorerorNetscapeNavigator.
YoucanaddFlash-basedcontenttoenhanceandupdateyourWebsite.YoucanaddmultipletypesofFlash-basedcontent,suchasshortmoviestrips,repetitiveaudio-enhancedanimations,previously-recordededucationalpresentationsorcourses,andmore.
YoucanembedFlash-basedcontentdirectlyinaWebpage,sothatitdownloadsautomaticallywhenasitevisitoropensthepage.YoucanalsoaddalinkinyourWebpagetothelocationofFlash-basedcontent.Thisenablessitevisitorstodecidewhetherornottheywanttodownloadit.
InMicrosoftFrontPage,youcansetoptionstoscaleandalignFlash-basedcontentandsetbackgroundcolorsforit.Additionally,youcansetoptionsforautomaticplayback,suchasplayingashortanimationoncewhenthesitevisitorfirstloadsthepageorloopingthecontenttoplaycontinuously.
NoteYoumusthavetheMacromediaFlashPlayerplug-ininstalledinordertopreviewtheFlash-basedcontentyouadd.Additionally,sitevisitorsmusthaveitinstalledinordertoplaysuchcontent.
AddFlash-basedcontent1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheInsertmenu,pointtoPicture,andthenclickMovieinFlash
Format.3. LocateandclicktheMacromediaFlashfile,andthenclickInsert.
Notes
Toviewtheanimatedcontent,inPageview,atthebottomofthedocumentwindow,clickPreview .YoucanalsoaddFlash-basedcontentbydraggingafiletoyourWebpagefromeithertheFolderListinMicrosoftFrontPageorMicrosoftWindowsExplorer.YoucanalsolinktoaFlashfilebyaddingahyperlinkinyourWebpage.ToviewFlash-basedcontent,sitevisitorsmusthavetheMacromediaFlashPlayerinstalled.
SetpropertiesforFlash-basedcontent1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clicktheMacromediaFlash-basedcontent,andthenclickMoviein
FlashFormatPropertiesontheshortcutmenu.3. Setthepropertiesthatyouwant.
DeleteFlash-basedcontent1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. ClicktheMacromediaFlash-basedcontent,andthenpressDELETE.
AboutaddingsoundsSoundscanaddanotherdimensiontoyourMicrosoftFrontPageWebsite.Forexample,ifyourcompanyhasanaudiojingle,youcanaddittothehomepageofyourWebsiteandconfigureittoplaywhenasitevisitorbrowsestoit.
WithFrontPage,youcanembedanaudiofileandsetpropertiestoplaywhensitevisitorsopenthepage.Youcansetthepropertiestoplaythesoundfilecontinuously,ortoplayitaspecifiednumberoftimes.AnotherwaytoaddsoundtoyourWebpageistoprovideahyperlinktotheaudiofilefromyourpageandletsitevisitorsdecideiftheywanttoplaythesound.Whensitevisitorsclickthatlink,theappropriateaudioplayeropensandplaysthesoundfile.
YoucanaddmanytypesofaudiofiletoyourWebpage,includingthefollowing:
Wavefiles(*.wav)Midisequencerfiles(*.mid)RealAudiofiles(*.ram;*.ra)AIFFsoundfiles(*.aif;*.aifc;*.aiff)AUsoundfiles(*.au;*.snd)MovingPictureExpertsGroup(*.mpeg),MPEGAudio-Layer3files(*.mp3)MicrosoftActiveStreamingfiles(.*asf)
Addasound1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthepage,andthenclickPagePropertiesontheshortcutmenu.3. OntheGeneraltab,underBackgroundsound,locateandclickthesound
fileyouwant,andthenclickOpen.4. Dooneofthefollowing:
Toplaythesoundcontinuously,selecttheForevercheckbox.Toplaythesoundafixednumberoftimes,cleartheForevercheckbox,andthenselectortypethenumberoftimesyouwantthesoundtoplayintheLoopbox.
NoteThisfeatureisnotsupportedbyallWebbrowsers.
Deleteasound1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthepage,andthenclickPagePropertiesontheshortcutmenu.3. OntheGeneraltab,underBackgroundsound,deletethetextinthe
Locationbox.
ShowAll
AboutaddingvideoYoucanmakeyourWebsitemoredynamicbyaddingvideotoit.ByusingMicrosoftFrontPage,youcanembedavideodirectlyinaWebpagesothatitdownloadsautomaticallywhenasitevisitoropensthepage.YoucanalsoaddalinkinyourWebpagetothelocationofavideofile.Thisenablessitevisitorstodecidewhetherornottheywanttodownloadit.YoucanalsouseFrontPagetosetoptionsforvideoplayback.Forexample,youcanplaythevideooncewhenthesitevisitorfirstopensthepage,loopthevideoandplayitcontinuously,oronlyplaythevideowhenasitevisitorreststhepointeroveralink.
Beforeyouaddavideo,youshouldconsidertheissueofbandwidth.Itisconsideredgoodpracticetoinformyoursitevisitorsofthesizeofavideofile.Additionally,whenyouaddvideotoaWebpage,makesurethevideoisinaformatthatsitevisitorscanplaybackwithmostvideoplayers.
Someofthemostpopularvideofileformatsthatyoucanembedorlinktoare:
WindowsVideofiles(*.avi)AudioandvideofilesforusewithMicrosoftWindowsMediaPlayer.WindowsMediafiles(*.asf)StreamingfileformatforusewithWindowsMediaPlayer.Thisfileformatcanalsoincludeaudio,scripts,ActiveXcontrols,andHTMLdocuments.RealAudiofiles(*.ram;*.ra)StreamingfileformatforusewithRealNetworksRealAudioPlayer.Providesoptimizationforlow-tomedium-speedconnections.MovingPictureExpertsGroup(*.mpeg)Thisfamilyofstandardsisusedforcodingaudio-visualinformation—movies,video,musicinadigitallycompressedformat.MPEGfilesaregenerallymuchsmallerthanmostvideoformats,butprovidethesamequality.AppleQuickTime(*.mov;*.qt)QuickTimeistechnologythatisbuiltintotheAppleMacintoshoperatingsystemandisusedbymostMacintoshapplicationsthatincludevideooranimation.MicrosoftWindows-basedcomputerscanalsoplayfilesinQuickTimeformat,buttheyrequireaspecialQuickTimeplug-in.
Addavideo1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Positiontheinsertionpointwhereyouwanttoinsertavideo.3. OntheInsertmenu,pointtoPicture,andthenclickVideo.4. Locateandclickthevideofile,andthenclickOpen.
Notes
Toviewthevideo,inPageview,atthebottomofthedocumentwindow,clickPreview .SomeWebbrowsersdonotsupportvideo.
Setplaybackoptionsforavideo1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthevideo,andthenclickPicturePropertiesontheshortcut
menu.3. Dooneormoreofthefollowing:
Toplaythevideowheneverthepageloads,underRepeat,clickOnfileopen.Toplaythevideowheneverasitevisitormovesthepointerdeviceoverthevideo,underRepeat,clickOnmouseover.Tospecifythenumberoftimesyouwantthevideotoplay,underStart,typeanumberintheLoopbox,orselecttheForevercheckboxforcontinuousplay.Tosetadelaybetweenplaybacks,underStart,typeorselectthedelaytimeintheLoopdelaybox.
NoteToviewthevideo,inPageview,atthebottomofthedocumentwindow,clickPreview .
Deleteavideo1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthevideo,andthenpressDELETE.
ShowAll
AboutcreatingaWebsiteAWebsiteisagroupofrelatedWebpagesthatishostedbyanHTTPserverontheWorldWideWeb.MostWebsitesprovideahomepagetositevisitorsasastartingpoint.Thehomepageisinterconnectedwithotherpagesbyusinghyperlinksandanavigationalstructure.
YoucancreateaWebsitethatiseitherdisk-basedorserver-based.Adisk-basedWebsiteisonethatishostedonalocalcomputer.Aserver-basedWebsiteishostedbyaWebserver,suchasMicrosoftInternetInformationServer(IIS),oravirtualservernetwork.
TohelpyoucreateaWebsitemorequickly,youcanusetheMicrosoftFrontPagetemplatesandwizards.Whenyouuseoneofthesetools,FrontPagedoesmostofthestructuralworkforyou,leavingyoufreetoconcentrateonthecontentofthesite.YoucanusetemplatesandwizardstohelpyoucreateanythingfromabarebonesWebpagetoacomplex,multi-page,interactiveWebsite.
ThebasicstepsforcreatingaFrontPageWebsite,includethefollowing:
1. ObtainaWebsitehostingaccountorURLfromahostingservice,suchasanInternetserviceprovider(ISP)oraWebPresenceProvider(WPP).
2. CreateyourWebsitestructureusingthetemplatesandwizards.3. Addyourownpersonalizedcontent.4. PublishyourWebsitetothepublicontheWorldWideWeb.
Withadministratorpermissions,aWebsitehostingaccount,andconnectivitytoaserverrunningMicrosoftWindowsSharePointServices,youcancreateaSharePointsiteandthencustomizeitusingMicrosoftFrontPage.
AWebsitecancontainoneormoresubsites.AsubsiteisaWebsitethatisnestedinsideanotherWebsite.AWebsitethatcontainssubsitesiscalledatop-levelsite.IfyouthinkofaWebsiteasadirectorycontainingasetoffolders,asubsiteisasubfoldercontainingastand-aloneWebsite.
Subsiteshaveindependentadministration,authoring,andbrowsingpermissions.
Therefore,youcandisplayrestrictedinformationorinformationthatispertinenttoonlyonegroupofsitevisitorsonasubsite.
Youcanconvertfoldersunderatop-levelWebsitetosubsites.Likewise,youcanconvertasubsitetoasubfolder.However,manyoftheWebsitesettingscanbelostduringthisprocess,including,butnotlimitedtohyperlinksinnavigationbarsandtasksassociatedwiththesepages.ThesefeaturesarelostbecausethenavigationstructureandtasksarestoredperWebsite.Additionally,thelargerthecontentsoftheWebsite,thelongerittakestoconverttheWebsitetoasubfolderorasubfoldertoaWebsite.
CreateaWebsite1. OntheFilemenu,clickNew.2. IntheNewtaskpane,underNewWebsite,clickthetypeofWebsitethat
youwanttocreate.3. ClicktheWebsitetemplatethatyouwant.4. Locateandclickthelocationwhereyouwanttopublishyoursite,andthen
clickOpen.
Notes
Youcaneitherpublishyoursitetoalocaldirectoryorfolderonyourharddiskornetwork,orpublishittotheInternetwhereyouraccountislocated.IfyoucreateaSharePointsite,youmustpublishittoaserverrunningMicrosoftSharePointServices.
ShowAll
CreateasubsiteDooneofthefollowing:
Convertanexistingfolderintoasubsite
1. IntheFolderList,right-clickthefolderthatyouwanttocreateasubsitein,pointtoNew,andthenclickSubsite.
2. ClicktheWebsitetemplatethatyouwant.3. UnderOptions,selecttheAddtocurrentWebsitecheckbox.
Createanewsubsitebyusingatemplate
1. OntheFilemenu,clickNew.2. IntheNewtaskpane,underNewWebsite,clickthetypeofWebsitethat
youwanttocreate.3. ClicktheWebsitetemplatethatyouwant.4. UnderOptions,selecttheAddtocurrentWebsitecheckbox.
Notes
Youcaneitherpublishyoursitetoalocaldirectoryorfolderonyourharddiskornetwork,orpublishittotheInternetwhereyouraccountislocated.IfyoucreateaSharePointsite,youmustpublishittoaserverrunningMicrosoftSharePointServices.
OpenaWebsite1. OntheFilemenu,clickOpenSite.
2. IntheLookInbox,locateandclicktheWebsitethatyouwanttoopen.
3. ClickOpen.
NoteIfyoualreadyhaveaWebsiteopen,eachsubsequentWebsitewillopeninanewMicrosoftFrontPagewindow.
RenameaWebsite1. OntheToolsmenu,clickSiteSettings.2. ClicktheGeneraltab.3. IntheWebnamebox,typeanewnamefortheWebsite.
ShowAll
ImportaWebsite,folder,orfile1. OpentheWebsitethatyouwanttoimportaWebsite,folder,orfileinto.2. OntheFilemenu,clickImport.3. Dooneofthefollowing:
Importafilefromyourlocalcomputerornetwork
1. ClickAddFile.2. Locateandclickthefilethatyouwanttoimport,andthenclickOpen.3. Toimportadditionalfiles,repeatsteps1and2.
Importafolderfromyourlocalcomputerornetwork
1. ClickAddfolder.2. Locateandclickthefolderthatyouwanttoimport,andthenclick
Open.
ImportaWebsitefromaWebserver
1. ClickFromSite.2. ClickHTTP.3. LocateandclickthestartingpageoftheWebsitethatyouwantto
import,andthenclickOpen.
ThestartingpagecanbeanypageintheWebsite,notjustthehomepage.
4. ToimportaWebsitethatusesSecureSocketsLayer(SSL)forencryptedtransactions,selecttheEncryptedconnectionrequired(SSL)checkbox.
5. TofinishimportingaWebsite,clickNext,andthenfollowtheinstructionsintheImportWebSiteWizard.
NoteIfyouimportadisk-basedWebsiteintoanotherdisk-basedWebsite,MicrosoftFrontPageonlyaddsthefilesandfolderstothesite.Itdoesnot
importthefileorfolderasanewsubsite.
ShowAll
AboutpagebannersByusingapagebanner,youcanquicklyaddtitlestoyourWebpages.Ifyouhaveappliedathemetotheactivepage,pagebannersusethesamestylesandgraphicsasthetheme.Otherwise,thepagebannerjustdisplaystext,whichyoucanformat.
Beforeyoucanusepagebanners,youmustsetupyourWebsite'snavigationstructureinNavigationview.Apagebannerisnotvisibleonapageunlessthepageisincludedinthenavigationstructure.PagebannersusethepagetitlesfromNavigationview;ifyouchangethistitleforapage,itspagebannerlabelwillalsochange.
Afteryouaddapagebannertoapage,youcanchangethetextthatisdisplayedonit,andyoucanspecifywhethertodisplayagraphicorjusttext.Thepagebannerpicturethatisdisplayedisthebannerthatisassociatedwiththethemeforthatparticularpage.
Deleteapagebanner1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthepagebanner,andthenpressDELETE.
ShowAll
AboutpagetemplatesApagetemplateisapre-designedpagethatcancontainpagesettings,formatting,andpageelements.MicrosoftFrontPageprovidesseveraldefaultpagetemplates,oryoucancreateyourown,sothatyoucancreatepagesforyourWebsitequicklyandconsistently.Templatesareveryusefulinamultiple-authorenvironmentbecausetheyhelpauthorscreatepagesthesameway.Forexample,ifallyourpagesalwayshaveacompanylogoanddescriptionatthetopofthepage,youcancreateatemplatewiththoseelements.Youcouldthenuseyourtemplatewhenyoucreateanewpage,andthelogoanddescriptionwillautomaticallydisplayonthepage.
Whenyoucreateapagetemplate,acopyofthetemplateisstoredontheharddriveofeveryWebsiteauthorwhoopensthatWebsite.
Ifyouworkinamultipleauthoringenvironment,youcancreateyourowncustomtemplatesandsharethemwithotherauthorsworkingonthesameWebsite.AnyonewhoopenstheWebsitecanthencreatenewpagesbasedonyoursharedtemplates,whicharelistedalongwiththedefaulttemplates.Forexample,youmightwantallofthepagesinaWebsitetolinktoaspecificcascadingstylesheet.Youcouldcreateatemplatecontainingalinktothestylesheet,andthensharethattemplatewithanyoneworkingontheWebsite.Insteadofaddingstylesheetlinksmanuallytonewpages,youcancreatenewpagesthatalreadycontainthelinksjustbyusingthesharedtemplate.
ShowAll
CreateaWebpagetemplateSomeofthecontentinthistopicmaynotbeapplicabletosomelanguages.
1. OntheFilemenu,clickNew.2. IntheNewtaskpane,underNewpage,dooneofthefollowing:
TocreateaWebpagetemplatefromablankpage,clickBlankpage.TocreateaWebpagetemplatefromanexistingpage,clickFromexistingpage,locateandclickthefileforthepage,andthenclickCreatenew.TocreateaWebpagetemplatebychanginganexistingtemplate,clickMorepagetemplates,clickthetabcontainingthetemplateyouwant,andthendouble-clickthetemplate.
3. Changethepagetoincludethesettingsandelementsthatyouwantinthetemplate.
4. OntheFilemenu,clickSaveAs.5. IntheSaveastypelist,clickFrontPageTemplate.
AboutDynamicWebTemplatesByusingDynamicWebTemplates,youcancreateHTMLpagesthatsharethesamelayout.Inadditiontoprovidingasharedlayout,youcanmakesomeregionsinatemplateavailableforeditingwhilepreventingchangestootherregionsinthattemplate.Thismeansthatyoucanallowotherstoaddandeditcontent,yetstillpreservethelayoutofthepagesandthetemplateitself.
YoucanuseanynumberofDynamicWebTemplatesinaWebsiteandyoucanattachaDynamicWebTemplatetoasmanypagesasyoulike.YoucanalsosaveDynamicWebTemplate(.dwt)filestoanylocation.IfyouchoosetodetachaDynamicWebTemplatefromoneormorepagesinasite,youdonotremovethecontentfromthosepages.Youremoveonlytheformattingprovidedbythetemplate.
InearlierversionsofMicrosoftFrontPage,youmighthaveusedsharedborderstocreatearegiononaWebpagethatwascommontooneormorepagesinaWebsite.YoucannowuseDynamicWebTemplatesinstead.Unlikesharedborders,pagesthatareattachedtoDynamicWebTemplatesshareanentirelayout,andtheyoffermuchmorecontroloverwhichpartsofyourpagesareavailableforediting.
AddeditableregionstoaDynamicWebTemplate1. OpentheDynamicWebTemplate(.dwt)file.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. SelectonlytheareasinthetemplatewhereyouwanttoallowotherWeb
authorstoedittheattachedWebpage(s).4. Right-clickaselection,andthenclickManageEditableRegions.5. IntheRegionnamebox,typeanamefortheeditableregion.Forexample:
Header,Body,orFooter.6. ClickAdd.7. Repeatsteps2through6foreachneweditableregionyouwanttoadd,and
thenclickClose.
ShowAll
AttachaDynamicWebTemplateDooneofthefollowing:
AttachaDynamicWebTemplate
1. OpentheWebpageyouwanttoattachaDynamicWebTemplateto.
ToattachtheDynamicWebTemplatetomorethanonepage,selectthepagesyouwant.
How?
IntheFolderList,holddownCTRLandclickeachpageyouwant.
IftheFolderListishidden,clickFolderListontheViewmenu.
2. OntheFormatmenu,pointtoDynamicWebTemplate,andthenclickAttachDynamicWebTemplate.
3. LocateandclicktheDynamicWebTemplateyouwanttoattach,andthenclickOpen.
IfthebodyofaselectedWebpagecontainscontent,theChooseEditableRegionsforContentdialogboxappears.ThedialogboxdisplaysthedefaultsettingsformappingcontentfromthebodyoftheWebpagetoeditableregionsspecifiedbytheDynamicWebTemplate.TheOldcolumnlistscontentinthebodyoftheWebpage.TheNewcolumnlistseditableregionsspecifiedbythetemplate.
IntheChooseEditableRegionsforContentdialogbox,dooneofthefollowing:
TomoveallofthecontentinthebodyoftheWebpagetothedefaulteditableregion,clickOK.Ifthedefaulteditableregioncontainscontent,thatcontentisreplacedwiththecontentintheWebpage.TomoveallofthecontentinthebodyoftheWebpagetoaspecificeditableregion,click(Body),andthenclickModify.IntheNew
Regionlist,clicktheeditableregionyouwanttomovethecontentto.Ifyouclick(none),thecontentisremovedfromtheWebpage.TomaintainallofthecontentandstructureoftheWebpage,clickSkipCurrentPage.Thetemplateisnotattachedtothepage.
AttachadifferentDynamicWebTemplate
1. OpentheWebpageyouwanttoattachadifferentDynamicWebTemplateto.
ToattachtheDynamicWebTemplatetomorethanonepage,selectthepagesyouwant.
How?
IntheFolderList,holddownCTRLandclickeachpageyouwant.
IftheFolderListishidden,clickFolderListontheViewmenu.
2. OntheFormatmenu,pointtoDynamicWebTemplate,andthenclickAttachDynamicWebTemplate.
3. LocateandclicktheDynamicWebTemplateyouwanttoattach,andthenclickOpen.
IftheselectedWebpagecontainseditableregionsspecifiedbytheDynamicWebTemplatepreviouslyattachedtoit,theChooseEditableRegionsforContentdialogboxappears.Thedialogboxdisplaysthedefaultsettingsformappingcontentfromtheeditableregionsspecifiedbytheprevioustemplatetoeditableregionsspecifiedbythenewtemplate.TheOldcolumnlistseditableregionsspecifiedbytheprevioustemplate.TheNewcolumnlistseditableregionsspecifiedbythenewtemplate.
IntheChooseEditableRegionsforContentdialogbox,dooneofthefollowing:
TomoveallofthecontentinthebodyoftheWebpagetothedefaulteditableregion,clickOK.Ifthedefaulteditableregioncontainscontent,thatcontentisreplacedwiththecontentinthepage.Tomovecontentfromaneditableregionspecifiedbytheprevious
templatetoaspecificeditableregionspecifiedbythenewtemplate,clicktheregionintheOldcolumn,andthenclickModify.IntheNewRegionlist,clicktheeditableregionyouwanttomovethecontentto.Iftheeditableregioninthenewtemplatecontainscontent,thatcontentisreplacedwiththecontentinthepage.TomaintainallofthecontentandstructureoftheWebpage,clickSkipCurrentPage.Thetemplateisnotattachedtothepage.
CreateaDynamicWebTemplate1. CreateoropenanHTMLdocument.2. OntheFilemenu,clickSaveAs.3. IntheSaveastypelist,clickDynamicWebTemplate,andthenclick
Save.4. Createthebasiccontentsandstructureofthetemplateinthe*.dwtfile,and
thenclickSave.
DetachfilesfromaDynamicWebTemplate1. IntheFolderList,selectthefile(s)thatyouwanttodetachfromthe
DynamicWebTemplate.
Toselectmultiplefiles,pressCTRLandhold,andthenclickthefilesthatyouwanttodetach.
2. OntheFormatmenu,pointtoDynamicWebTemplate,andthenclickDetachfromDynamicWebTemplate.
ShowAll
ManuallyupdateattachedWebpagesImportantIfthereisaconflictamongtheDynamicWebTemplateandattachedpages,whenyouattempttoupdatetheattachedpages,MicrosoftFrontPagewillpromptyoutoresolvetheconflict.
UpdateWebpagesfromwithintheattachedDynamicWebTemplate
WiththeDynamicWebTemplateopen,ontheFormatmenu,pointtoDynamicWebTemplate,andthenclickoneofthefollowing:
UpdateAllPagesUpdateAttachedPages
UpdateaselectedpageintheFolderList
1. IntheFolderList,clickthepagethatyouwanttoupdate.2. OntheFormatmenu,pointtoDynamicWebTemplate,andthenclick
UpdateSelectedPage.
OpenaDynamicWebTemplatefromwithinanattachedpage
IntheFolderList,double-clicktheDynamicWebTemplatefile(withthe.dwtfilenameextension)thatyouwant.
ShowAll
RenameorRemovetheeditableregionsofaDynamicWebTemplate1. OpentheDynamicWebTemplate(*.dwt)file.2. Inthedocumentwindow,right-clicktheeditableregionthatyouwantto
renameorremove,andthenclickManageEditableRegions.
Youcanidentifyeditableregionsbytheboxedareasonthepagethatincludeatabcontainingthenameofeachregion.
3. Renameaneditableregion
IntheRegionnamebox,typethenewname,clickRename,andthenclickClose.
Removeaneditableregion
ClickRemove,andthenclickClose.4. OntheFilemenu,clickSave.5. ClickYes.
NoteIftheDynamicWebTemplatethatyoueditedhostsattachedfiles,MicrosoftFrontPagewillpromptyoutoupdatethosefiles.
EditasharedborderThisprocedureappliestosharedbordersthatyoucreatedbyusinganearlierversionofMicrosoftFrontPage.
1. Openapagethatusesthesharedborderyouwanttoedit.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. Clickinsidethesharedborderregion,whichisoutlinedwithadashedline.
Whenyouclickthearea,theoutlinechangestoasolidline.
4. Makeyourchangestothecontentinsidethesharedborderregion.Forexample,typeordeletetext,oraddapicture.
5. ClickSave .Yourchangeswillappearonallpagesthatsharetheborder.
AboutauthoringmodesAuthoringmodesenableyoutoturnsupportonoroffforgroupsoffeaturesorforonefeatureatatime.
ByusingauthoringmodesinMicrosoftFrontPage,youcandesignyourWebpagesforcompatibilitywithspecificbrowsersandtechnologies,aswellascontrolthetypesofcodethatareaddedtoyourpages.
Bydesigningyourpagesforbrowsercompatibility,youcanhelpensurethatyoursitevisitorshaveabetterexperiencebrowsingyourWebsite.ByhavingcontroloverthetypesofcodethatFrontPageaddstoyourpages,youcanedityourpagesmoreeasilyinCodeview.
Whenyouchooseanauthoringmode,theauthoringmodeappearsinthelowerrightportionofthestatusbar.Itisimportanttonotetheauthoringmodeyouareusing,becausesomeFrontPagefeaturesareunavailableinspecificauthoringmodes.
NoteIfyouchooseaspecificauthoringmode,menucommandsthatarenotsupportedwillbeunavailableaslongasyouareinthatauthoringmode.
AboutoptimizingcodeByusingthecodeoptimizationsettingsinMicrosoftFrontPage,youcanreducetheamountofnon-standardHTMLorothercodeinyourWebpages.ThiscanmakeiteasiertoeditpagesinCodeview.Itcanalsohelpyoureducethefilesizesofyourpagesandhelpsitevisitorsopenyourpagesmorequickly.
Youcanoptimizeyourcodewhenyouauthoryourpages,whenyoupublishthemtoyourWebsite,orboth.IfyouchoosetooptimizeyourcodewhenauthoringyourWebpages,FrontPageremovesspecifictypesofcodefromthosepageswhenyoueditthem.Forexample,ifyouopenaWebpageyoucreatedbyusingMicrosoftWord,FrontPageremovesWord-specificcodefromthatpage.
IfyouchoosetooptimizeyourcodewhenpublishingyourWebpages,FrontPageremovesspecifictypesofcodefromthosepagesonlywhenyoupublishthemtoyourremoteWebsite.Itmaintainsthatcodeinthepagesonthelocalsite.Thismeansthatyoucancontinuetoseethecodewhenyou'reeditingthepagesinthelocalsite,butyouandyoursitevisitorscannotseethecodeincopiesofthepagesontheremotesite.
YoucanenableFrontPagetoremovethesetypesofcode:
StyleinformationgeneratedbyMicrosoftWordVectorMarkupLanguage(VML)graphicsgeneratedbytheMicrosoftOfficeDrawingToolsMetatagsaddedbyotherprograms,includingGeneratorandProgIDtagsCellformattingattributesTracingimageattributesCommentsforscripts,DynamicWebTemplates,orHTMLHTMLtagsthatdonotcontaincontentHTMLleadingwhitespaceorallHTMLwhitespace
Inaddition,youcanenableFrontPagetomergetagsappliedtoadjacentpageelements.Forexample,ifyouencounterside-by-side<b>tagsincode,suchas<b>Example</b><b>1</b>,youcanhaveFrontPageremovetheredundantadjacenttags,resultinginthecleanercode<b>Example1</b>.
SomecodeoptimizationsettingsaredesignedspecificallyforauthoringWebpages,whileothersaredesignedspecificallyforpublishingpages.Therefore,somesettingsmaynotbeavailableforbothauthoringandpublishingpages.
Specifyauthoringmodesettings1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.2. IntheFrontPageandSharePointtechnologieslist,selecttheauthoring
modeyouwant.
NoteWhenyouturnonsupportforauthor-timeWebcomponents,supportforlinkbarsandsharedbordersisnotautomaticallyturnedonaswell.Toturnsupportonoroffforlinkbarsorsharedborders,selectorcleartheNavigationorSharedBorderscheckbox.
TurnsettingsonoroffforoptimizingHTML1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheToolsmenu,clickOptimizeHTML.3. Selectthesettingsthatyouwant.
NoteIfyouselecttheAllHTMLcommentscheckboxortheDynamicWebTemplatescommentscheckbox,MicrosoftFrontPageremovesanydynamicWebtemplatecodeforthatpagewhenyouoptimizeHTML.Therefore,anycontentthepageshareswiththedynamicWebtemplatewillnolongerbevisibletositevisitors.
TurnsettingsonoroffforoptimizingpublishedHTMLBeforeyoucanoptimizeHTMLwhenpublishingapage,youmustsetuparemoteWebsite.
1. InRemoteWebSiteview,ontheWebSitetab,clickOptimizePublishedHTML.
2. OntheOptimizeHTMLtab,selectWhenpublishing,optimizeHTMLbyremovingthefollowingelements.
3. Selectthesettingsthatyouwant.
Notes
MicrosoftFrontPagedoesnotapplythesesettingstoWebpagesthatyouhavealreadypublishedtoyourWebsite.Toapplythesettingstoapage,publishthatpagetoyoursite.YoucanoptimizeHTMLwhenyoupublishfromthelocalWebsitetotheremotesite,butnotfromtheremotesitetothelocalsite.IfyouselecttheAllHTMLcommentscheckboxortheDynamicWebTemplatescommentscheckbox,FrontPageremovesanydynamicWebtemplatecodeforthatpagewhenyouoptimizeHTML.Therefore,anycontentthepageshareswiththedynamicWebtemplatewillnolongerbevisibletositevisitors.
ShowAll
Turnsupportforframesonoroff1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.2. Toturnsupportforframesonoroff,selectorcleartheFramescheckbox.
TurnsupportonoroffforfeaturesthatrequireFrontPageServerExtensionsIfyourWebsiteislocatedonaserverrunningFrontPageServerExtensionsfromMicrosoft,youcanturnsupportonoroffforfeaturesthatarecompatiblewithyourWebserver:
1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.
2. SelectorcleartheBrowse-timeWebComponentscheckbox.
ShowAll
TurnsupportforVMLgraphicsonoroff1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.2. ToturnsupportforVectorMarkupLanguage(VML)onoroff,selector
cleartheVMLgraphics(Officedrawing)checkbox.
NoteWhenyouturnonsupportforVMLgraphics,supportfordownlevelimagefiles—graphicformatsthatarecompatiblewithbrowsersthatdonotsupportVML—isautomaticallyturnedonaswell.Toturnsupportfordownlevelimagefilesonoroff,selectorcleartheDownlevelimagefilecheckbox.
TurnsupportforActiveServerPagesonoroff1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.2. SelectorcleartheActiveServerPagescheckbox.
NoteIfyouturnoffsupportforActiveServerPages,somemenucommandsmaybeunavailable,andyoumaybeunabletoeditsomeWebpages.
ShowAll
TurnsupportforActiveXcontrolsonoroff1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.2. ToturnsupportforActiveXcontrolsonoroff,selectorcleartheActiveX
controlscheckbox.
NoteIfyouspecifybrowsercompatibilitysettingsthatfavorNetscapeNavigator,ActiveXcontrolsaredisabledbydefault.IfyouoverridethedefaultandenableActiveXcontrols,yourWebsitemightnotbedisplayedproperly,oritmightcontainerrors.
ShowAll
TurnsupportforJavaappletsonoroff1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.2. ToturnsupportforJavaappletsonoroff,selectorcleartheJavaapplets
checkbox.
ShowAll
Turnsupportforscriptsonoroff1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.2. Dooneofthefollowing:
ToturnsupportforMicrosoftVisualBasicScriptingEdition(VBScript)onoroff,selectorcleartheVBScriptcheckbox.ToturnsupportonoroffforECMAScriptasdefinedbythespecificationoftheEuropeanComputerManufacturersAssociation,suchasJScriptorJavaScript,selectorcleartheJavaScript/JScriptcheckbox.
NoteIfyouspecifyintheBrowserslistthatyourWebsiteshouldbecompatiblewithNetscapeNavigatoronly(andselectanybrowserversion),orBothInternetExplorerandNavigator,supportforVBScriptisturnedoffbydefault.IfyouselectVBScriptanyway,yoursitevisitorsmightencounterscripterrors.
Turnsupportforprogram-specificmetatagsonoroff1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.2. SelectorcleartheGeneratorandProgIDtagscheckbox.
ShowAll
Turnsupportforsharedbordersonoroff1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.2. Toturnsupportforsharedbordersonoroff,selectorcleartheShared
Borderscheckbox.
ShowAll
AbouthyperlinksAhyperlinkisalinkfromoneWebpageorfiletoanother,includingapictureormultimediafile,ortoane-mailaddressorprogram.Whenasitevisitorclicksthehyperlink,thedestinationisdisplayedinaWebbrowser,opened,orran,dependingonthetypeofthedestination.
Forexample,ahyperlinktoapagedisplaysthepageintheWebbrowser,andahyperlinktoanAudioVideoInterleave(AVI)fileopensthefileinamediaplayer.
Waystousehyperlinks
TonavigatetoafileorWebpageonanetwork,intranet,orInternet
TonavigatetoafileorWebpagethatyouplantocreateinthefutureTodesignateapictureasahyperlinktoadestination
Tosendane-mailmessage
Tostartafiletransfer,suchasdownloadingafileorsendingafilebyFTPTogotoabookmark
Afteryoucreateahyperlink,followittoverifythatitgoestothedestinationpage,file,e-mailaddress,program,orbookmarkyouintended.Whenasitevisitorpointstotextorapicturethatcontainsahyperlink,thepointerdepictsahand ,indicatingthattheusercanclicktheitem.MicrosoftFrontPagefollowshyperlinksanddisplaysthemindifferentwaysdependingonthedestination:
ThedestinationisaWebpageFrontPageopensthepageforeditinginPageview.ThedestinationisabookmarkFrontPageopensthepageandscrollsdowntothebookmark.ThedestinationisafileFrontPageopensthefileinitsassociateeditor.Forexample,FrontPageopensatextfileinNotepad.ThedestinationisnotinthecurrentWebsiteFrontPageopensacopyofthedestinationWebpageorfile.
HowURLswork
Whenyoucreateahyperlink,itsdestinationisencodedasaUniformResourceLocator(URL).
AURLisanaddressthatspecifiesaprotocol(suchasHTTPorFTP),anditcontainsaWebserverornetworklocation,path,andfilename,asshowninthefollowingtable:
Example Descriptionhttp:// Protocolwww.example.com Webserveroffice/productinfo/ Pathdefault.htm Filename
AbsoluteandrelativeURLS
AnabsoluteURLcontainsafulladdress,includingtheprotocol,theWebserver,thepath,andthefilename.ArelativeURLhasoneormoremissingpartsoftheaddress.ThemissinginformationistakenfromthepagethatcontainstheURL.Forexample,iftheprotocolandWebserveraremissing,theWebbrowserusestheprotocolanddomainofthecurrentpage.
ItiscommonforpagesinaWebsitetouserelativeURLsthatcontainonlyapartialpathandfilename.Ifthefilesaremovedtoanotherserver,anyhyperlinkswillcontinuetoworkaslongastherelativepositionsofthepagesremainunchanged.Forexample,ahyperlinkonProducts.htmpointstoapagenamedApple.htminafoldernamedFood;ifbothpagesaremovedtoafoldernamedFoodonadifferentserver,theURLinthehyperlinkwillstillbecorrect.
Usingtextorpicturesashyperlinks
Youcancreateahyperlinktobetextorapicture.
AtexthyperlinkisawordorphrasethatyouassignadestinationURL.
ApicturehyperlinkisapicturethatyouassignadestinationURLinoneoftwoways:
Youcanallocatetheentirepicturetobeadefaulthyperlink.Inthiscase,thesitevisitorcanclickanypartofthepicturetodisplayitsdestination.Forexample,abuttonisapicturewithadefaulthyperlink.Youcanassignthepicturetooneormorehotspots,whicharehyperlinkregionsonthepicture.Apicturethatcontainshotspotsiscalledanimagemap.Forexample,animagemapcanbeapicturethatrepresentsdifferentpartsofaWebsite(suchasthehomepage,acatalogpage,andsoon).Thesitevisitorclicksacertainareaoftheimagemaptodisplaythecorrespondingpage.
Howhyperlinksaredisplayed
Webbrowsersusuallyunderlinetexthyperlinksanddisplaytheminadifferentcolor.Forexample,thisishowahyperlinkmightlook.
Hyperlinksonapicturearenotalwaysvisible.However,asitevisitorcantellthatapicturehasahyperlinkbypositioningthemousepointeroverit.Themousepointerchangesappearance,usuallytoapointinghand .Forexample,positionyourmousepointeroverthefollowingbutton:
Toemphasizeahyperlinkevenmore,youcanalsoaddDynamicHTML(DHTML)effectsoranimationtohyperlinks,asshowninthefollowingillustration:
Ahyperlinkshouldalsoprovideavisualcueaboutwhereitleads;forexample,youcouldusethehyperlinksbelowtoleadtoaWebsite'shomepage:
HomePage
Settingcolorsforhyperlinks
YoucanchoosethecolorsthataWebbrowserwillusefordisplayinghyperlinks.IfyouusestandardHTMLattributes,youcanselectthreecolorstousefora
hyperlink,dependingonitsstatus:
HyperlinkAhyperlinkthathasnotbeenselected
ActivehyperlinkAhyperlinkthatiscurrentlyselected
VisitedhyperlinkAhyperlinkthathasalreadybeenfollowed
NoteIfyouuseCascadingStyleSheets(CSS),youcanalsocontrolthecolorthehyperlinkshowswhenthesitevisitorreststhepointeroverit.CSScanalsoaddotherattributestoyourhyperlinks.SeetheFrontPageStylestopicsformoreinformation.
Usingbookmarks
Abookmarkisalocationorselectedtextonapagethatyouhavemarked.
Youcanusebookmarksasadestinationforahyperlink.Forexample,ifyouwanttodisplayacertainsectionofapagetothesitevisitor,addahyperlinkwiththebookmarkasitsdestination.Whenthesitevisitorclicksthehyperlink,therelevantpartofthepageisdisplayedratherthanthetopofthepage.
Youcanalsouseoneormorebookmarkstofindlocationsonapage.Forexample,addabookmarktoeachmainheadingonapage.Whenyouareeditingthepage,youcanquicklyfindeachsectionbygoingtothecorrespondingbookmark.
Ifyoubookmarkalocation(ratherthantext),thebookmarkisindicatedinFrontPageby .Ifyoubookmarktext,thetextdisplayswithadashedunderline.
Managinghyperlinks
RenamingandmovingfilesinyourWebsite
WhenyourenameafileinyourWebsite,MicrosoftFrontPagecheckstoseewhetherthereareanyhyperlinkstothefile.Ifthereare,FrontPageupdatesthehyperlinkswiththenewfilename.WhenyoumoveafileinyourWebsite(forexample,toafolderorsubfolder),FrontPageautomaticallyupdatesanyhyperlinkstothatfilewithitsnewlocation.
Testingandrepairingbrokenhyperlinks
BeforeyoupublishaWebsite,youshouldalwaystestallhyperlinks.IfyourWebsitecontainsabrokenhyperlink(onethathasaninvaliddestinationURL),whenthesitevisitorclicksthehyperlinktheWebbrowserdisplaysanerrormessage.ThecausemightbeassimpleasamistypedURLoraURLthatpointstoapagethatyoudeletedfromyourWebsite.IfthedestinationisanotherpageontheWorldWideWeb,thepagemighthavebeenmovedordeleted.
ShowAll
CreateahyperlinkInPageview,atthebottomofthedocumentwindow,clickDesign ,andthendooneofthefollowing:
Createahyperlinktoanexistingpageorfile
1. Selectthetextorthepicturethatyouwanttouseasthehyperlink.
Ifyoudonotselecttextorapicture,thedestinationURLisdisplayedasthehyperlinktext.
2. OntheStandardtoolbar,clickInsertHyperlink .3. UnderLinkto,clickExistingFileorWebPage.4. Selectthepageorfileyouwanttouseasadestination.
Createahyperlinktoanewpage
1. Selectthetextorthepicturethatyouwanttouseasthehyperlink.
Ifyoudonotselecttextorapicture,thedestinationURLisdisplayedasthehyperlinktext.
2. OntheStandardtoolbar,clickInsertHyperlink .3. UnderLinkto,clickCreateNewDocument.
4. IntheNameofnewdocumentbox,typethenameofthefileyouwanttocreateandlinkto.
Ifyouwanttocreateadocumentinadifferentlocation,underFullPath,clickChange,browsetothelocationwhereyouwanttocreatethefile,andthenclickOK.
5. UnderWhentoedit,specifywhetheryouwanttoeditthefilenoworlater.
CreateahyperlinktoapageorfileontheWorldWideWeb
1. Selectthetextorthepicturethatyouwanttouseasthehyperlink.
Ifyoudonotselecttextorapicture,thedestinationURLisdisplayedasthehyperlinktext.
2. OntheStandardtoolbar,clickInsertHyperlink .3. UnderLinkto,clickExistingFileorWebPage,andthenclickBrowse
theWeb .4. InyourWebbrowser,browsetothepagethatyouwanttolinkto,andthen
pressALT+TABtoswitchbacktoMicrosoftFrontPage.ThelocationofthepageyouvisitedisdisplayedintheAddressbox.
Createahyperlinktoane-mailaddress
1. Selectthetextorthepicturethatyouwanttouseasthehyperlink.
Ifyoudonotselecttextorapicture,thedestinationURLisdisplayedasthehyperlinktext.
2. OntheStandardtoolbar,clickInsertHyperlink .3. UnderLinkto,clickE-mailAddress.4. Typethee-mailaddressyouwantintheE-mailaddressbox,orselectane-
mailaddressintheRecentlyusede-mailaddressesbox.5. IntheSubjectbox,typethesubjectofthee-mailmessage.
NoteSomeWebbrowsersande-mailprogramsmaynotrecognizethesubjectline.
Createahyperlinktoabookmark
1. Selectthetextorthepicturethatyouwanttouseasthehyperlink.
Ifyoudonotselecttextorapicture,thedestinationURLisdisplayedasthehyperlinktext.
2. OntheStandardtoolbar,clickInsertHyperlink .3. UnderLinkto,clickExistingFileorWebPage.4. Selectthepagethatcontainsthebookmark,andthenclickBookmark.
5. UnderSelectanexistingplaceinthedocument,clickthebookmarkyouwanttouseasthedestination,andthenclickOK.
ShowAll
EditahyperlinkChangethetextofahyperlink
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthehyperlinktext,andtypethenewtext.
Changethedestinationofahyperlink
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthehyperlink,andclickHyperlinkPropertiesontheshortcut
menu.3. IntheAddressbox,enterthehyperlinkdestinationyouwant.
Changethetargetframe
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthetextorpicturethatyouareusingasahyperlink,andthenclick
InsertHyperlink .3. IntheEditHyperlinkdialogbox,clickTargetFrame,andthendooneof
thefollowing:
Chooseatargetframewithinyourframespage
IntheTargetFramedialogbox,theCurrentframespageareashowsamapofyourframespage.Clickintheframeyouwouldliketosetasthetargetframe.
Chooseatargetframeeitherwithinyourframespageoroutsideofit
IntheTargetFramedialogbox,theCommontargetsareagivesyouseveraltargetframeoptions.Clickoneoftheoptionstoselectatargetframe.
ShowAll
AddfonteffectstoahyperlinkYoucanaddeffectstohyperlinkssothatwhenasitevisitorpositionsthepointeroverthehyperlink,itsfontchanges.Forexample,youcansetthehyperlinktochangetoalarger,bold,redfont.However,whenyousetfonteffects,yousetthemforallhyperlinksonthepage,ratherthanforindividualhyperlinks.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthepage,clickPagePropertiesontheshortcutmenu,andthen
clicktheAdvancedtab.3. UnderStyles,selecttheEnablehyperlinkrollovereffectscheckbox.4. ClickRolloverStyle.5. Settherolloverpropertiesforhyperlinksonthecurrentpage.
Notes
Youcannotaddeffectstoahyperlinkifthepageusesatheme.HyperlinkrolloverstylesuseDynamicHTML(DHTML),sosomeWebbrowsersmaynotsupportthisfeature.
ShowAll
Sethyperlinkcolors1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthepage,andthenclickPagePropertiesontheshortcutmenu.3. ClicktheFormattingtab.4. UnderColors,intheHyperlink,Visitedhyperlink,andActivehyperlink
boxes,selectthecolorsyouwanttouse.
NoteIfthepageusesatheme,someofthesesettingsmaynotbeavailable.
SettheScreenTipforahyperlink1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthehyperlink,andthenclickInsertHyperlink .3. ClickScreenTip.4. Typethetextyouwanttoappearwhenasitevisitorreststhemousepointer
overthehyperlink,andclickOK.
ShowAll
RemoveahyperlinkInPageview,atthebottomofthedocumentwindow,clickDesign ,anddooneofthefollowing:
Deletethehyperlinkcompletely,includingthehyperlinktext
SelectthehyperlinkandpressDELETE.
Preservethehyperlinktextbutdeletethehyperlinkassociatedwithit
1. SelectthehyperlinkandclickInsertHyperlink .2. ClickRemoveLink.
ShowAll
CreateabookmarkonaWebpage1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selectthetexttowhichyouwanttoassignabookmark.3. OntheInsertmenu,clickBookmark.4. UnderBookmarkname,typeorselectthenameofthebookmark(spaces
areallowed).
NoteIfyoubookmarkalocation(ratherthantext),thebookmarkisindicatedinFrontPageby .Ifyoubookmarktext,thetextdisplayswithadashedunderline.
ShowAll
GotoabookmarkonaWebpage1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheInsertmenu,clickBookmark.3. IntheOtherbookmarksonthispagebox,clickthebookmarkyouwantto
find.4. ClickGoto.
ShowAll
Addatemporarybookmarktocode1. InPageview,atthebottomofthedocumentwindow,clickCode .2. Placetheinsertionpointwhereyouwanttoinsertthetemporarybookmark.3. PressCTRL+F2.
Tip
WhenworkingwithaWebpagethatcontainsseveraltemporarybookmarks,pressF2tojumpaheadtothenexttemporarybookmark,orpressSHIFT+F2tojumpbacktotheprevioustemporarybookmark.
Removeabookmark1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheInsertmenu,clickBookmark.3. IntheOtherbookmarksonthispagebox,clickthebookmarkyouwantto
delete.4. ClickGoto.5. ClickClear.
ShowAll
TroubleshoothyperlinksMyhyperlinkgoestoawrongdestination.
Thiscanbecausedbyoneoffollowing:
ThedestinationmayhavebeenenteredincorrectlyMakesurethehyperlinkdestinationiscorrect.TheoriginaldestinationmayhavemovedtoadifferentlocationUseyourInternetbrowsertolocatethedestinationtoensurethatitstillexists.
NothinghappenswhenIclickahyperlink.
Thiscanhappenwhenthetextyoubelieveisahyperlinkonlylookslikeahyperlink.Tomakesurethetextisahyperlink,dothefollowing:
1. Selectthetext,andthenclickInsertHyperlink .2. IntheAddressbox,confirmthatthereisavalidURL.
WhenIclickahyperlink,itreturnsa404errormessage.
Thiscanbecausedbyoneofthefollowing:
ThedestinationmayhavemovedormaynolongerexistVerifythatthefileexistsbyviewingthedestinationfilewithyourInternetWebbrowser(ifthefileisontheInternet),orwithMicrosoftWindowsExplorer(ifthefileisonyourharddriveoranetwork).YoumaynothaveaccesstothedestinationIfthedestinationfileisontheInternet,makesureyouhaveaconnectiontotheInternet.TheremaybeatechnicalproblemIfyoubelievethatthefileyouarelinkingtoexists,andthatyouhavepermissiontolinktoit,trydeletingyourtemporaryInternetfiles.
How?
1. OpenInternetExplorer.
2. OntheToolsmenu,clickInternetOptions.3. UnderTemporaryInternetFiles,clickDeleteFiles.
WhenIclickahyperlink,itreturnsa403errormessage.
Youmaybetryingtolinktoapageordirectorythatdoesnothaveanonymousbrowsingpermissions.
Ifthedestinationisonanetwork,contactyournetworkadministratortoensurethatyouhaveaccesstothedestinationfile.
Myhyperlinkgoestothewrongframe.
Thisisoftencausedbyincorrectlysettingupthetargetframeforyourhyperlink.Tochangethetargetframe,dothefollowing:
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthehyperlink,andthenclickInsertHyperlink .3. IntheInsertHyperlinkdialogbox,clickTargetFrameandthendoone
ofthefollowing:
Chooseatargetframewithinyourframespage
IntheTargetFramedialogbox,theCurrentframespageareashowsamapofyourframespage.Clicktheframeyouwouldliketosetasthetargetframe.
Chooseatargetframeoutsideyourframespage(inanewwindow)
IntheTargetFramedialogbox,underCommontargets,clickNewWindow.
Myscreentipdoesn'tappearwhenIhoveronmyhyperlink.
MicrosoftFrontPageusesthetitleattributetospecifythescreentipforahyperlink.SomeWebbrowsersdonotsupportthetitleattribute.
ShowAll
AboutcreatinganavigationstructureWhenyoudesignyourWebsite,oneofthemostimportantconsiderationsisprovidingalogicalnavigationstructure,allowingsitevisitorstofindthecontenttheywantquicklyandeasily.Youwanttoensurethatsitevisitorsalwaysknowwheretheyareinthesite,andprovidethemwiththepropercontextforthecontenttheyarereading.
MicrosoftFrontPageincludesthefollowingmethodstohelpyouaddanavigationstructuretoyourWebsite:
Linkbars
AlinkbarisasetofhyperlinksthatenablesitevisitorstonavigatetothepagesinyourWebsite.Youplacelinkbarsinaprominentandconsistentlocationoneachpage,andtheyactasamaptothepagesyoudesignate.Youcancreatelinkbarswitheithergraphicortexthyperlinks.
WhenyoucreateyourWebsite,youcaneithercreatelinkbarsthatyouspecifythelinksfor,oraddalinkbarthatisbasedonthenavigationstructureofyoursite.FrontPagemaintainsthelinkbarsyoucreate;ifyoumoveoraddapage,FrontPageupdatesthelinkbaraccordingly.
Youcanformatyourlinkbarsinthefollowingways:
Youcanplacelinkbarshorizontallyorverticallyonapage.Youcanaddmorethanonelinkbartoeachpage,forexampletonavigatetodifferentpagelevels.Youcanchangethestyleofalinkbarthatusesbuttonsinsteadoftext.
ThetypesoflinkbarsthatyoucanaddtoyourWebsiteincludethefollowing:
Linkbarsbasedonanavigationstructure
AfteryouhavedesignedyourWebsiteanddeterminedahierarchicalandlogicalflowforthecontent,youcanaddalinkbarbasedonthatnavigationstructure.Thestructuredetermineswhichhyperlinksyouwillassigntothelinkbar,and
thenodelabelsdeterminethelabelsforthosehyperlinks.
ThefollowingexampleshowsthestructureofaWebsiteinNavigationviewandanexplanationoftherelationshipsamongthepagesinthesite:
HomepageThefirstpagethatisaddedtoanavigationstructureistypicallynamedDefault.htmorIndex.htm,andisindicatedbythehomepageicon
.Intheprecedingexample,Homeisthehomepage.
GloballevelpagesThesepagesareatthesamelevelas—butdonotinclude—thehomepage.Intheprecedingexample,thegloballevelpageisContacts.
ParentlevelpagesThesepagesarelocateddirectlyaboveanotherpageorpages,includingpagesthataredirectlyconnectedtotheparentlevelpageonthesamelevel(withtheexceptionoftheHomepage).Intheprecedingexample,theparentlevelpageforWhat'sNewisHome.
ChildlevelpagesOneormorepagesthatarelocateddirectlybelowaparentlevelpage.Intheprecedingexample,Homehasthreechildlevelpages(What'sNew,Products,andServices),Contactshasonechildlevelpage(Jobs),andProductshastwochildlevelpages(SearchandOrdering).
SamelevelpagesPagesthatareonthesamelevelinthehierarchicalstructureandsharethesameparentlevelpage.Intheprecedingexample,What'sNew,Products,andServicesaresamelevelpages;SearchandOrderingarealsosamelevelpages.
BackandnextpagesIntheprecedingexample,ifyouaddalinkbarthatincludesbackandnextlinkstotheProductspage,thenextlinkdirectsthesitevisitortoServicesandthebacklinkdirectsthesitevisitortoWhat'sNew.
Whenyouaddalinkbarthatincludesbackandnextlinks,FrontPagereliesonthenavigationstructureoftheWebsitetoautomaticallysetupthoselinks.Youcanaddhyperlinkstothehomepageandtotheparentlevelpageoftheactivepagebyusingthelinkbarpropertiesdialogbox.Additionally,inNavigationview,youcancreatelinkstoexternalWebpages.
Customlinkbars
Whenyouaddacustomlinkbar,youcanlinktoanyofthepageswithinyourWebsite,aswellastoexternalpages.Youcansetthelinkbarupinanywaythatyouwant,youcanaddbackandnextlinks,andyoucanaddandremovepagesfromitatanytime.
Tableofcontents
YoucanconfigureFrontPagetoautomaticallygenerateatableofcontentsbasedonthecategoriesthatyouassigntoyourpages.ForusersofFrontPageclientsoftwarethatconnecttoserversrunningFrontPageServerExtensionsorSharePointTeamServicesv1.0fromMicrosoft,youcanconfigureFrontPagetoautomaticallygenerateatableofcontentsbasedonthenavigationstructureofyourWebsite.WhiletheactuallinksdonotdisplayinFrontPage,theydointheWebbrowser.ThisfunctionalityisnotavailableifyouconnecttoaserverthatisrunningMicrosoftWindowsSharePointServices.
Whenyoucreateasitemap,youselectthecategoriesthatyouwantandcreateaTableofContents,andthismakesupthelistofallthepagesbelongingtothosecategories.Forexample,ifyousellappliances,yoursitemapmighthavecolumnsofhyperlinksforLargeAppliances,SmallAppliances,andCustomerService.Youcancreatethiskindofsitemapbyusingcategories.
Youcanformatyourtableofcontents—forexample,changetheheadingfontsize—andyoucanalsosetitsothatFrontPageautomaticallyrecalculatesthetableofcontentswheneveryoueditapageinyourWebsite.
Sitemaps
ForapersonalorsmallWebsite,youcancreateasitemapwithalistofhyperlinkstoalltheWebsite'spages,byusingtheTableofContentsWebcomponent.
ForacorporatepresenceorlargeWebsite,asitemaptypicallycontainslistsofhyperlinkstopagesindifferentsubsites,categories,orothergroupsorganizedunderlogicalheadings.Forexample,ifyousellappliances,yoursitemapmighthavecolumnsofhyperlinksforLargeAppliances,SmallAppliances,andCustomerService.Youcancreatethiskindofsitemapbyusingcategories.
Representsthecategoriesthatyouhaveassignedtospecificpages
Representsthepagesthatyouhaveassignedtoacertaincategory
ShowAll
Createanavigationstructure1. OntheViewmenu,clickNavigation,anddooneormoreofthefollowing:
Addanexistingpage
IntheFolderList,clickthepagethatyouwant,andthendragittoalocationinthenavigationstructure.
IftheFolderListishidden,ontheViewmenu,clickFolderList.
Addanewpageunderanexistingpage
Inthenavigationstructure,right-clickthepage,pointtoNew,andthenclickPageontheshortcutmenu.
Moveapage
Inthenavigationstructure,dragthepagetoanotherlocationwithinthestructure.
Removeapage
Inthenavigationstructure,right-clickthepage,andthenclickDeleteontheshortcutmenu.
2. Tosaveyoureditswithoutswitchingviews,right-clickthedocumentwindowbackground,andthenclickApplyChangesontheshortcutmenu.
CustomizeNavigationviewIfyoucreateanavigationstructureinNavigationview,youcancustomizehowthatstructureisdisplayed.
To DoThis
Zoominorout
Right-clicktheviewbackground,pointtoZoomontheshortcutmenu,andthenclickthepercentagethatyouwanttozoominorout.
Automaticallysizealargenavigationstructuretofitintotheview
Right-clicktheviewbackground,pointtoZoomontheshortcutmenu,andthenclickSizetoFit.
Changetheorientationofhowthestructureisdisplayed
Right-clicktheviewbackground,andthenclickPortrait/Landscapeontheshortcutmenu.
Expandallofthesubtrees(thepagesbelowaparentpage)sothatyoucanseetheentirenavigationstructure
Right-clicktheviewbackground,andthenclickExpandAllontheshortcutmenu.
Showorhideonlythepagesinasubtree
Right-clickanypageinthesubtree,andthenclickViewSubtreeOnlyontheshortcutmenu.
ShowAll
AddalinkbartoaWebpage1. OpenyourWebsiteinPageview.2. Placetheinsertionpointwhereyouwanttoaddthelinkbar.3. OntheInsertmenu,clickNavigation.4. IntheComponenttypelist,clickLinkBars.5. Dooneofthefollowing:
Addalinkbarwithcustomlinks
1. IntheChooseabartypelist,clickBarwithcustomlinks,andthenclickNext.
2. Clickthelinkbarstylethatyouwanttouseforthislinkbar.3. ClickNext.4. Clickthepageorientationthatyouwant,andthenclickFinish.5. Dooneofthefollowing:
Addanewlinkbar
1. ClickCreatenew.2. Typeanameforthenewlinkbar,andthenclickOK.3. ClickAddlink.4. IntheTexttodisplaybox,typethetextthatyouwanttoappearonthe
linkbar,andthenclickOK.5. Locateandclickthepagethatyouwantthecustomlinkbartolinkto.6. Repeatsteps3through5foreachlinkthatyouwanttoaddtothelink
bar.7. Tosettheorderforhowyouwantsitevisitorstoviewthelinksonthe
linkbar,clicktheMoveuporMovedownbutton.
Addanexistinglinkbar
UnderChooseexisting,clickthenameofthelinkbarthatyouwanttouse,andthenclickOK.
Addalinkbarwithbackandnextlinks
1. IntheChooseabartypelist,clickBarwithbackandnextlinks,andthenclickNext.
2. Clickthelinkbarstylethatyouwanttouseforthislinkbar.3. ClickNext.4. Clickthepageorientationthatyouwant,andthenclickFinish.5. Dooneofthefollowing:
Createanewlinkbar
1. ClickCreatenew.2. Typeanameforthenewlinkbar,andthenclickOK.3. ClickAddlink.4. IntheTexttodisplaybox,typethetext(suchasbackornext)that
youwanttoappearonthelinkbar.5. Locateandclickthepagethatyouwanttolinktofromthecustomlink
bar,andthenclickOK.6. Repeatsteps3through5foreachlinkthatyouwanttoaddtothelink
bar.7. Tosettheorderforhowyouwantsitevisitorstoviewthelinksonthe
linkbar,clicktheMoveuporMovedownbutton.
NoteDependingonwhereitisinthelist,youcanlinktoanexternalpagebyusingtheBackorNextlinkonthelinkbar.However,youcannotaddthesamelinkbartoapagethatisnotintheactiveWebsite.
Useanexistinglinkbar
IntheChooseexistingbox,clickthenameofthelinkbarthatyouwanttouse,andthenclickOK.
Addalinkbarbasedonthenavigationstructure
NoteToaddalinkbarbasedonthenavigationstructure,youmusthavealreadycreatedthenavigationstructureforyourWebsiteinNavigationview.
1. IntheChooseabartypelist,clickBarbasedonnavigationstructure,andthenclickNext.
2. Clickthelinkbarstylethatyouwanttouseforthislinkbar.3. ClickNext.
4. Clickthepageorientationthatyouwant,andthenclickFinish.5. UnderHyperlinkstoaddtopage,clickthehyperlinkoptionsforthelink
barthatyouwanttoadd,andthenclickOK.
Tip
Whenperformingthisprocedure,considerthelevelofthepagethatyouareaddingthelinkbarto.Forexample,ifyouareaddingalinkbartoyourhomepage,chooseeitherChildpagesunderHomeorChildleveltolinktothepagesatalevelbeneaththehomepage.
ShowAll
AddahyperlinktoalinkbarDooneofthefollowing:
Addahyperlinkbasedonthenavigationstructure
1. InNavigationview,right-clickthepageinthestructurethatyouwanttoaddahyperlinkto,andthenclickAddExistingPageontheshortcutmenu.
2. Locateandclickthefileyouwanttolinkto,andthenclickOK.
3. Tosavethechanges,right-clickthebackgroundinNavigationview,andthenclickApplyChangesontheshortcutmenu.
Addahyperlinktoacustomlinkbar
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Double-clickthelinkbar.3. ClickAddlink.4. LocateandclickthefileyouwanttolinktoandthenclickOK.
ShowAll
EditalinkbarDooneorbothofthefollowing:
Editalinkonalinkbarthatisbasedonthenavigationstructure
Dooneofthefollowing:
Changehyperlinkoptions
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Double-clickthelinkbar.3. UnderHyperlinkstoaddtopage,clickthehyperlinkoptionsthatyou
wanttodisplay,andthenclickOK.
NoteIfyouspecifyhyperlinksthatarenotinthenavigationtree,alinkbarwillnotbedisplayedonthepage.
Excludeapage
1. InNavigationview,right-clickthepagethatyouwanttoexclude.2. ClickIncludedinLinkBarsontheshortcutmenu.
NoteAllchild-levelpagesundertheexcludedpagewillalsobeexcludedbydefault.Ifyoudonotwantthissettingtoaffectachild-levelpage,right-clickthechild-levelpage,andthenclickIncludedinLinkBarsontheshortcutmenu.
Editalinkonacustomlinkbaroralinkbarwithbackandnextlinks
1. InPageview,double-clickthelinkbar.2. Dooneormoreofthefollowing:
Toaddmorelinkstothelinkbar,clickAddlink.Todeletealinkfromalinkbar,clickthelink,andthenclickRemovelink.TochangetheURLorthedisplaytextofalink,clickModifylink.
Tochangetheorderofthelinksonalinkbar,intheLinkslist,clickthelink,andthenclickMoveuporMovedown.
Forlinkbarswithbackandnextlinks,movingthelinksupordownaffectshowthelinksareorderedinrelationtooneanotheronthelinkbar.
ShowAll
ChangethestyleofalinkbarDooneofthefollowing:
Changetheformatofalinkbarthatusestext
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthelinkbar.3. OntheFormatmenu,clickFont,andthenselecttheoptionsyouwant.
Changetheformatofagraphicallinkbar
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Double-clickthelinkbar.3. ClicktheStyletab.4. Clickthelinkbarstylethatyouwanttouseforthislinkbar.
ShowAll
ChangethelabelforhyperlinksinalinkbarDooneofthefollowing:
Changelabelsforalinkbarwithcustomhyperlinks
1. InNavigationview,right-clickthepagelabelthatyouwanttochangethedisplaytextfor.
2. ClickRename.3. Typethenewdisplaytextonthepagelabel,andthenpressENTER.
Changelabelsforalinkbarwithhyperlinksbasedonanavigationstructure
1. OntheToolsmenu,clickSiteSettings.2. ClicktheNavigationTab.3. Typethelabelintheappropriatebox.
Changetheorientationofalinkbar1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Double-clickthelinkbar.3. ClicktheStyletab.4. UnderOrientationandappearance,clicktheorientationthatyouwant.
Printthenavigationstructure1. OntheViewmenu,clickNavigation.2. OntheFilemenu,clickPrint.3. Settheprintingoptions,suchastheprinternameandnumberofcopiesthat
youwant,andthenclickOK.
ShowAll
Deletealinkbar1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthelinkbar,andthenpressDELETE.
NoteIfyoudeletealinkbarfromasharedborder,thelinkbarwillbedeletedfromallpagesusingthatsharedborder.
ShowAll
Troubleshootcreatinganavigationstructure
ThebackandnextlinksdonotlinktothepagesinmyWebsiteintheorderthatIwant.
Youcanresettheorderofthehyperlinksoneitheralinkbarbasedonanavigationstructureoracustomlinkbar.Tochangealinkbarbasedonanavigationstructure,switchtoNavigationview,andthendrageachyellownodetothelocationyouwant.Tochangeacustomlinkbar,dothefollowing:
1. Double-clickthelinkbar.2. Clickthehyperlinkthatyouwanttomove.3. ClickMoveuporMovedown.4. Toresettheorderofadditionalhyperlinksonthelinkbar,repeatsteps2and
3.
ThelinksIaddedtoalinkbararenotrenderingcorrectly.
Ifyouaddlinkbarsinasharedborder,youmustaddthepagesinNavigationviewtoensurethattheyaredisplayedcorrectly.
Alinkbarisrelativetoeachpage,thereforeifyouusealinkbarinsideasharedborder,itmightbeusefulwhenyouviewitfromonepage,butwhenyouviewthelinkbarfromadifferentpage,thehyperlinksmaynotmapcorrectly.Sincealinkbarinsideasharedborderhasthesamesettingsforallpagesusingthesharedborder,youmustbecarefulhowyousetupthelinkbar.
FrontPageisnotgeneratingatableofcontentsbasedonthenavigationstructureofmyWebsite.
YoumustbeconnectedtoaserverrunningFrontPageServerExtensionsfromMicrosoftorSharePointTeamServicesv1.0fromMicrosoft.ThisfunctionalityisnotavailableifyouconnecttoaserverthatisrunningMicrosoftWindowsSharePointServices.
ShowAll
CreateatableofcontentsorsitemapDooneofthefollowing:
Createatableofcontentsbasedonthenavigationstructure
ImportantThisfunctionalityisnotavailableifyouconnecttoaserverthatisrunningMicrosoftWindowsSharePointServices.
1. InPageview,placetheinsertionpointwhereyouwanttocreateatableofcontents.
2. OntheInsertmenu,clickWebComponent.3. IntheComponenttypelist,clickTableofContents.4. IntheChooseatableofcontentslist,clickForThisWebSite,andthen
clickFinish.5. InthePageURLforstartingpointoftablebox,locateandclickthepage
thatyouwanttouseasthestartingpointforthetableofcontents.
Thestartingpointdetermineswhichpagesareleftmostinthetableofcontents.Pagespointedtobyhyperlinksonthestartingpagewillbeindentedonelevelinthetableofcontents.
6. IntheHeadingfontsizelist,selectthefontsizeyouwant.
Createatableofcontentsorsitemapbasedoncategories
1. Assigneachpagethatyouwanttoappearinyourtableofcontentsorsitemaptoacategory.
How?
1. IntheFolderList,right-clickthepagethatyouwanttoassigntoacategory,andthenclickPropertiesontheshortcutmenu.
2. ClicktheWorkgrouptab.3. IntheAvailableCategorieslist,clickthecategorythatyouwantto
assignthepageto.
Ifyouwanttocreateanewcategory,clickCategories,typethenameofthenewcategory,clickAdd,andthenclickOK.
4. Toassignapagetomorethanonecategory,repeatsteps1through3foreachpage.
2. InPageview,placetheinsertionpointwhereyouwanttoaddthefirstcategoryofpagesinthetableofcontentsorsitemap,typeaheading,andthenpressENTER.
3. OntheInsertmenu,clickWebComponent.4. IntheComponenttypelist,clickTableofContents.5. IntheChooseatableofcontentslist,clickBasedonPageCategory,and
thenclickFinish.6. IntheChoosecategoriestolistfilesbybox,selectthecheckboxnextto
eachpagecategoryofthatyouwanttoincludeinyourtableofcontentsorsitemap.
7. IntheSortfilesbybox,dooneofthefollowing:Tosortthelistalphabetically,selectDocumenttitle.Tosortthelistbyfiledates,selectDatelastmodified.
8. UnderIncludethefollowinginformation,dooneormoreofthefollowing:
Toincludethefilemodificationdate,selecttheDatethefilewaslastmodifiedcheckbox.Toincludecommentsthathavebeenaddedtoeachpageinthelist,selecttheCommentsaddedtothefilecheckbox.
9. Repeatthesestepsforeachadditionalpagecategorythatyouwanttoincludeinyourtableofcontentsorsitemap.
NoteToviewthetextonthelinks,ontheFilemenu,pointtoPreviewinBrowser,andthenclicktheWebbrowserthatyouwant.
Tip
Ifyouarecreatingatableofcontentsorsitemaponthesamepageasthestartingpoint,theheadingofthetableofcontentswillbeahyperlinktothesamepage.Forexample,ifyoucreateatableofcontentsonthepageIndex.htm,andthestartingpointisIndex.htm(thesamepage),theheadingofthetablewillbeahyperlinktoIndex.htm.Ifyouwanttoexcludesuchacircularhyperlinkastheheadingofatableofcontentsorsitemap,clickNoneintheHeadingfontsize
box.
ShowAll
AbouthitcountersAhitcountertalliesanddisplaysthenumberoftimesapagehasbeenvisited.YoucanaddahitcountertoyourhomepagesothatyouandsitevisitorscanseehowmanytimesyourWebsitehasbeenvisited,asinthefollowingexample.
Youarevisitor:
MicrosoftFrontPageprovidesseveralstylesofcounters,butyoucansupplyyourownnumbergraphicsbycreatingacustompictureinGIFformat.Thepicturemustincludethenumberszero(0)tonine(9),evenlyspaced.
Afteryouaddahitcountertoapage,youcanresetthecountertoanynumber.Forexample,youtestaWebsiteafteryoupublishittomakesurethatitisworkingproperly,andthenyoufindthatthehitcounterhasbeenincrementedbyyourownvisits.Youcanresetthecountertozerotostartitover.
NoteYoumustpublishyourWebsitetoaWebserverthathastheFrontPageServerExtensions,SharePointTeamServicesv1.0fromMicrosoft,orMicrosoftWindowsSharePointServices2.0installed.AskyourWebserveradministratororInternetserviceprovider(ISP)whetheroneofthesetechnologiesisinstalledonyourWebserver.
ShowAll
Addahitcounter1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointwhereyouwantthehitcounter.3. OntheInsertmenu,clickWebComponent.4. UnderComponenttype,clickHitCounter.5. Dooneofthefollowing:
Chooseanexistingcounterstyle
UnderChooseacounterstyle,double-clickoneoftheofthecounterstyles.
Useacustompictureasacounterstyle
1. UnderChooseacounterstyle,double-clickanyofthecounterstyles.2. IntheHitCounterPropertiesdialogbox,selectCustomPicture.3. TypetherelativelocationoftheGIFfile.
Forexample,iftheGIFislocatedinyourimagesfolder,therelativepathwouldbe/images/yourgif.gif.
NoteThefilemustbeinGIFformat.
6. Tosetthecountertoaspecificnumber,selecttheResetcountertobox,andthentypethenumber.
7. Todisplayafixednumberofdigitsinthehitcounter,selecttheFixednumberofdigitsbox,andthentypethenumber.
Forexample,todisplay005ratherthan5,selectthisoptionandtype3.
NoteToaddahitcountertoyourWebsite,yoursitemustbelocatedonaWebserverrunningMicrosoftFrontPage2002ServerExtensions,SharePointTeamServicesv1.0,orMicrosoftWindowsSharePointServices.AskyourWebserveradministratororInternetserviceprovider(ISP)whetheryourserverisrunningthesetechnologies.
ShowAll
Resetahitcounter1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Double-clickthehitcounter.3. SelecttheResetcountertocheckbox,andthentypeanumberinthebox.
AddatimestamptoaWebpageAtimestampwilldisplayeitherthetimeorthedate,orboth,thatthepagewascreatedorlastchanged.Forexample,atimestampletssitevisitorsknowwhethertheinformationonyoursitehaschangedsincetheirlastvisit.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointwhereyouwanttoaddatimestamp.3. OntheInsertmenu,clickDateandTime.4. Specifythetypeoftimestamptodisplay.5. Specifyaformatforthedateandforthetime.
ShowAll
ShoworhidehighlightingofdynamicelementsIfyouaddaDynamicHTML(DHTML)effecttoapageelement,youcanshoworhideabluebackgroundandborderfortheeffectinDesignview.
Toshoworhidethehighlightingeffect,ontheDynamicHTMLEffectstoolbar,clickHighlightDHTMLEffects .
IftheDHTMLEffectstoolbarishidden,ontheViewmenu,pointtoToolbars,andthenclickDHTMLEffects.
AboutWebcomponentsinFrontPageByusingWebComponentsinMicrosoftFrontPage,youcanaddawidevarietyoffeaturestoyourWebsite,rangingfromhitcountersthatregisterthenumberofvisitorstoapage,tophotogalleriesthatdisplayacollectionofgraphics.
YoucanchoosefromtwotypesofWebcomponents:author-timecomponentsorbrowse-timecomponents.
Author-timecomponentsaretoolsthatcanmakeiteasiertocreateanddesignWebpages.TheyareavailableinFrontPage.Ifyouwanttoaddanauthor-timecomponenttoyoursite—suchasaphotogalleryorlinkbar—youdonotneedtoinstallspecificsoftwareoraspecificservertechnologyontheWebserverthathostsyoursite.
Browse-timecomponentsareavailableonWebsiteslocatedonWebserversrunningFrontPageServerExtensionsfromMicrosoft,SharePointTeamServicesfromMicrosoft,orMicrosoftWindowsSharePointServices.
ShowAll
WebcomponentsthatmaynotbesupportedYoucaninsertmanydifferentWebcomponentsinMicrosoftFrontPagebyusingtheInsertWebComponentdialogbox.Thedialogboxprovidesoptionsforthefollowingitems.
OptionsintheInsertWebComponentdialogbox
DynamicEffects
MarqueeMakestextscrollhorizontallyacrossthescreen.
InteractiveButtonInsertsagraphicalbuttonthatcontainstext.Thebuttonchangeswhenasitevisitorpointstoit.
WebSearch
CurrentWebInsertsasearchformthatsearchesthecontentsoftheactiveWebsite.ThiscomponentrequiresFrontPage2002ServerExtensionsfromMicrosoftorSharePointTeamServicesv1.0fromMicrosoft.
Full-TextSearchEnablesafull-textsearchofyourWebsite.ThiscomponentrequiresWindowsSharePointServices.Full-textsearchmustbeenabledontheserver.
Spreadsheetsandcharts
OfficeSpreadsheetDisplaysdatainaninteractivespreadsheet.
OfficeChartDisplaysdatainaninteractivechart.
OfficePivotTableDisplaysdatainaninteractivePivotTablelist.
HitCounter
EachHitCounteroptioninsertsahitcounterthattalliesanddisplaysthenumberoftimesthepagehasbeenvisited.Choosefromthefollowingcolorcombinations:
GolddigitsonblackbackgroundBlackdigitsonwhitebackground,comicstylefontOrangedigitsonblackbackgroundBlackdigitsonwhitebackground,blockstylefontGreendigitsonblackbackground
PhotoGallery
HorizontalLayoutInsertsahorizontalarrangementofphotos.
MontageLayoutInsertsamontagelayoutofphotos.
SlideShowInsertsaslideshowlayoutofphotos.
VerticalLayoutInsertsaverticalarrangementofphotos.
IncludedContent
SubstitutionInsertsacomponentthatshowstheauthor,description,lastchangeddate,orURL.
PageInsertsacomponentthatdisplaysthecontentsofonepageonanotherpage.
PageBasedonScheduleInsertsacomponentthatdisplaysthecontentsofanotherpageontheactivepageatspecifiedtimes.ThiscomponentrequiresFrontPage2002ServerExtensionsfromMicrosoftorSharePointTeamServicesv1.0fromMicrosoft.
PictureBasedonScheduleInsertsacomponentthatdisplaysapictureontheactivepageatspecifiedtimes.ThiscomponentrequiresFrontPage2002ServerExtensionsorSharePointTeamServicesv1.0.
PageBannerInsertsapagebannerthatisdisplayedasagraphicaltitlebasedonthepagethemeorastext.
LinkBars
BarwithcustomlinksInsertsabarofhyperlinksthatpointtopageswithintheactivesiteortoexternallinks.ThiscomponentrequiresFrontPage2002ServerExtensionsfromMicrosoft,SharePointTeamServicesv1.0fromMicrosoft,orMicrosoftWindowsSharePointServices.
BarwithbackandnextlinksInsertsabarofhyperlinksthatpointtoasequenceofpageswithintheactivesite.
BarbasedonnavigationstructureInsertsalinkbarorabackandnextlinkbarbasedonthenavigationstructureofthesite.
TableofContents
ForThisWebSiteInsertsatableofcontentsfortheactiveWebsite.ThiscomponentrequiresFrontPage2002ServerExtensionsfromMicrosoftorSharePointTeamServicesv1.0fromMicrosoft.
BasedonPageCategoryInsertsatableofcontentsfortheactiveWebsitebasedonchosencategories.
TopTenList
VisitedPagesInsertsacomponentthatshowsthetop10mostvisitedpagesintheactivesite.ThiscomponentrequiresFrontPage2002ServerExtensionsfromMicrosoft,SharePointTeamServicesv1.0fromMicrosoftorMicrosoftWindowsSharePointServices.
ReferringDomainsInsertsacomponentthatshowsthetop10referringdomainsfortheactivesite.ThiscomponentrequiresFrontPage2002ServerExtensions,SharePointTeamServicesv1.0,orWindowsSharePointServices.
ReferringURLsInsertsacomponentthatshowsthetop10referringdomainsfortheactivesite.ThiscomponentrequirestheFrontPage2002ServerExtensions,SharePointTeamServicesv1.0,orWindowsSharePointServices.
SearchStringsInsertsacomponentthatshowsthetop10searchstringsusedinsearchenginestofindtheactivesite.ThiscomponentrequiresFrontPage
2002ServerExtensions,SharePointTeamServicesv1.0,orWindowsSharePointServices.
VisitingUsersInsertsacomponentthatshowsthetop10mostfrequentsitevisitorsfortheactivesite.ThiscomponentrequiresFrontPage2002ServerExtensions,SharePointTeamServicesv1.0,orWindowsSharePointServices.
OperatingSystemsInsertsacomponentthatshowsthetop10mostpopularoperatingsystemsofsitevisitors.ThiscomponentrequiresFrontPage2002ServerExtensions,SharePointTeamServicesv1.0,orWindowsSharePointServices.
BrowserInsertsacomponentthatshowsthetoptenmostpopularWebbrowsersusedtoviewtheactivesite.ThiscomponentrequiresFrontPage2002ServerExtensions,SharePointTeamServicesv1.0,orWindowsSharePointServices.
ListView
BasictableInsertsalistviewcontainingacolumnforeachfieldyouchooseandanewrowforeachiteminthelist.ThiscomponentrequiresSharePointTeamServicesv1.0fromMicrosoft.
RepeatingformInsertsalistviewinarepeatingformstylethatshowsthetitleforaniteminthelistandtheotherfieldsonseparatelinesbelowthetitle.Thislayoutisrepeatedforeachiteminthelist.ThiscomponentrequiresSharePointTeamServicesv1.0.
Repeatingform(centered)Insertsalistviewinacentered,repeatingformstylethatshowsthetitleforaniteminthelistandtheotherfieldsonseparatelinesbelowthetitle.Thislayoutisrepeatedforeachiteminthelist,andalltheinformationiscenter-aligned.ThiscomponentrequiresSharePointTeamServicesv1.0.
RepeatingformwithborderInsertsalistviewinarepeatingformwithtableborders.Itshowsthetitleforaniteminthelistandtheotherfieldsonseparatelinesbelowthetitle.Thislayoutisrepeatedforeachiteminthelist,andeachitemappearsinitsowntablecell.ThiscomponentrequiresSharePointTeamServicesv1.0.
Two-columnrepeatingformwithborderInsertsalistviewthatshowsatwo-columnborderedtablewitheachlistiteminitsowntablecell.ThiscomponentrequiresSharePointTeamServicesv1.0.
CommaseparatedInsertsalistviewthatshowsthetitlesforitemsinthelistwithalltheotherfieldvaluesseparatedbycommasunderneaththetitles.ThiscomponentrequiresSharePointTeamServicesv1.0.
Two-columncommaseparatedInsertsalistviewthatshowsatwo-columnviewofthetitlesforitemsinthelistwithalltheotherfieldvaluesseparatedbycommasunderneaththetitles.ThiscomponentrequiresSharePointTeamServicesv1.0.
BulletedlistoftitlesInsertsalistviewthatshowsabulletedlistofthetitlesforalltheitemsinthelist.ThiscomponentrequiresSharePointTeamServicesv1.0.
NumberedlistoftitlesInsertsalistviewthatshowsanumberedlistofthetitlesforalltheitemsinthelist.ThiscomponentrequiresSharePointTeamServicesv1.0.
PlainlistoftitlesInsertsalistviewthatshowsthetitlesforalltheitemsinthelist,eachonaseparateline.ThiscomponentrequiresSharePointTeamServicesv1.0.
HorizontallistoftitlesInsertsalistviewthatshowsthetitlesforalltheitemsinthelistseparatedbycommasonasingleline.ThiscomponentrequiresSharePointTeamServicesv1.0.
DropdownmenuoftitlesInsertsalistviewthatshowsadrop-downmenuthatcontainsthetitlesforalltheitemsinthelist.ThiscomponentrequiresSharePointTeamServicesv1.0.
PagecomponentInsertsalistviewthatshowsabulletedlistofthetitlesforalltheitemsinthelistinsideabox.ThiscomponentrequiresSharePointTeamServicesv1.0.
HistorylistInsertsalistviewthatshowsthecreationdateforaniteminthelist,thetitleoftheitem,andtheotherfieldsonseparatelinesbelowthetitle.Thislayoutisrepeatedforeachiteminthelist,anditemsareshownin
chronologicalorder.Alltheinformationiscenter-aligned.ThiscomponentrequiresSharePointTeamServicesv1.0.
DocumentLibraryView
BasictableInsertsadocumentlibraryviewthatcontainsacolumnforeachfieldyouchooseandanewrowforeachiteminthelist.ThiscomponentrequiresSharePointTeamServicesv1.0fromMicrosoft.
RepeatingformInsertsadocumentlibraryviewinarepeatingformstylethatshowsthetitleforaniteminthelistandtheotherfieldsonseparatelinesbelowthetitle.Thislayoutisrepeatedforeachiteminthelist.ThiscomponentrequiresSharePointTeamServicesv1.0.
Repeatingform(centered)Insertsadocumentlibraryviewinacentered,repeatingformstylethatshowsthetitleforaniteminthelistandtheotherfieldsonseparatelinesbelowthetitle.Thislayoutisrepeatedforeachiteminthelist,andalltheinformationiscenter-aligned.ThiscomponentrequiresSharePointTeamServicesv1.0.
RepeatingformwithborderInsertsadocumentlibraryviewinarepeatingformwithtableborders.Itshowsthetitleforaniteminthelistandtheotherfieldsonseparatelinesunderneaththetitle.Thislayoutisrepeatedforeachiteminthelist,andeachitemappearsinitsowntablecell.ThiscomponentrequiresSharePointTeamServicesv1.0.
Two-columnrepeatingformwithborderInsertsadocumentlibraryviewthatshowsatwo-columnborderedtablewitheachlistiteminitsowntablecell.ThiscomponentrequiresSharePointTeamServicesv1.0.
CommaseparatedInsertsadocumentlibraryviewthatshowsthetitlesforitemsinthelistwithalltheotherfieldvaluesseparatedbycommasbelowthetitles.ThiscomponentrequiresSharePointTeamServicesv1.0.
Two-columncommaseparatedInsertsadocumentlibraryviewthatshowsatwo-columnviewofthetitlesforitemsinthelistwithalltheotherfieldvaluesseparatedbycommasbelowthetitles.ThiscomponentrequiresSharePointTeamServicesv1.0.
BulletedlistoftitlesInsertsadocumentlibraryviewthatshowsabulletedlistofthetitlesforalltheitemsinthelist.ThiscomponentrequiresSharePointTeamServicesv1.0.
NumberedlistoftitlesInsertsadocumentlibraryviewthatshowsanumberedlistofthetitlesforalltheitemsinthelist.ThiscomponentrequiresSharePointTeamServicesv1.0.
PlainlistoftitlesInsertsadocumentlibraryviewthatshowsthetitlesforalltheitemsinthelist,eachonaseparateline.ThiscomponentrequiresSharePointTeamServicesv1.0.
HorizontallistoftitlesInsertsadocumentlibraryviewthatshowsthetitlesforalltheitemsinthelistseparatedbycommasonasingleline.ThiscomponentrequiresSharePointTeamServicesv1.0.
DropdownmenuoftitlesInsertsadocumentlibraryviewthatshowsadrop-downmenuthatcontainsthetitlesforalltheitemsinthelist.ThiscomponentrequiresSharePointTeamServicesv1.0.
PagecomponentInsertsadocumentlibraryviewthatshowsabulletedlistofthetitlesforalltheitemsinthelistinsideabox.ThiscomponentrequiresSharePointTeamServicesv1.0.
HistorylistInsertsadocumentlibraryviewthatshowsthecreationdateforaniteminthelist,thetitleoftheitem,andtheotherfieldsonseparatelinesbelowthetitle.Thislayoutisrepeatedforeachiteminthelist,anditemsareshowninchronologicalorder.Alltheinformationiscenter-aligned.ThiscomponentrequiresSharePointTeamServicesv1.0.
MSNMappingComponents
LinktoamapInsertsalinkthattakessitevisitorstotheMSNMaps&DirectionsWebsitetoviewadynamicmapwiththelocationalreadymarked.
StaticmapInsertsastaticmapfromMSNMaps&Directionsforaspecificlocation.
MSNComponents
SearchtheWebwithMSNInsertsacomponentonyourpagethatenablessitevisitorstosearchtheWebbyusingMSN.
StockquoteInsertsacomponentonyourpagethatenablessitevisitorstolookupstockquotes.
MSNBCComponents
BusinessHeadlinesfromMSNBCInsertsanMSNBCcomponentthatdisplaysMSNBCbusinessheadlinesonyourpage.
LivingandtravelheadlinesfromMSNBCInsertsanMSNBCcomponentthatdisplaysMSNBClivingandtravelheadlinesonyourpage.
NewsHeadlinesfromMSNBCInsertsanMSNBCcomponentthatwilldisplayMSNBCnewsheadlinesonyourpage.
SportsHeadlinesfromMSNBCInsertsanMSNBCcomponentthatwilldisplayMSNBCsportsheadlinesonyourpage.
TechnologyHeadlinesfromMSNBCInsertsanMSNBCcomponentthatwilldisplayMSNBCtechnologyheadlinesonyourpage.
WeatherforecastfromMSNBCInsertsanMSNBCcomponentthatwilldisplayMSNBCweatherheadlinesonyourpage.
AdditionalComponents
VisualInterDevNavigationBarInsertsaVisualInterDevNavigationBar.ThiscomponentrequiresFrontPage2002ServerExtensionsfromMicrosoftorSharePointTeamServicesv1.0fromMicrosoft.
AdvancedControls
HTMLInsertsHTMLcontentthatwillnotbemodifiedbyFrontPage.
JavaAppletInsertsaJavaapplet.
Plug-InInsertsaplug-in.
ConfirmationFieldDisplaystheinformationthatasitevisitorentersonaform.
ActiveXControlInsertsaMicrosoftActiveXcontrol.
Design-TimeControlInsertsadesign-timecontrol.
MovieinFlashFormatInsertsamovieinMacromediaFlashformat.
PublishscenariosforserversrunningSharePointServices
FromaserverrunningSharePointTeamServicesv1.0fromMicrosofttoaserverthatisnotrunningSharePointTeamServicesv1.0
Somecomponentswillnotworkonthedestinationsite.Toenablethem,youmustpublishthemtoaserverrunningSharePointTeamServicesv1.0.
FromaserverrunningSharePointTeamServicesv1.0toanotherserverrunningSharePointTeamServicesv1.0
FrontPagecannotmoveSharePointServiceslistdataorschemas,evenwhenpublishedbetweentwoserversrunningSharePointTeamServicesv1.0.Topublish,useMicrosoftFrontPage2002withMicrosoftOfficeXPServicePack1orlater.
FromaserverrunningSharePointTeamServicesv1.0toaserverthatisrunningMicrosoftWindowsSharePointServices
FrontPagecannotmoveSharePointServiceslistdataorschemasfromaserverrunningSharePointTeamServicesv1.0toaserverrunningWindowsSharePointServices.Todothis,youmustusethesmigrate.exeutility.SeeWindowsSharePointServicesHelpformoreinformation.
FromaserverrunningWindowsSharePointServicestoaserverthatisnotrunningWindowsSharePointServices
CertaincomponentsrequireaserverrunningWindowsSharePointServicesandcannotbepublished.Youmustinsertcomponentsthatarecompatiblewiththeremoteserver.
FromaserverrunningWindowsSharePointServicestoanotherserverrunningWindowsSharePointServices
FrontPagecannotmoveSharePointServiceslistdataorschemasfromaserverrunningWindowsSharePointServicestoanotherserverrunningWindowsSharePointServices.Todothis,youmustusethesmigrate.exeutility.SeeWindowsSharePointServicesHelpformoreinformation.
ShowAll
AboutJavaappletsAJavaappletisasmallsoftwareprogramwrittenintheJavaprogramminglanguage,aprogramminglanguageusedprimarilyontheWorldWideWeb.ByaddingaJavaapplettoaWebpage,youcanaddspecialeffects,interactivity,andmore.Forexample,youmightaddaninteractivegameorawindowforenteringorviewinginformationonaWebserver.
AJavaappletisstoredinaseparatefilethatyoucanreferenceinaWebpage.AlthoughyoucannotcreateaJavaappletbyusingMicrosoftFrontPage,youcanuseFrontPagetocreateoredittheHTMLcodethatreferencesafileforaJavaapplet.
IfyouopenaWebpageinDesignview,andthatpagecontainsareferencetoaJavaapplet,aniconrepresentingtheapplet appearsonthepage.TheicondoesnotappearwhenyouopentheWebpageinaWebbrowserorwhenyouprinttheWebpage.
AlthoughsomeJavaappletsareself-containedandworkcorrectlyinanylocationonaWebpage,otherJavaappletsaredependentonthestructureofapage.IfyoucopyormovesuchanapplettoanotherWebpage—ortoanotherlocationonaWebpage—theJavaappletmightnotworkcorrectlyoritmightreturnanerrorwhenasitevisitoropensthepageinaWebbrowser.
BecausesomeWebbrowsersprovidesettingsfordisablingorlimitingthefunctionalityofJavaapplets,anappletmayormaynotworkcorrectlyforallofyoursitevisitors.
ImportantSecurityvulnerabilitiesinexternalfilesorcontrolsmayextendtoWebpagesthatusethoseitems.Forexample,externalstylesheets(fileswitha.cssextension),scriptfiles(fileswitha.jsextension),customASP.NETcontrols,orotheritems,mayposeasecurityrisk.Besureyourstylesheets,add-ins,themes,executables,scripts,controls,orotherfilescomefromtrustedsources.
AddaJavaapplet1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheInsertmenu,clickWebComponent.3. IntheComponenttypelist,clickAdvancedControls.4. IntheChooseacontrollist,double-clickJavaApplet.
5. IntheAppletsourcebox,typethenameoftheJavaappletsourcefile.
Javaappletsourcefilesusuallyhavea.classfilenameextension.
6. Selectanyotheroptionsyouwant.
ImportantSecurityvulnerabilitiesinexternalfilesorcontrolsmayextendtoWebpagesthatusethoseitems.Forexample,externalstylesheets(fileswitha.cssextension),scriptfiles(fileswitha.jsextension),customASP.NETcontrols,orotheritems,mayposeasecurityrisk.Besureyourstylesheets,add-ins,themes,executables,scripts,controls,orotherfilescomefromtrustedsources.
ShowAll
SetthepropertiesofaJavaapplet1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clicktheJavaapplet,andthenclickJavaAppletPropertiesonthe
shortcutmenu.3. Doanyofthefollowing:
IntheMessageforbrowserswithoutJavasupportbox,typetheHTMLorplaintextthatwillbedisplayedinplaceoftheJavaappletonWebbrowsersthatdonotsupportJavaapplets.
UnderAppletparameters,specifyanyparameternamesandvalues(ifrequired)youwant.
BecauseJavadoesnotprovideamechanismfordisplayingthevalidpropertiesandvaluesforagivenapplet,consultthedocumentationthatcomeswiththeJavaapplet,andthenspecifythecorrectparameternamesandlegalvaluesforeachparameter.
UnderLayoutandSize,specifythealignment,horizontalandverticalspacing,andwidthandheight(inpixels)fortheJavaapplet.
NoteIfyouwanttospecifycascadingstylesheetpropertiesasaninlinestylefortheJavaapplet,clickStyleandthenselecttheoptionsyouwant.
ShowAll
CreateamessagetodisplayinplaceofJavaappletsinbrowsers1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clicktheJavaapplet,andthenclickJavaAppletPropertiesonthe
shortcutmenu.3. IntheMessageforbrowserswithoutJavasupportbox,typeHTMLor
plaintexttodisplayinplaceoftheJavaappletonWebbrowsersthatdonotsupportJavaapplets,orthatareconfigurednottodisplayJavaapplets.
DeleteaJavaapplet1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. ClicktheJavaapplet,andthenpressDELETE.
ShowAll
Aboutplug-insAplug-inisoneofasetofsoftwaremodulesthatintegrateintoWebbrowserstoofferarangeofinteractiveandmultimediacapabilities.
Someplug-insoccupyaspaceonaWebpage,asinthecaseofcertainMPEGvideoplayers.Thoseplug-insmayhaveadisplayareaaswellasvideocontrolsforplaying,pausing,orrewinding,forexample.
Otherplug-ins,likesomeMIDIplayers,don'toccupyanyspaceonaWebpage.Plug-inssuchasthesemay,forexample,beginplayingmusicassoonasyouloadaWebpage,buthaveno"on"or"off"buttons.
Manydeveloperscreatetheirownplug-instoenablesoftwaretoruninaWebbrowser.Becausedevelopersmayfollowdifferentconventionswhendesigningplug-ins,someplug-insmightbehavedifferently,dependingonbrowsertypesandversions.
ImportantSecurityvulnerabilitiesinexternalfilesorcontrolsmayextendtoWebpagesthatusethoseitems.Forexample,externalstylesheets(fileswitha.cssextension),scriptfiles(fileswitha.jsextension),customASP.NETcontrols,orotheritems,mayposeasecurityrisk.Besureyourstylesheets,add-ins,themes,executables,scripts,controls,orotherfilescomefromtrustedsources.
Addaplug-in1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheInsertmenu,clickWebComponent.3. IntheComponenttypelist,clickAdvancedControls.4. IntheChooseacontrollist,double-clickPlug-In.5. IntheDatasourcebox,typetheURLofthefilefortheplug-intoload,or
clickBrowsetolocatethefile.6. Selectanyotheroptionsyouwant.
ImportantSecurityvulnerabilitiesinexternalfilesorcontrolsmayextendtoWebpagesthatusethoseitems.Forexample,externalstylesheets(fileswitha.cssextension),scriptfiles(fileswitha.jsextension),customASP.NETcontrols,orotheritems,mayposeasecurityrisk.Besureyourstylesheets,add-ins,themes,executables,scripts,controls,orotherfilescomefromtrustedsources.
ShowAll
Setthepropertiesofaplug-in1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clicktheplug-in,andthenclickPlug-InPropertiesontheshortcut
menu.3. Doanyofthefollowing:
IntheDatasourcebox,typetheURLofthefilefortheplug-intoload.IntheMessageforbrowserswithoutplug-insupport,typeanHTMLorplaintextmessage.Thiswillbeshowninplaceoftheplug-inonWebbrowsersthatdon'tsupportplug-ins.IntheHeightandWidthboxes,type(inpixels)theheightandwidthoftheplug-in.SelectorcleartheHideplug-incheckboxtoshoworhidetheplug-inwhenthepageisviewedinaWebbrowser.UnderLayout,specifythealignment,borderthickness,andhorizontalandverticalspacingfortheplug-in.
4. Ifyouwanttospecifycascadingstylesheetpropertiesasaninlinestylefortheplug-in,clickStyle,andthenselecttheoptionsyouwant.
ShowAll
Createamessagetodisplayinplaceofplug-insinbrowsers1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clicktheplug-in,andthenclickPlug-InPropertiesontheshortcut
menu.3. IntheMessageforbrowserswithoutplug-insupportbox,typeHTMLor
plaintexttodisplayinplaceoftheplug-inonWebbrowsersthatdonotsupportplug-ins,orthatareconfigurednottodisplayplug-ins.
ShowAll
Hideaplug-inTohideaplug-inwhenasitevisitorviewsthepageinaWebbrowser,dothefollowing:
1. InPageview,right-clicktheplug-inthatyouwant,andthenclickPlug-InPropertiesontheshortcutmenu.
2. SelecttheHideplug-incheckbox,andthenclickOK.
Deleteaplug-in1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clicktheplug-in,andthenpressDELETE.
AboutadvancedcontrolsByusingadvancedcontrolsinMicrosoftFrontPage,youcanaddfunctionalitytoaWebsite.YoucanchoosefromtwotypesofActiveXadvancedcontrols.Browse-timecontrols,areavailabletositevisitorswhentheyareviewingapageinaWebbrowser.Design-timecontrols(DTCs)areavailablewhenyouarecreatingaWebpageinFrontPage.
Someadvancedcontrolsmaynotbesuitable,orsimplywillnotwork,onaWebpage.Originallyusedastoolsbysoftwaredevelopers,advancedcontrolspreventedtheneedtorewritecommonlyusedpiecesofcode.ControlsdesignedexplicitlyforsoftwarecreationwillnotworkinFrontPageorontheWorldWideWeb.
Browse-timecontrols
ActiveXbrowse-timecontrolsrunwhenaWebpagecontainingthecontrolisloadedinMicrosoftInternetExplorer.SomeActiveXcontrolsareinstalledaspartofMicrosoftWindows95orlater,andmanyareinstalledalongwithcertaintypesofsoftware.ActiveXcontrolscanexecuteawiderangeofbehaviors,whichmayincludedisplayingcalendarsorstocktickers.
Design-timecontrols
DTCsareaspecialtypeofActiveXcontrolthatyoucanuseinFrontPage.Forexample,softwaredeveloperssometimeswriteDTCstouseincreatingcontentonaWebpageduringdesigntime.WhenthatWebpageisbrowsed,asitevisitorseesonlytheoutputoftheadvancedcontrol,whichisusuallytext.
NoteSecurityvulnerabilitiesinexternalfilesorcontrolsmayextendtoWebpagesthatusethoseitems.Forexample,externalstylesheets(fileswitha.cssextension),scriptfiles(fileswitha.jsextension),customASP.NETcontrols,orotheritems,mayposeasecurityrisk.Besureyourstylesheets,add-ins,themes,executables,scripts,controls,orotherfilescomefromtrustedsources.
AboutaddingandremovingadvancedcontrolsfromFrontPageWheneveryoudownload,register,orinstallanadvancedcontrolonyourcomputer,itisautomaticallyaddedtothelistofavailableadvancedcontrolsinMicrosoftFrontPage.Similarly,whenyouremoveanadvancedcontrolfromyourcomputer,itisautomaticallyremovedfromthatlist.
YoucanspecifywhichadvancedcontrolsyouwanttobeavailableinFrontPagebyaddingorremovingthemfromthelistofadvancedcontrols.Thiscanbehelpfulbecausesomeoftheadvancedcontrolsonyourcomputermaynotbesuitable,orsimplywillnotwork,onaWebpage.Byremovingthemfromthelistyoucanhelpensurethatyoudon'tuseaninappropriateadvancedcontrolwhenyou'redesigningaWebpage.
ImportantSecurityvulnerabilitiesinexternalfilesorcontrolsmayextendtoWebpagesthatusethoseitems.Forexample,externalstylesheets(fileswitha.cssextension),scriptfiles(fileswitha.jsextension),customASP.NETcontrols,orotheritems,mayposeasecurityrisk.Besureyourstylesheets,add-ins,themes,executables,scripts,controls,orotherfilescomefromtrustedsources.
ShowAll
Addanadvancedcontrol1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheInsertmenu,clickWebComponent.3. IntheComponenttypelist,clickAdvancedControls.4. IntheChooseacontrollist,dooneofthefollowing:
Toaddadesign-timecontrol,clickDesigntimecontrol.
IftheDesigntimecontroloptionisunavailable,nodesign-timecontrolsareinstalledonyourcomputer.
ToaddanActiveXcontrol,clickActiveXcontrol
5. ClickNext.
6. Clicktheadvancedcontrolyouwant,andthenclickFinish.
Notes
SecurityvulnerabilitiesinexternalfilesorcontrolsmayextendtoWebpagesthatusethoseitems.Forexample,externalstylesheets(fileswitha.cssextension),scriptfiles(fileswitha.jsextension),customASP.NETcontrols,orotheritems,mayposeasecurityrisk.Besureyourstylesheets,add-ins,themes,executables,scripts,controls,orotherfilescomefromtrustedsources.Design-timecontrols(DTCs)thatrelyondatabindingsmaynotfunctionproperly,ormayhavelimitedfunctionality,inMicrosoftFrontPage.ConsultthedocumentationfortheDTCtodetermineifyoucanuseitproperlyinFrontPage.
AddorremoveanadvancedcontrolfromFrontPage1. OntheInsertmenu,clickWebComponent.2. IntheComponenttypelist,clickAdvancedControls.
3. IntheChooseacontrollist,dooneofthefollowing:
Toaddorremoveadesign-timecontrol,clickDesign-TimeControl.
IftheDesign-TimeControloptionisunavailable,nodesign-timecontrolsareinstalledonyourcomputer.
ToaddorremoveanActiveXcontrol,clickActiveXControl.4. ClickNext.5. ClickCustomize.6. IntheControllist,selectorclearthecheckboxnexttotheadvanced
controlyouwanttoaddorremove.
ShowAll
Setthepropertiesofanadvancedcontrol1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clicktheadvancedcontrol,andthendooneofthefollowingonthe
shortcutmenu:Iftheadvancedcontrolisadesign-timecontrol(DTC),clickDesign-TimeControlProperties.IftheadvancedcontrolisanActiveXcontrol,clickActiveXControlProperties.
3. ClicktheObjectTagtab,andthendoanyofthefollowing:
Tospecifyanamefortheadvancedcontrol,typeanameintheNamebox.
Tospecifythealignmentoftheadvancedcontrol,clickavalueintheAlignmentlist.
Tospecifytheborderthickness(inpixels)oftheadvancedcontrol,typeavalue(inpixels)intheBorderthicknessbox.
Tospecifythehorizontalspacing(inpixels)oftheadvancedcontrol,typeavalueintheHorizontalspacingbox.
Tospecifytheverticalspacing(inpixels)oftheadvancedcontrol,typeavalueintheVerticalspacingbox.
Tospecifythewidth(inpixels)oftheadvancedcontrol,typeavalueintheWidthbox.
Tospecifytheheight(inpixels)oftheadvancedcontrol,typeavalueintheHeightbox.
TospecifyalternativetextthatwillbedisplayedinWebbrowserswithoutActiveXsupport,typethetextintheHTMLbox.
TospecifyanetworkorInternetlocationfromwhichthecontrolcanbeautomaticallyinstalled,typethepathintheCodeSourcebox.
4. ClicktheParameterstab,andthendooneofthefollowing:
Toaddaparameter,clickAdd,selecttheoptionsyouwant,andthenclickOK.
Tomodifyaparameter,clickModify,selecttheoptionsyouwant,andthenclickOK.Toremoveaparameter,clickRemove,selecttheoptionsyouwant,andthenclickOK.
5. Ifadditionalpropertiesareavailablefortheadvancedcontrol,setanyadditionalpropertiesyouwant.Becauseanadvancedcontrolmayhaveuniqueproperties,seethedocumentationfortheadvancedcontroltolearnaboutitsspecificproperties.
Deleteanadvancedcontrol1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selecttheadvancedcontrol,andthenpressDELETE.
ShowAll
Specifythescriptlanguagefordesign-timecontrols1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheFilemenu,clickProperties,andthenclicktheAdvancedtab.3. Dooneofthefollowing:
Selectserverscriptlanguages
UnderDesign-timecontrolscripting,intheServerlist,selectthetypeofscriptyouwanttouse.SelectInheritfromWebsiteifyouwanttousethedefaultscriptinglanguageforthecurrentWebsite.
Selectclientscriptlanguages
UnderDesign-timecontrolscripting,intheClientlist,selectthetypeofscriptyouwanttouse.SelectInheritfromWebsiteifyouwanttousethedefaultscriptinglanguageforthecurrentWebsite.
NoteIfagivendesign-timecontrol(DTC)specifieswhichscriptinglanguagethecontrolwrites,thecontrolsettingswilloverridethesettingyouchoosehere.
Specifythescriptplatformfordesign-timecontrols1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheFilemenu,clickProperties,andthenclicktheAdvancedtab.3. UnderDesign-timecontrolscripting,inthePlatformlist,selectClient
(IE4.0DHTML)toexecutescriptontheclient,orServer(ASP)toexecutescriptontheserver.
Notes
Dependingonhowtheyweredesigned,notalldesign-timecontrols(DTCs)willbeaffectedbytheDesign-timecontrolscriptingsetting.IfagivenDTCspecifieswhetherthecontrolexecutesscriptontheserverortheclient,thecontrolsettingswilloverridethesettingyouchoosehere.
ShowAll
AboutpreviewingWebpagesByusingMicrosoftFrontPage,youcansimulatehowWebpageswilllookindifferentWebbrowsersandwindowsizes.Thiscanhelpyoudesignanddevelopyourpagesaccordingtopreferencesofyoursitevisitors.YoucanpreviewWebpagesinthefollowingways:
Designingpages
Whileyou'redesigningaWebpage,it'softendifficulttoknowwhatportionofthepagewillbevisibletositevisitorswhohavedifferentscreenresolutionsorwindowsizes.YoucansimulatemanyoftheseinPageviewbyusingpagesizesettings,whichcanhelpyoudeterminewhatportionofapagewillbevisibletothesitevisitor.
ApageinPageview
ThesamepageinPageviewwithapagesizesettingturnedon
Previewingpages
ByusingPreviewview,youcanquicklydeterminewhetherthepageyouaredesigningwillappearasexpectedinaWebbrowser.BecauseyoucanusePreviewviewwithouthavingtosaveyourWebpage—whereasusingPreviewinBrowserrequiresyoutosaveyourchanges—Previewviewisoftenmoreusefulforpreviewingdesignideasthatyou'renotyetreadytocommitto.
ApageinDesignview
ThesamepageinPreviewview
Browsingpages
ForthemostaccuratesimulationofhowaWebpagewillappeartositevisitors,saveorpublishit,andthenpreviewitbyusingoneormoreWebbrowsers.
Previewbyusingasinglebrowser
Ifyoursitevisitorsexclusivelyuseonetypeofbrowser,youmightwanttolimityourpreviewofpagestothatparticularbrowser.Evenwhenyoupreviewpagesbyusingonebrowser,youcanopenthebrowseratdifferentwindowsizestoprovideanexampleofhowthepagecouldappeartositevisitorswhohavedifferentscreenresolutions,orwhosizetheirbrowserwindowsdifferently.
Thewindowsizesyoucanchoosematchstandardscreenresolutionsof640×480,800×600,and1024×768.FrontPageautomaticallyselectsthevaluethatmatchesyourcurrentscreenresolution,aswellasavailablelowervalues.Windowsizesthataregreaterthanyourcurrentscreenresolutionareunavailable.
Previewbyusingmultiplebrowsers
FrontPagerecognizes,bydefault,someWebbrowserssuchasNetscapeNavigatorandMicrosoftInternetExplorer.EachtimeyoustartFrontPage,itchecksforrecentlyinstalledbrowsersandaddsanynewbrowsersthatitrecognizestothebrowserpreviewlist.Ifmorethanonebrowserisinstalledonyourcomputer,youcanopenyourWebpageinanyorallofthosebrowsers.Youcanalsochoosetoopenallavailablebrowserstoaspecificwindowsize.
BeforeyoucanpreviewaWebpageinabrowser,youmustfirstsaveit.Youcaneithersavethepagemanuallyeachtimeyouwanttopreviewthepage,oryoucansavethepageautomaticallyeachtimeyoupreviewthepage.
ShowAll
AddapagesizesettinginPageview1. InPageview,atthebottomofthedocumentwindow,clickDesign or
Preview .2. OntheViewmenu,pointtoPageSize,andthenclickModifyPageSizes.3. ClickAdd.4. IntheWidthbox,typethewidthinpixels.5. IntheHeightbox,typetheheightinpixels.6. IntheDescriptionbox,typeadescriptionofthewindowsize.
ShowAll
AddaWebbrowsertothebrowserpreviewlist1. OntheFilemenu,pointtoPreviewinBrowser,andthenclickEdit
BrowserList.2. ClickAdd.3. IntheNamebox,typethenameoftheWebbrowserasyouwantitto
appearinthebrowserpreviewlist.4. IntheCommandbox,typethenameandpathofthe.exefilefortheWeb
browser,orclickBrowsetolocatethefile.5. ClickOK.6. UnderAdditionalwindowsizes,selectthecheckboxesnexttothevalues
thatrepresentthewindowsizesyouwanttoenable.
NoteThedefaultwindowsizesmatchstandardMicrosoftWindowsscreenresolutionsof640×480,800×600,and1024×768.MicrosoftFrontPageautomaticallyselectsthevaluethatmatchesyourcurrentscreenresolutionandavailablelowervalues.Windowsizesthataregreaterthanyourcurrentscreenresolutionareunavailable.
ShowAll
ChangethepagesizeinPageview1. InPageview,atthebottomofthedocumentwindow,clickDesign or
Preview .2. OntheViewmenu,pointtoPageSize,andthendooneofthefollowing:
Tolimitthepagesizetospecificdimensions,clickthesizeyouwant.
Dashedlinesappearandindicatewhichverticalsectionsofthepagewillappearineachscreenforthatsize.Ifthewindowsizehasfewerpixelsthanyourwindowsize,grayareasappearnexttothepageandindicatethehorizontallayoutofthepageforthatsize.
Tomaximizethepage,clickCurrentPageSize.
ShowAll
ChangeapagesizesettinginPageview1. InPageview,atthebottomofthedocumentwindow,clickDesign or
Preview .2. OntheViewmenu,pointtoPageSize,andthenclickModifyPageSizes.3. Inthelist,clickthepagesizeyouwanttochange,andthenclickModify.4. Typeanewwidthorheight,inpixels,oradescriptionofthewindowsize.
DeleteapagesizesettinginPageview1. InPageview,atthebottomofthedocumentwindow,clickDesign or
Preview .2. OntheViewmenu,pointtoPageSize,andthenclickModifyPageSizes.3. Inthelist,clickthepagesizeyouwanttodelete,andthenclickRemove.
Specifysupportforfeaturesthatrequirespecificbrowsers1. OntheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.2. IntheBrowserslist,clickabrowsertype.3. IntheBrowserversionslist,clickabrowserversion.
NoteSomeoptionsmaybeunavailable,dependingontheoptionyouselectedintheFrontPageandSharePointtechnologieslist.
TurnsupportonoroffforfeaturesthatrequireSharePointServicesIfyourWebsiteislocatedonaserverrunningMicrosoftSharePointServices(SharePointTeamServicesv1.0fromMicrosoftorMicrosoftWindowsSharePointServices),youcanturnsupportonoroffforfeaturesthatarecompatiblewithyourWebserver:
1. WithaWebsiteopen,ontheToolsmenu,clickPageOptions,andthenclicktheAuthoringtab.
2. UnderFrontPageandSharePointtechnologies,selectorcleartheSharePointServicescheckbox.
Automaticallysaveapagebeforepreviewing1. OntheFilemenu,pointtoPreviewinBrowser,andthenclickEdit
BrowserList.2. SelecttheAutomaticallysavepagebeforepreviewingcheckbox.
Previewapageinoneormorebrowsers1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheFilemenu,pointtoPreviewinBrowser,andthendooneofthe
following:
ToopenyourpageinasingleWebbrowser,clickthebrowseryouwant.
Iftheoptionsincludeseveralentriesforthesamebrowser,thenumericvaluesnexttothebrowsernameindicatethewindowsizesatwhichthebrowserwillopenifyouclickthatoption.
Toopenyourpageinallavailablebrowsersandatthedefaultwindowsizesofthosebrowsers,clickPreviewinMultipleBrowsers.
ThisoptionisonlyavailableifyouhavemorethanonebrowserconfiguredinMicrosoftFrontPage.
Toopenyourpageinallavailablebrowsersandtoaspecificwindowsize,clicktheoptionyouwant,ifanyotheroptionsareavailable.
Notes
Theavailableoptionsmayincludebrowsernamesonly,dependingonwhetheryouhavespecifiedthatyouwanttheEditBrowserListtoshowadditionalwindowsizes.BeforeyoucanpreviewyourWebpageinanybrowser,youmustfirstsavethepage.
ShowAll
AboutpublishingfilesandfoldersOverviewofpublishingaWebsite
WhenyoupublishaWebsite,youarecopyingallofthefilesandfoldersthatmakeupthesitefromonesourcelocationtoaparticulardestination.InMicrosoftFrontPage,youpublishyoursitewhenyouwanttomakeitavailableforsitevisitors,whenyouwanttomakeabackupcopyofyoursite,orwhenyouwanttoupdateapublishedsitewithnewcontent.
Generally,youcreatefilesandfoldersforyourWebsiteonyourcomputer.WhenyouarereadytoletsitevisitorsseeyoursiteontheWorldWideWeboronyourorganization'sintranet,youpublishthemwheresitevisitorscanviewtheWebpagesbyusingaWebbrowser.
TheremaybetimeswhenyouwanttomakeacopyofyourWebsiteandthensaveittoaparticularlocationonyourharddiskoronanetworkdrive.ThepublishingfeatureinFrontPageisaconvenientwaytomakeabackupcopy.
WhenyouupdateyourWebsitewithnewfilesorfolders,FrontPageusesspecifictermstodistinguishbetweenthesourcesiteandthedestinationsite.AlocalWebsiteisthesourceWebsiteopeninFrontPage,andaremoteWebsiteisthedestinationsiteyouarepublishingto.
UsingRemoteWebSiteviewtopublish
RemoteWebSiteviewletsyoupublishinbothdirections,movingfileseasilybetweenlocalandremotelocations.Thiscanbemosthelpfulwhenyouareupdatingasiteyouhavealreadypublished.
RemoteWebSiteviewdisplaysicons,withdescriptivetext,inboththelocalandremoteWebsitepanestoindicatethepublishstatusofyourfiles.
YoucanuseRemoteWebSiteviewtopublishyourfilestoanylocation.YoucanpublishyoursitetoanextendedWebserver,toWebserversthatsupportFileTransferProtocol(FTP)orWeb-basedDistributedAuthoringandVersioning(WebDAV),ortoalocationonyourfilesystem.
Decidingwheretopublish
PublishfilesandfolderstoanextendedWebserver
InMicrosoftFrontPage,anextendedWebserverisonethatisrunningFrontPage2000ServerExtensionsfromMicrosoftorlater,MicrosoftWindowsSharePointServices,orSharePointTeamServicesv1.0fromMicrosoft.ThereareseveralbenefitstopublishingtoaWebserverthatisrunningtheFrontPageServerExtensionsorWindowsSharePointServices.YourWebsitewillhaveenhancedfunctionalitywhenitispublished,allowingyoutouseformhandlersandhitcounters.FrontPagewillalsomaintainyourfilesandhyperlinkseachtimeyoupublishtheWebsite.
ImportantWhenpublishingorsynchronizingbetweenWebsitesbasedonSharePointServices,certainelements,includinglistdata,schemas,andWebParts,willnotbetransferred.
PublishfilesandfolderstoaserverthatsupportsWebDAVorFTP
YoucanpublishfilesandfoldersinyourWebsitetoserversthatsupportWeb-basedDistributedAuthoringandVersioning(WebDAV)orFileTransferProtocol(FTP).MultipleuserscanuseMicrosoftFrontPageandMacromediaDreamweavertoeditthesamesiteoverFTP.It'simportanttonote,however,thatthesourcecontrolfunctionalityinFrontPageisturnedoffbydefault.
FrontPagealsosupportspassiveFTP.PassiveFTPallowsyoutopublishfilesandfoldersfromthelocalWebsitetotheremoteWebsitebyusingadifferentporteachtime.
WhenyouuseRemoteWebSiteviewtopublishyourfilesorfolderstoaserverthatsupportsFTPorWebDAV,youmustknowtheservernameaswellasyourusernameandpassword.Ifyouareunsureaboutyourusername,password,orserverlocation,contactyourInternetserviceprovider(ISP)orWebsiteadministrator.
Publishfilesandfolderstoafilesystem
YoucanpublishthefilesandfoldersinyourWebsitetoafolderonyourlocal
filesystemortoaUNCpath.Forexample,youcanmakeabackupcopyofyourentireWebsitebypublishingittoanewdisk-basedlocation,suchasC:\Backup.
PublishingfilesandfoldersratherthanjustcopyingthemensuresthattheywillmaintaintheirstructureandthattheMicrosoftFrontPagecomponentsonyourWebpageswillwork.
Choosingthefilestopublish
Bydefault,allfilesaremarkedforpublishing.ByusingRemoteWebSiteviewinMicrosoftFrontPage,youcanchoosewhichfileswillbepublishedandwhichwillbeheldback.Therearesomefilesthatyoushouldnotrepublish.Forexample,ifyourWebsitehasaguestbook,republishingtheguestbookfilewillcauseittobereplacedbyablankone.OtherexamplesincludepageswithahitcounterordiscussionWebsites.
Synchronizingfilesbetweensites
Incollaborativeworkenvironments,multipleauthorsmayupdateboththelocalandremoteWebsites.MicrosoftFrontPagewillcomparethefilesinthelocalWebsitetothepublishedfilesintheremoteWebsite.
Thefollowingpointshighlightscenariosinwhichlocalandremoteversionsoffilesrequirethatyousynchronizethem:
Anauthorpublishestoastagingservertotestthefilesbeforemakingthemvisibletothepublic.Anauthorchangesafiledirectlyontheremotesite,leavingthelocalversionofthatfileoutofdate.Twoauthors,oneworkingonalocalversionoftheWebsiteandoneworkingdirectlyontheremoteWebsite,updatetheirrespectiveversionsofthesamefile.Twoauthors,workingwithcopiesofthesameWebsiteontheirowncomputers,makechangestothesamesetsoffiles,andbothwanttopublishtotheremotesite.
IfFrontPagedetectsanewerversionofafileonyourlocalWebsite,itwillbeginasynchronizationtoupdateboththelocalandremoteWebsites,unlessyouspecifyotherwise.YoucanalsochoosetopublishfromtheremoteWebsite
toyourlocalWebsite.
SecurityWhenyousynchronizefilesusingtheRemoteWebSiteview,filesontheremotesitewillbedownloadedtothelocalsite.Ifmaliciousfileswereplacedontheremotesite,thelocalsitemaybeatrisk.Besurethatonlytrustedusershaveaccesstotheremotesitebeforeyouattempttosynchronizefiles.
ManagingthefilesontheWebserver
IfyourInternetserviceprovider(ISP)orsystemadministratorhasgivenyouasizelimitontheWebserver,filemanagementisanecessity.PeriodicallydeletingunusedoroldfilescankeepthesizeofyourWebsitedown.
BecauseMicrosoftFrontPageautomaticallysynchronizesthefilesonyourlocaldrive,youmustfirstdeleteormovethefilesorfoldersonyourlocalWebsite.OnceyouhavepublishedyourWebsite,FrontPagewillpromptyouaboutdeletingthesamefilesontheWebserver.
IfyourWebserverusestheFrontPageServerExtensionsfromMicrosoftorMicrosoftWindowsSharePointServices,FrontPagecanalsomatchotheractionsontheWebserver—suchasmovingorrenamingfiles—thenexttimeyoupublishyourWebsite.FrontPagewillupdateyourlinkbars,sharedborders,andhyperlinksontheWebservertomatchtheactionsyouperformedonthelocalWebsite.
ShowAll
PublishfilesandfolderstoanextendedWebserverInMicrosoftFrontPage,anextendedWebserverisonethatisrunningFrontPage2000ServerExtensionsfromMicrosoftorlater,MicrosoftWindowsSharePointServices,orSharePointTeamServicesv1.0fromMicrosoft.
SettheremoteWebsiteproperties
1. OntheViewmenu,clickRemoteWebSite.2. Atthetopofthedocumentwindow,clickRemoteWebSiteProperties.3. OntheRemoteWebSitetab,underRemoteWebservertype,click
FrontPageorSharePointServices.4. IntheRemoteWebsitelocationbox,typetheInternetaddress,including
theprotocol,oftheremoteWebsitethatyouwanttopublishfoldersandfilesto—forexample,http://www.example.com—orclickBrowsetolocatethesite.
5. Doanyofthefollowing:TouseSecureSocketsLayer(SSL),clickEncryptionconnectionrequired(SSL).
TouseSSLconnectionsonyourWebserver,theservermustbeconfiguredwithasecuritycertificatefromarecognizedcertificateauthority.IftheserverdoesnotsupportSSL,clearthischeckbox.Otherwise,youwillnotbeabletopublishfoldersandfilestotheremoteWebsite.IfyouarenotsurewhetheryourWebsitesupportsSSL,checkwithyourWebserveradministratororInternetserviceprovider(ISP).
ToremovespecifictypesofcodefromWebpagesastheyarebeingpublished,ontheOptimizeHTMLtab,selecttheoptionsyouwant.Tochangethedefaultoptionsforpublishing,onthePublishingtab,selecttheoptionsyouwant.
6. ClickOK.
Markfilesthatyoudonotwanttopublish
IntheLocalWebsitepane,right-clickeachfilethatyoudonotwanttopublish,andthenclickDon'tPublishontheshortcutmenu.
ImportantIfyourWebsitecontainsaMicrosoftWindowsSharePointServicesdocumentlibrary,list,orsurvey,itisrecommendedthatyouauthoryourWebsitedirectlyonaserverthatisrunningWindowsSharePointServices.
Publishfilesandfolderstoafilesystem
1. UndertheRemoteWebsitepane,underPublishallchangedpages,clickLocaltoremote.
2. ClickPublishWebsite.
NoteIfyoustopapublishinprogress,filesthathavealreadybeenpublishedwillremainontheremoteWebsite.
ShowAll
Publishfilesandfolderstoafilesystem
SettheremoteWebsiteproperties
1. OntheViewmenu,clickRemoteWebSite.2. Atthetopofthedocumentwindow,clickRemoteWebSiteProperties.3. OntheRemoteWebSitetab,underRemoteWebservertype,clickFile
System.4. IntheRemoteWebsitelocationbox,typetheaddressoftheremoteWeb
sitethatyouwanttopublishfoldersandfilesto—forexample,C:\MyWebSites\WebSite1ifthelocationisonyourcomputeror\\MyNetworkShare\MyWebSiteifthelocationisonafileserver—orclickBrowsetolocatethesite.
5. Doanyofthefollowing:ToremovespecifictypesofcodefromWebpagesastheyarebeingpublished,ontheOptimizeHTMLtab,selecttheoptionsyouwant.Tochangethedefaultoptionsforpublishing,onthePublishingtab,selecttheoptionsyouwant.
6. ClickOK.
Markfilesthatyoudonotwanttopublish
IntheLocalWebsitepane,right-clickeachfilethatyoudonotwanttopublish,andthenclickDon'tPublishontheshortcutmenu.
Publishfilesandfolderstoafilesystem
1. UndertheRemoteWebsitepane,underPublishallchangedpages,clickLocaltoremote.
2. ClickPublishWebsite.
NoteIfyoustopapublishinprogress,filesthathavealreadybeenpublishedwillremainontheremoteWebsite.
ShowAll
PublishfilesandfolderstoanFTPserverTopublishfilesandfoldersinaWebsitetoaWebserverthatsupportsFileTransferProtocol(FTP),youmustopenandsaveacopyofthesitetoyourcomputer,editthefilesandfoldersinthatcopy,andthenpublishtheupdatedfilesandfolderstotheserver.
Dothefollowing:
SettheremoteWebsiteproperties
1. OntheViewmenu,clickRemoteWebSite.2. Atthetopofthedocumentwindow,clickRemoteWebSiteProperties.3. OntheRemoteWebSitetab,underRemoteWebservertype,clickFTP.4. IntheRemoteWebsitelocationbox,typetheaddress,includingtheFTP
protocol,oftheremoteWebsitethatyouwanttopublishfoldersandfilesto—forexample,ftp://example.com—orclickBrowsetolocatethesite.
5. Ifyouwanttoviewaspecificfolderwhenyouconnecttothesite,intheFTPdirectorybox,typethepathtothefolder—forexample,www/images.
6. IftheserverthathoststheremoteWebsiteusesadifferentporteachtimeyoupublishfilesandfolderstothesite,selecttheUsePassiveFTPcheckbox.
7. Doanyofthefollowing:ToremovespecifictypesofcodefromWebpagesastheyarebeingpublished,ontheOptimizeHTMLtab,selecttheoptionsyouwant.Tochangethedefaultoptionsforpublishing,onthePublishingtab,selecttheoptionsyouwant.
8. ClickOK.
VerifyandaddfilenameextensionstotransferasASCII
1. OntheToolsmenu,clickOptions.2. ClicktheFTPtab.
3. Ifthefilenameextensionforthetypeoffileyouplantopublishisnotinthelist,underNewExtension,typethefilenameextension,andthenclickAdd.
NoteIfthefilenameextensionforafiletypedoesnotappearinthelist,MicrosoftFrontPagepublishesfilesofthattypeinbinaryformat.
Markfilesthatyoudonotwanttopublish
IntheLocalWebsitepane,right-clickeachfilethatyoudonotwanttopublish,andthenclickDon'tPublishontheshortcutmenu.
PublishfilesandfolderstoWebserverthatsupportsFTP
1. UndertheRemoteWebsitepane,underPublishallchangedpages,clickLocaltoremote.
2. ClickPublishWebsite.
NoteIfyoustopapublishinprogress,filesthathavealreadybeenpublishedwillremainontheremoteWebsite.
ShowAll
PublishfilesandfolderstoaWebDAVserverTopublishfilesandfoldersinaWebsitetoaWebserverthatsupportsWeb-basedDistributedAuthoringandVersioning(WebDAV),youmustopenandsaveacopyofthesitetoyourcomputer,editthefilesandfoldersinthatcopy,andthenpublishtheupdatedfilesandfolderstotheserver.
Dothefollowing:
SettheremoteWebsiteproperties
1. OntheViewmenu,clickRemoteWebSite.2. Atthetopofthedocumentwindow,clickRemoteWebSiteProperties.3. OntheRemoteWebSitetab,underRemoteWebservertype,click
WebDAV.4. IntheRemoteWebsitelocationbox,typetheInternetaddress,including
theprotocol,oftheremoteWebsitethatyouwanttopublishfoldersandfilesto—forexample,http://www.example.com—orclickBrowsetolocatethesite.
5. Doanyofthefollowing:TouseSecureSocketsLayer(SSL),clickEncryptionconnectionrequired(SSL).
TouseSSLconnectionsonyourWebserver,theservermustbeconfiguredwithasecuritycertificatefromarecognizedcertificateauthority.IftheserverdoesnotsupportSSL,clearthischeckbox.Otherwise,youwillnotbeabletopublishfoldersandfilestotheremoteWebsite.IfyouarenotsurewhetheryourWebsitesupportsSSL,checkwithyourWebserveradministratororInternetserviceprovider(ISP).
ToremovespecifictypesofcodefromWebpagesastheyarebeingpublished,ontheOptimizeHTMLtab,selecttheoptionsyouwant.Tochangethedefaultoptionsforpublishing,onthePublishingtab,
selecttheoptionsyouwant.6. ClickOK.
Markfilesthatyoudonotwanttopublish
IntheLocalWebsitepane,right-clickeachfilethatyoudonotwanttopublish,andthenclickDon'tPublishontheshortcutmenu.
PublishfilesandfolderstoaWebserverthatsupportsWebDAV
1. UndertheRemoteWebsitepane,underPublishallchangedpages,clickLocaltoremote.
2. ClickPublishWebsite.
NoteIfyoustopapublishinprogress,filesthathavealreadybeenpublishedwillremainontheremoteWebsite.
PublishfilesfromaremoteWebsitetoalocalWebsite1. OntheViewmenu,clickRemoteWebSite.2. IntheLocalWebsitepane,right-clickeachfilethatyoudonotwantto
publish,andthenclickDon'tPublishontheshortcutmenu.3. UndertheRemoteWebsitepane,underPublishallchangedpages,click
Remotetolocal.4. ClickPublishWebsite.
NoteIfyoucancelapublishinprogress,filesthathavealreadybeenpublishedwillremainonthedestinationWebserver.
SetaremoteWebsitelocation1. OntheViewmenu,clickRemoteWebsite.2. Atthetopofthedocumentwindow,clickRemoteWebSiteProperties.3. UnderRemoteWebservertype,clickthetypeofWebserverthatyou
wanttopublishyourWebsiteto.4. BytheRemoteWebsitelocationbox,clickBrowse.5. LocateandclicktheremoteWebsitelocationthatyouwant,andthenclick
Open.
SynchronizebetweenalocalandaremoteWebsiteSecurityWhenyousynchronizefilesusingtheRemoteWebSiteview,filesontheremotesitewillbedownloadedtothelocalsite.Ifmaliciousfileswereplacedontheremotesite,thelocalsitemaybeatrisk.Besurethatonlytrustedusershaveaccesstotheremotesitebeforeyouattempttosynchronizefiles.
1. OntheViewmenu,clickRemoteWebSite.2. Dooneorbothofthefollowing:
IntheLocalWebsitepane,right-clickeachfilethatyoudonotwanttopublish,andthenclickDon'tPublishontheshortcutmenu.IntheRemoteWebsitepane,right-clickeachfilethatyoudonotwanttopublish,andthenclickDon'tPublishontheshortcutmenu.
3. UndertheRemoteWebsitepane,underPublishallchangedpages,clickSynchronize.
ShowAll
IdentifyandresolveerrorsonapageDooneorbothofthefollowing:
IdentifyandresolveWebcomponenterrors
1. OntheViewmenu,pointtoReports,pointtoProblems,andthenclickComponentErrors.
2. Toopenapagetoeditit,double-clicktherowinthereportthatcorrespondstothepage.
Identifyandresolvehyperlinkerrors
1. OntheViewmenu,pointtoReports,pointtoProblems,andthenclickHyperlinks.
2. Toeditthehyperlink,double-clicktherowinthereportthatcorrespondstothehyperlink.
Deleteapublishedfileorfolder1. OntheViewmenu,clickRemoteWebSite.2. IntheRemoteWebsitepane,clickthefileyouwanttodelete.
TheRemoteWebsitepaneindicatesthefilesthatyouhavepublished.
3. AbovetheRemoteWebsitepaneontheright,click .
NoteWhenyoudeleteafileorfolderfromtheremoteWebsite,itstillexistsonyourlocalcomputerunlessyouclick abovetheLocalWebsitepaneontheleft,todeleteitcompletelyfromthelocalWebsite.
ShowAll
Troubleshootpublishingfilesandfolders
AfterIpublishmyWebsite,somecomponentsdon'twork.
YoumayhavepublishedtoaWebserverthatdoesnothavethemostrecentversionoftheFrontPageServerExtensionsfromMicrosoftorMicrosoftWindowsSharePointServices.Withouttheserverextensions,certainfeatureswillnotwork,suchasmostformhandlersandhitcounters.
CheckwithyourInternetserviceprovider(ISP)orWebsiteadministratortofindoutiftheWebserveryouarepublishingtohastheserverextensionsorWindowsSharePointServicesinstalled.
IwanttopublishafilethatIoriginallysetasDon'tPublish.
TheDon'tPublishcommandisatoggle.TopublishafilethatiscurrentlysettoDon'tPublish,dothefollowing:
IntheFolderList,right-clickthefileyouwant,andthenclickDon'tPublishontheshortcutmenu.
IftheFolderListishidden,ontheViewmenu,clickFolderList.
IrepublishedaWebsitewithaguestbookthatcontainedcommentsfromsitevisitors,andnowtheguestbookpagesareblank.
YoushouldalwayspublishyourWebsitebeforeyourepublishcertainfilesthatcontainWebcomponents,suchasguestbookforms,hitcounters,ordiscussionWebsites.IfyouhavecreatedandpublishedaWebsitethatincludesaguestbook,andthenlaterupdateyourWebsiteandrepublishallofyourfiles,yourguestbookwillbereplacedbyablankone.
ExportafilefromaWebsite1. InFoldersview,clickthefilethatyouwanttoexport.2. OntheFilemenu,clickExport.3. LocateandclickthedestinationWebsiteorfolderthatyouwanttoexport
thefileto,andthenclickSave.4. Toexportadditionalfiles,repeatallthreestepsforeachfile.
ShowAll
AboutreportsReportsinMicrosoftFrontPageenableyoutogather,analyze,andsummarizeWebsitestatisticsinavarietyofways.
SiteSummary
SiteSummaryreportsdisplayanoverviewofyourWebsite'svitalstatistics,suchasthenumberandsizesoffilesandpictures,numberandtypesofhyperlinks,andmore.
Files
Filesreportsdisplayanoverviewoftheageoffiles,whoisworkingonthem,whentheyweremodifiedoraddedtoyourWebsite,andmore.
SharedContent
SharedContentreportsdisplayinformationaboutthefeaturesofyourWebsitethatworkongroupsofpages,suchasthemes,styles,dynamicWebtemplates,andsharedborders.
Problems
ProblemsreportsdisplayproblemswithyourWebsite,includingbrokenlinks,componenterrors,filesthattaketoolongtodownload,andmore.
Workflow
WorkflowreportsindicatethestatusofthefilesandassignmentsinyourWebsite,includingthereviewstatus,whothefileisassignedto,whetherit'scheckedoutusingsourcecontrol,andmore.
Usage
UsagereportsdisplayinformationaboutthevisitstoyourWebsite,including
pagehits,browsersusedbysitevisitors,referringURLs,andmore.Usagereportsareavailableonlyfortop-levelsitesandsubsiteshostedonWebserversrunningMicrosoftWindowsSharePointServices,SharePointTeamServicesv1.0fromMicrosoft,orFrontPage2002ServerExtensionsfromMicrosoft.UsageprocessingmustalsobeturnedonfortheWebserver.Additionally,ifthesiteisbasedonWindowsSharePointServices,youmusthaveadministratorprivileges.
ViewareportOpentheWebsiteforwhichyouwanttoviewareport.
OntheViewmenu,pointtoReports,andthenselectoneofthefollowingtypesofreports:
FilesShowsfilestatusinformation.SharedContentShowstheuseofstyleapplication.ProblemsShowssitemaintenanceproblemreports.WorkflowShowsworkflowstatusreports.
ShowAll
ApplyorremovefiltersinreportsYoucanfilterWebsitedataanddisplayonlytheinformationthatisrelevanttoyouinReports.Byfilteringthedata,youcandisplayonlythoserowsthatsatisfytheconditionsspecifiedinthecolumn.YoucanfilterthefollowingtypesofreportsinMicrosoftFrontPage:Files,SharedContent,Problems,andWorkflow.
Applyafilter
OpenanexistingWebsiteinFrontPage,anddothefollowing:
1. OntheViewmenu,pointtoReports,clickthereporttype,andthenclickthereportyouwanttofilter.
2. Onthecolumnlabel,click andselecttheconditionyouwanttofilterforfromthelist.
TipThefiltersettingsaresavedwhenyouclosetheWebsite.Ifyoucan'tfindfilesinanewreport,youmayhavefiltersappliedfromaprevioussession.
Removeafilter
Toremovefiltersfromareport,dothefollowing:
Right-clickanywhereonthereportandclickRemoveFiltersontheshortcutmenu.
ShowAll
SaveorcopyaWebsitereportWhenyougeneratereportsinMicrosoftFrontPage,youcansaveorcopythedatatoHTMLorintootherMicrosoftapplications,suchasMicrosoftExcel.Thisisusefulforarchivingreportdataorforsharingitwithothers.Youcansaveorcopyreportdatafromthefollowingtypesofreports:Files,SharedContent,Problems,andWorkflow.
SaveWebsitereportdata
OpenanexistingWebsiteinFrontPage,anddothefollowing:
1. OntheViewmenu,pointtoReports,pointtothereporttype,andthenclickthereportyouwanttorun.
2. OntheFilemenu,clickSaveAs.3. Selectthelocationwhereyouwanttosavethefile.4. Youcanacceptthedefaultnamesforthefilenameandpagetitle,orcreate
newonesbydoingthefollowing:Tochangethefilename,typeanewnameintheFilenametextbox.Tochangethepagetitle,clickChangetitleandtypethenewpagetitle.
5. ClickSave.
CopyWebsitereportdata
OpenanexistingWebsiteinFrontPage,anddothefollowing:
1. OntheViewmenu,pointtoReports,pointtothereporttype,andthenclickthereportyouwanttorun.
2. Right-clickanywhereinthereport,andthenclickCopyReport.3. OpenanotherMicrosoftOfficeprogram,suchasMicrosoftExcel,right-
clickacellintheworksheetordocument,andclickPaste.
SpecifysettingstoindicateslowpagesMicrosoftFrontPagedefinesaslowpageasonethattakes30secondsorlongertoloadusinga56kilobitspersecond(Kbps)modem.
Tochangethewayaslowpageisdefined,dothefollowing:
1. OntheToolsmenu,clickOptions,andthenclicktheReportsViewtab.2. IntheAssumeconnectionspeedofbox,selecttheconnectionspeedof
yourtargetaudience.3. Inthe"Slowpages"takeatleastbox,typeorselectthenumberof
secondsthatdefineaslowpageattheassumedconnectionspeed.
ShowAll
SpecifytherangeforrecentandolderfilesMicrosoftFrontPagedefinesarecentfileasonethathasbeencreatedwithinthelast30days,anddefinesanolderfileasonethatthathasn'tbeenmodifiedinthelast72days.
Definerecentfiles
1. OntheToolsmenu,clickOptions,andthenclicktheReportsViewtab.
2. Inthe"Recent"filesarelessthanbox,typeorselectthenumberofdays.
Defineolderfiles
1. OntheToolsmenu,clickOptions,andthenclicktheReportsViewtab.
2. Inthe"Older"filesaremorethanbox,typeorselectthenumberofdays.
ShoworhidegridlinesinreportsOpenanexistingWebsiteinMicrosoftFrontPage,anddothefollowing:
1. OntheToolsmenu,clickOptions,andthenclicktheReportsViewtab.2. SelectorcleartheDisplaygridlineswhenviewingreportscheckbox.
ViewWebserverinformationOntheToolsmenu,clickSiteSettings,andthenclicktheGeneraltab.
ShowAll
TroubleshootreportsWhyaresomeimagesorotherfilesinmyWebsitenotrepresentedinmy
SiteSummaryreports?
TheSiteSummaryreportdoesnot,bydefault,displayasummaryofinformationforhiddenfilesandfolders.IfyourWebsitecontainsfileslocatedinhiddenfolders,andyouwantthosefilestobeincludedinthisreport,dothefollowing:
1. OntheToolsmenu,clickSiteSettings,thenclicktheAdvancedtab.2. SelecttheShowhiddenfilesandfolderscheckbox.
WhyamInotabletorunareportthatprovidesusageinformationaboutmyWebsite?
Usagereportsareavailableonlyfortop-levelsitesandsubsitesthatarehostedonWebserversrunningSharePointTeamServicesv1.0fromMicrosoft,MicrosoftWindowsSharePointServices,orFrontPage2002ServerExtensionsfromMicrosoft.UsageprocessingmustalsobeturnedonfortheWebserver.
Additionally,ifthesiteisbasedonaserverrunningWindowsSharePointServices,youmusthaveadministratorprivilegesforthatserver.
ShowAll
ConvertaWebsiteorsubsitetoasubfolderWarningWhenyouconvertaWebsiteorsubsitetoasubfolder,manyoftheWebsitesettingscanbelost,includinghyperlinksinnavigationbarsandtasksassociatedwiththepages.
1. InFoldersview,right-clicktheWebsiteorsubsitethatyouwanttoconverttoasubfolder.
2. ClickConverttoFolderontheshortcutmenu.
NoteThelargerthecontentsoftheWebsiteorsubsite,thelongerittakestoconvertittoafolder.
ShowAll
ConvertasubfoldertoaWebsiteWarningWhenyouconvertasubfoldertoaWebsiteorsubsite,manyoftheWebsitesettingscanbelost,includinghyperlinksinnavigationbarsandtasksassociatedwiththepages.
1. IntheFolderList,right-clickthesubfolderyouwanttoconverttoaWebsite.
IftheFolderListishidden,ontheViewmenu,clickFolderList.
2. ClickConverttoWebontheshortcutmenu.
NoteThelargerthecontentsofthesubfolder,thelongerittakestoconvertittoaWebsite.
DeleteaWebsiteorsubsite1. IntheFolderList,right-clicktheWebsiteorsubsite,andthenclickDelete
ontheshortcutmenu.
IftheFolderListishidden,ontheViewmenu,clickFolderList.
2. Toconfirmthedeletion,clickYes.
NoteYoucannotdeleteasubsiteunlessyouhaveadministrativepermissionsonthetop-levelsite.
AboutcategoriesYoucanusecategoriesinMicrosoftFrontPagetoorganizefilesthatarelocatedinseparatefoldersintologicalgroups.Forexample,youcouldclassifyallofthetravel-relatedfilesinyourWebsiteintoacategorytitledTravel.Youcaneitherusethebuilt-incategoriesinFrontPage,orcreateyourowncustomcategories.Youcanalsousecategoriestogroupyourhiddenfiles.
Onceyouhavearrangedyourfilesintocategories,youcanthenquerythem.Byfilteringonthecategorynames,youcandisplayonlythefilesthatyouwanttoview.
ShowAll
CategorizehiddenfilesInordertocategorizefiles,youmustopenaWebsite.
1. Showhiddenfilesandfolders.
How
1. OntheToolsmenu,clickSiteSettings.2. ClicktheAdvancedtab,andthenselecttheShowhiddenfilesand
folderscheckbox.2. OntheViewmenu,pointtoReports,pointtoWorkflow,andthenclick
Categories.3. Dooneofthefollowing:
Categorizeasinglehiddenfile
1. Right-clickthefile,andthenclickPropertiesontheshortcutmenu.2. ClicktheWorkgrouptab.3. IntheAvailableCategoriesbox,selectthecheckboxesforthe
categoriesthatapplytothefile.
Categorizeagroupofhiddenfiles
1. PressandholddownCTRL,andthenclickthefilesthatyouwant.2. Right-clickoneoftheselectedfiles,andthenclickPropertiesonthe
shortcutmenu.3. ClicktheWorkgrouptab.4. IntheAvailableCategoriesbox,selectthecheckboxesforthe
categoriesthatapplytothefiles.
ShowAll
CategorizefilesInordertocategorizefiles,youmustopenaWebsite.
1. OntheViewmenu,pointtoReports,pointtoWorkflow,andthenclickCategories.
2. Dooneofthefollowing:
Categorizeasinglefile
1. Right-clickthefile,andthenclickPropertiesontheshortcutmenu.2. ClicktheWorkgrouptab.3. IntheAvailableCategoriesbox,selectthecheckboxesforthe
categoriesthatapplytothefile.
Categorizeagroupoffiles
1. PressandholddownCTRL,andthenclickthefilesthatyouwant.2. Right-clickthefiles,andthenclickPropertiesontheshortcutmenu.3. ClicktheWorkgrouptab.4. IntheAvailableCategoriesbox,selectthecheckboxesforthe
categoriesthatapplytothefiles.
Addorremoveacategory1. OntheViewmenu,pointtoReports,pointtoFiles,andthenclickAll
Files.2. Right-clickanyfile,clickPropertiesontheshortcutmenu,andthenclick
theWorkgrouptab.3. ClickCategories,andthendooneofthefollowing:
Toaddanewcategory,typeanameintheNewcategorybox,andthenclickAdd.Toremoveacategory,selectit,andthenclickRemove.
ShowAll
CreateataskDooneofthefollowing:
CreateataskonaWebpageorsite
1. OntheViewmenu,clickTasks.2. OntheEditmenu,pointtoTasks,andthenclickAddTask.3. IntheTasknamebox,typethenameofthetask.
4. Specifythesettingsthatyouwantforthistask:
IntheAssignedtobox,typeorselectthenameofthepersonorworkgroupthatyouwanttoassignthetaskto.
IntheDescriptionbox,typeadescriptionofthetask.
UnderPriority,clickaprioritythatmeetsyourexpectationsforthetask.
CreateataskandassociateitwithafileonaWebsite
YoucanassignatasktoanytypeoffileonaWebsite;however,youcanonlyassignatasktoonefileatatime.
1. IntheFolderList,clickthefilethatyouwanttoassociateataskwith.
IftheFolderListishidden,ontheViewmenu,clickFolderList.
2. OntheStandardtoolbar,clickthearrownexttoCreateanewnormalpage .
3. ClickTask.4. IntheTasknamebox,typethenameofthetask.
5. Specifythesettingsthatyouwantforthistask:
IntheAssignedtobox,typeorselectthenameofthepersonor
workgroupthatyouwanttoassignthetaskto.
NexttoAssociatedwith,verifythatthefilenameyouwanttoassociatethetaskwithislisted.
IntheDescriptionbox,typeadescriptionofthetask.
UnderPriority,clickaprioritythatmeetsyourexpectationsforthetask.
Tip
YoucancreateataskinPageviewwhileeditingapage,andthetaskisautomaticallyassociatedwiththatpage.Thenameofthefileassociatedwithatask,ifany,isdisplayedintheAssociatedwithfieldintheNewTaskdialogbox.
AbouttasksYoucantrackworkitemsonyourWebsitebyassigningtaskstopeopleortoworkgroups.Youcanalsoaddadescriptionoftheworkitemdirectlytothetask.YoucanassociatethesetaskswithanyfileonyourWebsite—includingaWebpage,apicture,asoundfile,oranotherMicrosoftOfficeSystemdocument.
ByusingTasksview,youcanmonitorthemostrecentinformationabouteachtask.Eachtaskhasthefollowingproperties:
Status—CompletedorinprogressTask—ThetasknameAssignedTo—UsernameorworkgroupPriority—High,medium,orlowAssociatedWith—Thenameofthefilethetaskisassociatedwith,ifanyModifiedDate—ThelasttimethefilewasmodifiedDescription—Adescriptionoftheworkthatneedstobedone
Youcansorttasksbyanyoftheseproperties.
ShowAll
ChangethestatusofataskDooneofthefollowing:
Startworkingonatask
1. OntheViewmenu,clickTasks.2. Dooneofthefollowing:
Tostartworkingonataskthatisnotassociatedwithafile,right-clickthetask,andthenclickEditTaskontheshortcutmenu.Tostartworkingonataskthatisassociatedwithafile,right-clickthetask,andthenclickStartTaskontheshortcutmenu.
Notes
WhenyoustartataskthatisassociatedwithaWebpage,MicrosoftFrontPageopensthatpageinPageview.Whenyoustartataskthatisassociatedwithanothertypeoffile,thefileisopenedinitsassociatededitor.Forexample,MicrosoftOfficeWord2003istheassociatededitorfor.docfiles.
Markataskascompleted
TomarkataskascompletedinTaskview
1. OntheViewmenu,clickTasks.2. Right-clickthetaskyouwanttomarkascompleted,andthenclickMark
Completeontheshortcutmenu.
MarkataskascompletedwhileeditinganassociatedWebpage
WhenyoustartataskthatisassociatedwitheditingaWebpage,thefirsttimeyousavethepageinPageview,MicrosoftFrontPagepromptsyoutomarkthetaskascompleted.ClickYes.
Deleteatask1. OntheViewmenu,clickTasks.2. Right-clickthetaskyouwanttodelete,andthenclickDeleteTaskonthe
shortcutmenu.
ShowAll
AboutreducingthedownloadtimeofyoursiteAddinggraphic,audio,andvideofilestoyourWebsiteaddstothedownloadtimeforsitevisitorswhentheyaccessyoursite.Itisimportanttotakeintoconsiderationthesize,type,andnumberoffilesthatyouwanttoaddtoyoursite.
Reducingthedownloadtimeofgraphics
Resizeandresamplethegraphic
ResizingagraphicchangesattributevaluesfortheHTMLtagthattellsaWebbrowserhowtodisplaythegraphic;theactualgraphicfileisnotchanged.Ifyouonlyresizethegraphic,itwillbedisplayedinasmallerareaonasitevisitor'sscreen,butitsfilesizeandthedownloadtimeareunchanged.
Todecreasethefilesizeofagraphicanditsdownloadtime,youwillneedtoresamplethegraphicafterresizingit.
Resamplingagraphicchangesitspixelsizetomatchitscurrentdisplaysize.Whenyouresamplethegraphicafterresizingit,thefilesizeisreducedtomatchthesmallersize.
LowerthequalitysettingforJPEGfiles
Asyoulowerthequalitysetting,filecompressionincreasesandfilesizedecreases.
Lowertheresolutionofahigh-resolutiongraphic
Ifyouhaveahigh-resolutiongraphic,makeacopyofthegraphic,openitinagraphicsprogram,andthenmakemodificationstolowertheresolution.YoucanthenreinsertthegraphicinyourWebpageinitslowerresolutionformat.
Displayalow-resolutionversionofagraphicwhiledownloading
Inagraphicsprogram,createalow-resolutionversionofagraphic.Todothis,openyourfileinagraphicseditingprogramandreducethecolordepth(numberofcolors)inthegraphic.Thefewercolorsyouspecifyforthelow-resolutionversionofthegraphic,thefasteritwillbedisplayedinaWebbrowser.Becausethelow-resolutiongraphicisintendedasaplaceholderforthehigh-resolutiongraphic,youshouldnotchangetheheightorwidthofthegraphic.
Then,setMicrosoftFrontPagetodisplaythislow-resolutionversionofyourgraphicwhiletheoriginalisbeingdownloaded.Thisgivesthesitevisitorsomethingtolookatwhilethepageisloading.
Createathumbnail
Athumbnailisasmallversionofthegraphicthatdownloadsquickly.Bylookingatathumbnail,sitevisitorscandeterminewhethertheywanttodownloadthefull-sizeversionofthegraphic.UsetheAutoThumbnailfeature,whichautomaticallycreatesathumbnailwithahyperlinktotheoriginal,largersizedgraphic.
DisplayALTtext
Alternativetext(ALTtext)isdisplayedinplaceofagraphicwhileitisdownloadingandletssitevisitorsknowwhattheyarewaitingtosee.
Reducingthedownloadtimeofaudio
ReusesoundsYoucanreduceaudiofilesizebyloopingorreusingsounds.
ShowAll
AboutusinggraphicsYoucanusegraphicsonyourWebpagestodisplayinformation,artwork,photos,drawingobjects,themeelements,oracompanylogo.Inadditiontobeingdecorative,graphicscanbeusefulforitemssuchasnavigationalbuttons,hotspots,andimagemaps.MicrosoftFrontPagealsogivesyouavarietyofwaystolayoutthegraphicsonyourWebpages.
Graphicusedasabackground
Bannergraphic
Companylogo
Graphicalbullets
Linkbarwithgraphicnavigationbuttons
Graphicalhorizontalline
Chooseafileformat
WhenyouarereadytoaddgraphicstoyourWebpages,youmustdeterminehowyoushouldformatthem.AgraphicsfileinitsnaturalstateistoolargetodownloadquicklyovertheWeb,soyoumustreducethesizeofthefilebycompressingit.
ThestandardfileformatsforWebpagesareGIF,JPEG,andmorerecentlyPNG.Therearemanyfactorsthatdeterminewhichfileformatyouwilluseforeach
graphic.Thebestformatdependsonthetypeofgraphicyou'reworkingwith,thesizeofthefile,howsmallyouwantthegraphicfiletoappear,andthewayyouwanttheimagetodownload.
GIFGraphicsinGIFformatarebestwhenusedwithimagesthatcontainonlyafewdistinctcolors,suchaslinedrawingsandblackandwhiteimages.
OneoftheadvantagestoGIFcompressionformatisthatyoucaninterlaceittoimprovethebrowserdownloadexperience.AninterlacedGIFappearsfirstwithpoorresolutionandthenimprovesuntiltheentireimagearrives.Thisallowstheviewertogetanideaofwhatthegraphicwilllooklikewhiletheyarewaitingforthegraphictoappear.
AnotherusefulaspectofgraphicsinGIFformatisthatyoucanmakethebackgroundofaGIFtransparent,soyouseethebackgroundcolorofthebrowserwindowyou'rein.
JPEGJPEGformatiscommonlyusedforphoto-realisticgraphicscontainingthousandsormillionsofcolors.GraphicsinJPEGformatareusefulbecauseyoucancontrolthefilecompressionbychangingthegraphicquality.Theloweryousetthequality,thehigherthefilecompressionwillbe.Asaresult,thefilesizeisdecreased.
GraphicsinJPEGformatpermitagreaterdegreeofcompressionthantheGIFformatalternative,enablingquickerdownloadingtimesforlargergraphics.However,abrowsercanonlydownloadagraphicinJPEGformatlinearly,fromthetoprowtothebottomrow.
PNGPNGformatisanalternativetoGIFandJPEGthatsupportstransparencyforgraphicscontainingthousandsormillionsofcolors.SomeWebbrowserscannotdisplaygraphicsinPNGformatwithoutaspecialplug-in.ThefollowingarethetypesofPNGformatsthatyoucanchoose:
PNG-8formatissimilartoGIFbutitoffersbetter8-bitcolorsupport.Itefficientlycompressessolidareasofcolorwhilepreservingsharpdetail,suchasthatinlineart,logos,orillustrationswithtype.Thisformatisnotverycommonanditisnotsupportedbyallbrowsers.PNG-24formatisalsosimilartoGIFanditsupports24-bitcolor.LikeJPEGformat,PNG-24preservesthebroadrangeandsubtlevariations
inbrightnessandhuefoundinphotographs.LiketheGIFandPNG-8formats,PNG-24preservessharpdetail,suchasthatinlineart,logos,orillustrationswithtype.Thisformatisnotverycommonanditisnotsupportedbyallbrowsers.
Othertypesoffileformats
Youcanalsoaddgraphicsinthefollowingfileformats:
BMPThenativebitmapformatoftheMicrosoftWindowsenvironmentisapicturemadefromaseriesofsmalldotsanditsupportsimagesupto24bits.
WMFMicrosoftWindowsMetafileformatsupportsbitmapped,vector,andEncapsulatedPostScript(EPS)data.
AddananimatedGIF
AnanimatedGIFisatypeofgraphicthatyoucanusetocreatemovementoranimationbycombiningseveralsequentialimagesintoasingleGIFfile.YoucancreateananimatedGIFinagraphicsprogram,andyoucanfindanimatedGIFsontheWorldWideWeb.YoucanthenaddthemtoyourWebsite.
Theanimationinthisexampleplaysoncewhenthepageisopened.
ShowAll
AddagraphictoaWebpageYoucanaddagraphictoyourWebpagefromavarietyofsources.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointwhereyouwanttoaddagraphic.3. Dooneofthefollowing:
Addagraphicfromafile
1. OntheInsertmenu,pointtoPicture,andthenclickFromFile.2. Locatethefileyouwanttoadd,andthenclickInsert.
AddclipartfromtheClipOrganizer
1. OntheInsertmenu,pointtoPicture,andthenclickClipArt.2. IntheClipArttaskpane,intheSearchforbox,typeawordorphrasethat
describestheclipyouwant.
Ifyouwanttolimityoursearchtoaspecificclipartcollectionorfiletype,dothefollowing:
IntheSearchinlist,clearthecheckboxesnexttothecollectionsyoudonotwanttosearch.IntheResultsshouldbelist,selectthefiletypesyouwant.
3. ClickGo.4. Inthesearchresultslist,clickthegraphicyouwanttoadd.
Addagraphicfromascanner
1. OntheInsertmenu,pointtoPicture,andclickFromScannerorCamera.2. UnderDevice,clickthedeviceyouwanttoaddagraphicfrom.3. Clicktheresolutionthatyouwant.4. Dooneofthefollowing:
Toaddthegraphicinitsoriginalform,clickInsert.
Toadjustthepropertiesofthegraphic,clickCustomInsert,andthenselectthegraphicsyouwanttoadd.
Addagraphicfromadigitalcamera
1. OntheInsertmenu,pointtoPicture,andclickFromScannerorCamera.2. UnderDevice,clickthedeviceyouwanttoaddagraphicfrom.3. ClickCustomInsert.4. SelectthegraphicthatyouwanttoaddandthenclickGetPictures.
Tip
Toselectmorethanonegraphic,holddownCTRLandselectthegraphicsyouwant.
Notes
Whenyousavethepage,MicrosoftFrontPagepromptsyoutosaveembeddedfilestoyourWebsite.Unlessyouspecifyotherwise,graphicsthatuse256orfewerdistinctcolorsareautomaticallyconvertedtoGIF,whileallothergraphicsareconvertedtoJPEG.YoucanchoosenottosavethegraphictoyourWebsitebyclickingSetActionintheSaveEmbeddedFilesdialogbox,whichappearswhenyousaveapage.Forlocalfiles,areferencetothegraphiciscreatedonyourpage.However,ifthegraphicisremovedfromthatlocation,youwillnolongerseethegraphiconyourownpage.
ShowAll
Changeagraphictoadifferentformat1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthegraphic,andthenclickChangePictureFileTypeonthe
shortcutmenu.3. Clickthefileformatthatyouwant.4. UnderSettings,selecttheoptionsthatyouwant.
ForaGIF,youcanspecifywhethertoallowatransparentcolorandwhetherthegraphicisinterlaced.ForaJPEG,youcanspecifythequalityandnumberofprogressivepasses.Thelowerthequalityyouset,themorethegraphicwillbecompressed.ThenumberofprogressivepassesreferstothenumberofpassesthataWebbrowserwilltakeinordertoresolveagraphicasitdownloads.
NoteSomeWebbrowsersdonotsupportprogressivepasses.
ShowAll
SetthedefaultsettingsofaGIForJPEGfileWhenyoupasteagraphicotherthanaGIForJPEGintoapageandthensaveit,MicrosoftFrontPageautomaticallyattemptstoconvertthegraphictoaGIFifithas256bitsofcolororless,ortoaJPEGifithasmorethan256bitsofcolor.
Tosetthedefaultsettingsforthesefiletypes,dothefollowing:
1. OntheToolsmenu,clickPageOptions,andthenclickthePicturetab.2. Todefinethewayafiletypeisconvertedbydefault,clickFileType
Settings,andthenselecttheoptionsyouwant.3. Specifythedefaultsettingsthatyouwant.
ShowAll
Changethepropertiesofagraphic1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthegraphic,andthenclickChangePictureFileTypeonthe
shortcutmenu.
Ifthegraphichasoneormorehotspots,right-clickanareaofthegraphicthatisnotahotspot.
3. Changethepropertiesforoneofthefollowing:
ThegraphicisinJPEGformat
1. UnderSettings,cleartheUseimageasischeckbox.2. TospecifythequalityoftheJPEG,enteravaluefrom1to100inthe
Qualitybox.Thisallowsyoutoproduceasmallersizefileofthegraphic,therebyloweringthequalityofthegraphic.
3. IntheProgressivepassesbox,enterthenumberofprogressivepassesyouwantWebbrowserstomake.
SomeWebbrowsersdonotsupportprogressivepasses.
ThegraphicisinGIFformat
Tospecifywhetherthegraphicshouldbeinterlaced,underSettings,selectorcleartheInterlacedcheckbox.Toremovethetransparency,ifatransparentcolorhasbeenset,cleartheTransparentcheckbox.
NoteIfyouwanttochangethepropertiesofaPNGgraphic,youmustuseagraphicseditingprogram.
AssociateafiletypewithaprogramByassociatingafiletypewithaprogram,youspecifywhichprogramyouwanttousewhenopeningaspecifictypeoffilefromwithinFrontPage.NotethatthesettingyouchoosedoesnotapplytoyourMicrosoftWindowssettings.
1. OntheToolsmenu,clickOptions.2. ClicktheConfigureEditorstab.3. IntheExtensionslist,clickthefilenameextensionforthefiletypeyou
wanttoassociatewithaprogram.
Ifthefilenameextensiondoesn'tappearinthelist,clickNewExtension,typethefilenameextensionyouwanttoadd,andthenclickOK.
4. IntheEditorslist,clicktheprogramyouwanttoassociatewiththefiletype.
Iftheprogramdoesn'tappearinthelist,clickNewEditor ,selecttheprogram,andthenclickOK.
5. ClickMakeDefault.
ShowAll
AddtextthatdescribesagraphicAlternativetextcandisplayforgraphics,dependingonthebrowser,whenthegraphicisdownloading,whenitcan'tbefound,orwhenasitevisitormovesthepointeroverit.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthegraphic,clickPicturePropertiesontheshortcutmenu,and
thenclicktheGeneraltab.3. UnderAlternativerepresentations,intheTextbox,typethealternative
textforthegraphic.
Specifyalow-resolutionversionofagraphic1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthegraphic,clickPicturePropertiesontheshortcutmenu,and
thenclicktheGeneraltab.3. UnderAlternativerepresentations,intheLow-Resbox,typethefile
nameforthelow-resolutiongraphic,orclickBrowsetolocateit.
NoteSomeWebbrowsersdonotrecognizethelow-resolutionattributewhenrenderinggraphics.
ShowAll
TroubleshootgraphicsIcan'tcroppartofaphotogallerygraphic.
MicrosoftFrontPagecanonlycropphotogalleryimagesdowntoacertainsize.Ifyoufindthatyourgraphicistoolarge,youcaninsertitontoablankpage,cropitlikeyouwouldanyothergraphic,andthenresaveandreinsertitintoyourphotogallery.
WhenIdouble-clickagraphictoedititinanothereditor,"Nopictureeditorisconfigured"appears.
Youmustfirstchoosethepictureeditoryouwanttousetoedityourgraphics.Youwillneedtochooseoneforeachtypeofgraphicyouwanttoedit.Tochoosethepictureeditor,dothefollowing:
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthegraphic,pointtoOpenWith,andclickChooseProgram
ontheshortcutmenu.3. UnderChoosetheprogramyouwanttousetoopenthisfile,clickthe
graphicseditorthatyouwantforthisfiletype,andthenclickOK.
Ifyoudonotseethegraphicseditoryouwantinthelist,clickBrowseformore,locateandclicktheoneyouwant,andthenclickOpen.
NoteYoucannotspecifyagraphicseditorforanimatedGIFsthatisdifferentfromtheoneyousetforGIFs.
ThegraphicIinsertedisnotdisplayinginmyWebsite.
Thiscanbecausedbyoneofthefollowing:
YouacquiredthisgraphicfromanotherWebsite
WhenyouaddagraphictoaWebpageandthensaveit,youarepromptedtosavethatgraphictotheWebsitethatcontainsthatWebpage.Ifyou
acquiredthisgraphicfromasharedlocationoranothersite,andyoudidn'tsaveittoafolderinyoursite,thepathtoitwillbebrokenifthatgraphicisremovedfromthesharedlocationorWebsite,anditwillnotdisplayonyourWebpage.
YouneedtopublishtheimageorthefoldertowhereallothergraphicsarelocatedonyourWebserver
IfyouhaveagraphicthatyouareusingforaWebpagelocatedinalocalfolder,whenyoupublishthatWebpage,youalsoneedtopublishthefolderwhereallthegraphicsareorallyourgraphicswillappeartobebroken.
WhenIclickahotspot,itreturnsa404errormessage.
Thiscanbecausedbyoneofthefollowing:
ThedestinationmayhavemovedormaynolongerexistVerifythatthefileexistsbyviewingthedestinationfileinyourInternetWebbrowser(ifthefileisontheInternet),orbyusingMicrosoftWindowsExplorer(ifthefileisonyourharddriveoranetwork).YoumaynothaveaccesstothedestinationIfthedestinationfileisontheInternet,makesureyouhaveaconnectiontotheInternet.TheremaybeatechnicalproblemIfyoubelievethatthefileyouarelinkingtoexistsandthatyouhavepermissiontolinktoit,trydeletingyourtemporaryInternetfiles.
How?
1. OpenMicrosoftInternetExplorer.2. OntheToolsmenu,clickInternetOptions.3. UnderTemporaryInternetFiles,clickDeleteFiles.
WhenIclickahotspot,itreturnsa403errormessage.
Youmaybetryingtolinktoapageordirectorythatdoesnothaveanonymousbrowsingpermissions.
Ifthedestinationisonanetwork,contactyournetworkadministratortoensurethatyouhaveaccesstothedestinationfile.
WhenIamresizingagraphicinpercentages,theKeepaspectratiocheckboxappearsdimmed.
MicrosoftFrontPagebasesthepercentagewidthorheightofagraphiconaportionofthebrowserwindow(ortablecell)andtheaspectratioisnotpreserved.Ifyouwanttopreservetheaspectratio,youmustresizethegraphicbyenteringthewidthandheightsizeinpixels.
Iamunabletocopyaphotographfrommyscannerordigitalcameratothephotogallery.
Somecamerasandscannersrequirethatyoufirstinstallhardwaredriversonthecomputerthatyouwillconnectthecameraorscannerto.Seetheinstructionsfromthemanufacturerofyourscannerorcameratodetermineifyouneedtodothis.
ShowAll
AboutchangingtheappearanceofgraphicsYoucanuseMicrosoftFrontPagetochangegraphicsinthefollowingways:
Crop
Bycroppingagraphic,youcanremoveareasofthegraphicthatyoudon'twanttouse.Croppingalsoletsyouchangetheproportionsofthegraphic;forexample,youcancropagraphicsothatitisshorter.
Originalgraphic Croppedgraphic
Addtext
Youcanaddtextontopofagraphic.ThetextyouaddwillnotaffectthesizeofthegraphicfileinyourWebsite.
Originalgraphic Graphicwithtext
Changebrightnessandcontrast
Youcanincreaseordecreasethebrightnessofagraphic,aswellasincreaseordecreasethecontrastofcolorinagraphic;forexample,tosharpenagraphic.
Morebrightness Lessbrightness
Morecontrast Lesscontrast
Applyagrayscale
Youcanconvertagraphictoblackandwhite(grayscale).
Grayscale
Addorremoveborders
Youcanaddabeveledbordertoagraphictogiveitaraised,three-dimensionalappearance.Thisfeatureisusefulifyouwanttousethegraphicasabutton.Youcanalsoadda1,2,3,or4-sidedborderaroundagraphicandpickitsstyleandcolor.
NoteIfthegraphichasadefaulthyperlink,theborderwillhavethecolorsthatyouspecifiedforhyperlinks.
Beveledborder Regularborder
Setatransparentcolor
Youcanselectonecolorinagraphictobetransparent,andthenwhereverthatcolorappears,thebackgroundwillshowthrough.Eachgraphiccanhaveonlyonetransparentcolor.Ifyouselectatransparentcolorforagraphicthatalreadyhasonespecified,theoriginaltransparentcolorwillnolongerbetransparent.
Originalgraphic Transparentcolor
Rotateandflip
Youcanrotateagraphic90degreesclockwiseorcounterclockwise.Youcanalsoflipagraphichorizontally(whichturnsthegraphicupsidedown)orvertically(whichmakesamirrorimage).
Rotateleft Rotateright
Fliphorizontally Flipvertically
ShowAll
AddorremoveaborderfromagraphicDooneofthefollowing:
Addabordertoagraphic
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthegraphic,andthenclickPicturePropertiesontheshortcut
menu.3. UnderLayout,intheBorderthicknessbox,typeorselectavalueto
indicatethewidthoftheborderinpixels.4. Tospecifythestyleoftheborder,clickStyle,clickFormat,clickBorder,
andthenselecttheoptionsyouwant.
Notes
Ifthegraphichasadefaulthyperlink,theborderwillhavethecolorsthatyouspecifiedforhyperlinks.Youcannotchangeabeveledborderaroundagraphic.
Removeaborderfromagraphic
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthegraphic,andthenclickPicturePropertiesontheshortcut
menu.3. UnderLayout,intheBorderthicknessbox,type0toindicatezeropixels.
ShowAll
Changetheborderaroundagraphic1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthegraphic,andclickPicturePropertiesontheshortcutmenu.3. UnderLayout,selecttheoptionsyouwant.4. ClickStyle.5. ClickFormat,andthenclickBorder.6. Selecttheoptionsyouwant.
Notes
Youcannotchangeabeveledborderaroundagraphic.Ifthegraphichasadefaulthyperlink,theborderwillhavethecolorsthatyouspecifiedforhyperlinks.
ShowAll
Addtexttoagraphic1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthegraphictowhichyouwanttoaddtext.3. OnthePicturestoolbar,clickText .
IfthePicturestoolbarishidden,right-clickthegraphic,andclickShowPicturesToolbarontheshortcutmenu.
4. Typethetextyouwant.5. OntheFormatmenu,clickFont,andthenselecttheformattingoptions
youwant.6. Youcanalsodooneormoreofthefollowing:
Toresizeatextbox,dragthehandlesonthetextboxborder.Tomoveatextbox,dragtheborderofthetextboxtoanewlocation.
Tip
IfthegraphicisnotinGIFformat,MicrosoftFrontPagewillconvertit.IfyoudonotwantthegraphicconvertedtoGIFformat,youcanaddthetexttothegraphicbyusingagraphicseditingprogramandthensavethegraphicfiletoyourWebsite.
ShowAll
Addagraphicbackgroundtotext1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Selecttheparagraphsthatyouwanttoaddabackgroundto.3. OntheFormatmenu,clickBordersandShading,andthenclickthe
Shadingtab.4. UnderPatterns,intheBackgroundpicturebox,typethelocationofthe
graphicyouwanttouse.5. Setthepropertiesforthebackgroundgraphic.
How?
Dooneormoreofthefollowing:
IntheVerticalpositionandHorizontalpositionboxes,specifyhowyouwanttoalignthegraphic.
IntheRepeatbox,specifyhowyouwanttotilethegraphic.
Forexample,totilethegraphichorizontally,clickrepeat-x.Totilethegraphicvertically,clickrepeat-y.
IntheAttachmentbox,specifywhetherthebackgroundgraphicshouldbefixedrelativetothebrowserwindow,orwhetheritshouldscrollwiththedocument.
CropagraphicBycroppingagraphic,youcanremoveareasofthegraphicthatyoudon'twanttouse.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthegraphic.3. OnthePicturestoolbar,clickCrop .
IfthePicturestoolbarishidden,right-clickthegraphic,andthenclickShowPicturesToolbarontheshortcutmenu.
4. Dragthehandlesofthecroppingboxtoresizeandincludethepartofthegraphicthatyouwanttokeep.
5. ClickCrop againtoremovetheareaoutsideofthecroppingbox.
Rotateorflipagraphic1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthegraphic.
Ifyouwanttorotateorflipthebackgroundgraphic,youdonotneedtomakeaselection.
3. OnthePicturestoolbar,doanyoneofthefollowing:
IfthePicturestoolbarishidden,right-clickthegraphic,andclickShowPicturesToolbarontheshortcutmenu.
Torotateagraphic90degreescounterclockwise,onthePicturestoolbar,clickRotateLeft90º .Torotateagraphic90degreesclockwise,clickRotateRight90º .Toflipagraphicupsidedown,clickFlipVertical .Toflipagraphictocreateamirrorimage,clickFlipHorizontal
.
ShowAll
Alignagraphic1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthegraphic,andthenclickPicturePropertiesontheshortcut
menu.3. ClicktheAppearancetab,andthendooneofthefollowing:
UnderWrappingStyle,clicktheoptionyouwant.UnderLayout,intheAlignmentbox,clickanoptiontospecifyhowyouwantthegraphictobealignedonthepage.
4. UnderLayout,intheHorizontalspacingbox,typeorselectthenumberofpixelsyouwantontheleftandrightsidesofthegraphic.
5. UnderLayout,intheVerticalspacingbox,typeorselectthenumberofpixelsyouwantonthetopandbottomsidesofthegraphic.
ShowAll
ResizeagraphicInPageview,atthebottomofthedocumentwindow,clickDesign ,andthendooneofthefollowing:
Resizeagraphicbyusingpixelandpercentvalues
1. Right-clickthegraphic,andthenclickPicturePropertiesontheshortcutmenu.
2. UnderSize,selecttheSpecifysizecheckbox.3. IntheHeightandWidthboxes,typeorselectthepixelorpercentvalues
youwant.4. Tospecifywhetheryouwanttoadjusttheaspectratioofthegraphicafter
youresizeit,selectorcleartheKeepaspectratiocheckbox.5. Toresamplethegraphicaccordingtoitsnewsize,inthelower-rightcorner
ofthegraphic,clickPictureActions ,andthenselectResamplePicturetoMatchSize.
Resizeagraphicdirectly
Clickthegraphic,andthendragasizinghandletoanewposition.
Convertagraphictograyscale1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthegraphic.
Ifyouwanttoconvertabackgroundgraphictograyscale,youdonotneedtomakeaselection.
3. OnthePicturestoolbar,clickColor ,andthenclickGrayscale.
IfthePicturestoolbarishidden,right-clickthegraphic,andclickShowPicturesToolbarontheshortcutmenu.
Changethecontrastorbrightnessofagraphic1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthegraphic.
Ifyouwanttochangethecontrastofabackgroundgraphic,youdonotneedtomakeaselection.
3. OnthePicturestoolbar,dooneorbothofthefollowing:
IfthePicturestoolbarishidden,right-clickthegraphic,andthenclickShowPicturesToolbarontheshortcutmenu.
Tochangethecolorcontrastofagraphic,clickMoreContrastorLessContrast .
Tochangethebrightnessofagraphic,clickMoreBrightnessorLessBrightness .
Washoutthecolorofagraphic1. InPageview,atthebottomofthepage,clickDesign .2. Clickthegraphic.
Ifyouwanttowashoutbackgroundgraphic,youdonotneedtomakeaselection.
3. OnthePicturestoolbar,clickColor ,andthenclickWashOut.
NoteIfthePicturestoolbarishidden,right-clickthegraphic,andclickShowPicturesToolbarontheshortcutmenu.
ShowAll
Makeacolorinagraphictransparent1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthegraphic.3. OnthePicturestoolbar,clickSetTransparentColor .
IfthePicturestoolbarishidden,right-clickthegraphic,andclickShowPicturesToolbarontheshortcutmenu.
4. Clickthecolorinthegraphicthatyouwanttomaketransparent.
Tip
IfthegraphicisnotinGIFformat,MicrosoftFrontPagewillconvertittothatformat.IfyoudonotwantthegraphicconvertedtoGIFformat,youcanedititinagraphicseditingprogramandsaveittoyourWebsite.
UndochangestoagraphicYoucanundochangesyouhavemadetoagraphicsinceyoulastsavedoraddedittoaWebpage.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthegraphic.
Ifyouwanttorestorethebackgroundgraphic,youdonotneedtomakeaselection.
3. OnthePicturestoolbar,clickRestore .
NoteIfthePicturestoolbarishidden,right-clickthegraphic,andclickShowPicturesToolbarontheshortcutmenu.
AboutInteractiveButtonsYoudon'tneedtobeanimagingorcodingexperttoaddfunctionalbuttonstoyourWebpages.MicrosoftFrontPagemakesiteasyforyoutoaddbuttonstoyourWebpagesthatresemblebuttonsyouwouldexpectfromanadvancedgraphics-editingtool.
Youcanchangetheappearanceofthesebuttonswithoutanycodeediting.Youcanchangesettings,suchasaddbuttontext,selectbuttonandbackgroundcolors,anddefineahyperlinkforabutton.Youcanalsospecifythefontstyle,size,andcolorforallstatesofthebuttonincludingtheoriginal,hover,andpressedstates.Youcansetthehorizontalandverticalalignment,aswellaschangethesizeandproportionsofthebutton.
Afteryouaddabutton,youcanlinkittoanotherpageinthecurrentWebsite,asiteontheWorldWideWeb,orane-mailaddress.
Whenyouaddaninteractivebutton,FrontPagecreatesimagefilesthatmakeupthebutton.WhenyousaveyourWebpages,FrontPagewillpromptyoutoalsosavethebuttonimagefiles.
ShowAll
AddanInteractiveButton1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointwhereyouwanttoaddthebutton.3. OntheInsertmenu,clickInteractiveButton.4. OntheButtontab,intheButtonslist,clickabuttonstyle.5. IntheTextbox,typethetextthatyouwanttoappearonthebutton.6. NexttotheLinkbox,clickBrowse.7. Locateandclickthefile,URL,ore-mailaddressthatyouwantthebutton
tolinkto,andthenclickOK.
NoteWhenyousavetheWebpage,MicrosoftFrontPagewillpromptyoutosavetheimagesassociatedwiththebutton.
DeleteanInteractiveButton1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthebutton,andpressDELETE.
NoteWhenyoudeleteabutton,thefilesassociatedwiththatbuttonarenotdeleted.YoumustdeletethebuttonfilesfromtheFolderList.
ShowAll
SetthepropertiesofanInteractiveButton1. Right-clicktheInteractiveButtonthatyouwanttosetthepropertiesfor,
andthenclickButtonPropertiesontheshortcutmenu.2. Dooneormoreofthefollowing:
Setthetext
OntheButtontab,intheTextbox,typethetextthatyouwanttoappearonthebutton.
Setthefont
OntheFonttab,selectthefontpropertiesthatyouwant.
Setthedestination
OntheButtontab,intheLinkbox,locateandclickthefile,URL,ore-mailaddressthatyouwantthebuttontolinkto,andthenclickOK.
Setthebuttonbackground
OntheImagetab,dooneofthefollowing:
TomatchthebackgroundofthebuttontoaWebpagewithasolidbackground,clickMakethebuttonaJPEGimageandusethisbackgroundcolor,clickthearrowonthelist,andthenclickacolorthatmatchesyourWebpage.TomatchthebackgroundofthebuttontoaWebpagewithavariedbackground,clickMakethebuttonaGIFimageanduseatransparentbackground.
Setthesize
OntheImagetab,dooneorbothofthefollowing:
Tosettheheightandwidthofabutton,intheHeightandWidthboxes,typeorselectthepixelvaluesthatyouwant.Tomaintaintheaspectratioofthebutton,selecttheMaintainproportionscheckbox.
Setthebehavior
OntheImagetab,dooneormoreofthefollowing:
Todisplaythebuttondifferentlywhenasitevisitorreststhemousepointeronit,selecttheCreatehoverimagecheckbox.Todisplaythebuttondifferentlywhenasitevisitorclicksit,selecttheCreatepressedimagecheckbox.Toloadtheimagesforthehoverandclickedstatesofthebuttonastherestofthepageloads,selectthePreloadbuttonimagescheckbox.
AddapicturetoahoverbuttonThisprocedureappliesonlytoahoverbuttonthatyoucreatedbyusinganearlierversionofMicrosoftFrontPage.
Youcanaddapictureasthebackgroundofahoverbutton,asthehovereffect,orboth.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthehoverbutton,andthenclickHoverButtonPropertieson
theshortcutmenu.3. ClickCustom.4. NexttotheButtonbox,clickBrowse.5. Locateandclickthepicturefile,andthenclickOpen.6. ToreturntotheHoverButtonPropertiesdialogbox,clickOK.7. IntheWidthandHeightboxes,typethewidthandheightofthepicturein
pixels,andthenclickOK.
Thesizeofthepictureshouldmatchthesizeofthehoverbutton.
AddasoundtoahoverbuttonThisprocedureappliesonlytoahoverbuttonthatyoucreatedbyusinganearlierversionofMicrosoftFrontPage.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthehoverbuttonthatyouwanttoaddasoundeffectto,andthen
clickHoverButtonPropertiesontheshortcutmenu.3. ClickCustom.4. InthePlaysoundarea,dooneofthefollowing:
Toplaythesoundeffectwhenasitevisitorclicksthehoverbutton,clickBrowsenexttotheOnclickbox,locateandclickthesoundfile,andthenclickOpen.Toplaythesoundeffectwhenasitevisitorpointstothehoverbutton,clickBrowsenexttotheOnhoverbox,locateandclickthesoundfile,andthenclickOpen.
NoteBecausehoverbuttonsareactuallyJavaapplets,youcanonlyuse.auformatsoundfilesforsoundeffects;youcannotuse.midior.wavfiles.Furthermore,the.aufilesmustbein8-bit,8000Hz,mono,u-lawformat.
SetthepropertiesofahoverbuttonThisprocedureappliesonlytoahoverbuttonthatyoucreatedbyusinganearlierversionofMicrosoftFrontPage.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthehoverbuttonyouwanttosetthepropertiesfor,andthen
clickHoverButtonPropertiesontheshortcutmenu.3. Selectthepropertiesyouwant.
Deleteahoverbutton1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthebutton,andpressDELETE.
ShowAll
AboutphotogalleriesAphotogalleryisaWebpagethatcontainsacollectionofphotosarrangedinaspecificlayout.MicrosoftFrontPageprovidesfourdifferentlayoutsthatyoucanusetoarrangeyourgraphics.
Inadditiontocreatinganindividualphotogallery,youcancreateyourownWebsite"photoalbum"byfirstcreatingtwoormoregalleries,andthenaddingalinkbarthatconnectsthemall.Eachpagecanhaveadifferentlayout.
Addingandremovingphotos
Whenyoucreateagallery,youcanaddasmanyphotosasyouwant.Youcanalsoaddorremovephotosatanytime.
Youcanaddphotosfromavarietyofsources:
YourcomputerorlocalWebsiteTheWorldWideWebTheMicrosoftClipOrganizerAscannerAdigitalcamera
Editingaspecificphoto
FrontPageoffersyouseveralwaystoedityourphotosafteryouhaveaddedthemtothephotogallery:
SizeYoucanchangethewidthorheightofthephoto.Youcanalsochoosetomaintaintheaspectratio,soyourphotodoesnotbecomedistorted.
Original Resized
OrientationYoucanrotateorflipthephoto:Original
Rotatedright90degrees Rotatedleft90degrees
Flippedvertically Flippedhorizontally
CropYoucancropthephotoanddisplayonlytheportionsyouwant.Original Cropped
ResetAftermakingchangestothephoto,youcanclickResettoreturnthephototoitsoriginalstate.
Captionsanddescriptions
Beloweachphotoinaphotogallerythereisspaceforacaptionanddescription.Youcanselectthefontstyle,color,andsizeofthecaption.Youcancreatethecaptionanddescriptionwhenyoucreatethegallery,oryoucanchangeorremoveitlater.
Thumbnails
Whenyoucreateaphotogalleryusingoneofthefourlayouts,athumbnailofeachphotoisautomaticallycreated.Youhavetheopportunitytosetorchangethesizeofthethumbnailatanytime.
Originalgraphic Thumbnailofthegraphic
ShowAll
Createaphotogallery1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointwhereyouwanttoaddaphotogallery.3. OntheInsertmenu,clickWebComponent.4. IntheComponenttypelist,clickPhotoGallery.5. IntheChooseaPhotoGalleryOptionlist,clickthelayoutyouwant.6. ClickFinish.7. Toaddaphototothephotogallery,clickAdd.8. Dooneofthefollowing:
Addapicturefromafile
1. ClickPicturesfromFiles.2. Locateandclickthefileyouwant,andthenclickOpen.
Addapicturefromascanner
1. ClickPicturesfromScannerorCameras.2. UnderDevice,clickthedeviceyouwanttoaddagraphicfrom.3. Clicktheresolutionthatyouwant.4. Dooneofthefollowing:
Toaddthegraphicinitsoriginalform,clickInsert.Toadjustthepropertiesofthegraphic,clickCustomInsert,andthenselectthegraphicsyouwanttoadd.
Addapicturefromadigitalcamera
1. ClickPicturesfromScannerorCameras.2. UnderDevice,clickthedeviceyouwanttoaddagraphicfrom.3. ClickCustomInsert.4. SelectthegraphicthatyouwanttoaddandthenclickGetPictures.
Tip
Toselectmorethanonegraphic,holddownCTRLandselectthe
graphicsyouwant.
9. Torearrangetheorderofthephotos,selectthenameofthephoto,andclickMoveUporMoveDown.
ShowAll
Addaphototoaphotogallery1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Double-clickthephotogallerywhereyouwanttoaddaphoto.3. ClickthePicturestab,andthenclickAdd.4. Dooneofthefollowing:
Addapicturefromafile
1. ClickPicturesfromFiles.2. Locateandclickthefileyouwant,andthenclickOpen.
Addapicturefromascanner
1. ClickPicturesfromScannerorCameras.2. UnderDevice,clickthedeviceyouwanttoaddagraphicfrom.3. Clicktheresolutionthatyouwant.4. Dooneofthefollowing:
Toaddthegraphicinitsoriginalform,clickInsert.Toadjustthepropertiesofthegraphic,clickCustomInsert,andthenselectthegraphicsyouwanttoadd.
Addapicturefromadigitalcamera
1. ClickPicturesfromScannerorCameras.2. UnderDevice,clickthedeviceyouwanttoaddagraphicfrom.3. ClickCustomInsert.4. SelectthegraphicthatyouwanttoaddandthenclickGetPictures.
Tip
Toselectmorethanonegraphic,holddownCTRLandselectthegraphicsyouwant.
5. Torearrangetheorderofthephotos,selectthenameofthephoto,andthenclickMoveUporMoveDown.
ShowAll
Editaphotoinaphotogallery1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Double-clickthephotogallery.3. Selectthenameofthephotoyouwanttoedit.4. ClickEdit,anddooneormoreofthefollowing:
Changethesizeofthephoto
1. UnderPictureSize,specifyawidthandaheightforthephotoinpixels.
Rotateorflipthephoto
UnderRotatePicture,dooneormoreofthefollowing:
Torotatethephoto90degreescounterclockwise,clickRotateLeft.
Torotatethephoto90degreesclockwise,clickRotateRight.
Toturnthephotoupsidedown,clickFlipVertical .Tocreateamirrorimage,clickFlipHorizontal .
Cropthephoto
1. UnderCropPicture,clickCrop.
Acroppingboxappearsonthephoto.
2. Clickanddragthehandlestoresizethebox.3. ClickCropagaintoremovetheareaoutsideofthecroppingbox.
NoteIfyouwanttoreturnthephototoitsoriginalstate,clickReset.
Tip
Toeditthephotobeforeoraftertheoneyoujustedited,clickPreviousorNext.
Changethelayoutofaphotogallery1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Double-clickthephotogallery,andthenclicktheLayouttab.3. Choosealayoutfromthelist.4. TypeorselectanumberintheNumberofpicturesperrowbox.
NoteTheSlideShowLayoutandMontageLayoutgalleriesdonotusecolumnsandrowstodisplaythegraphics,andtherefore,youdonotneedtospecifyanumber.
Changeacaptionordescriptioninaphotogallery1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Double-clickthephotogallery.3. Clickthenameofthephotoyouwanttochange.4. Dooneorbothofthefollowing:
IntheCaptionbox,typethenewcaption.IntheDescriptionbox,typethenewdescription.
Removeaphotofromaphotogallery1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Double-clickthephotogallery.3. InthePhotoGalleryPropertiesdialogbox,clickthePicturestab.4. Clickthephoto,andthenclickRemove.
AbouthotspotsandimagemapsAhotspotcanbeashapeortextonagraphicthatisalsoahyperlink.Whenasitevisitorclickstheshapeorthetext,thedestinationofthehyperlinkdisplaysinaWebbrowser.InMicrosoftFrontPage,hotspotscanbeshapedasrectangles,circles,orpolygons.
Agraphicwithoneormorehotspotsiscalledanimagemap.Animagemapusuallygivescuesaboutwheresitevisitorsshouldclick.
Forexample,ifyouhaveaWebpageaboutyourcompany,itmightincludeapictureofyourproductthatcontainsahotspotforeachparticularaspectofthatproduct.Whensitevisitorsclickanareaoftheproduct,apageisdisplayeddescribingthataspectoftheproductindetail.
Theareasofthegraphicthatdon'thavehotspotscanbeassignedadefaulthyperlink;whensitevisitorsclickanywhereoutsideahotspot,theywillbedirectedtothedestinationyousetforthegraphic'sdefaulthyperlink.
ShowAll
Addahotspottoagraphic1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthegraphicthatyouwanttoaddahotspotto.3. Dooneofthefollowing:
Addahotspottoagraphic
1. OnthePicturestoolbar,clickRectangularHotspot ,CircularHotspot,orPolygonalHotspot .
IfthePicturestoolbarishidden,right-clickthegraphic,andthenclickShowPicturesToolbarontheshortcutmenu.
2. Onthegraphic,dragtodrawarectangle,circle,orpolygon.Whenyoureleasethemousebutton,theInsertHyperlinkdialogboxopens.
3. Locatethefileyouwanttolinkto,andthenclickOK.
Notes
Todrawapolygon,clicktoplaceeachcornerofthepolygon,andthendouble-clicktofinishit.
Addatexthotspottoagraphic
1. OnthePicturestoolbar,clickText .
IfthePicturestoolbarishidden,right-clickthegraphic,andthenclickShowPicturesToolbarontheshortcutmenu.
2. Inthebox,typethetextyouwant.3. Dooneorbothofthefollowing:
Tomovethetextbox,dragtheborderofthetextboxtoanewlocation.Toresizethetextbox,dragthehandlesonthetextboxborder.
4. Double-clickanedgeofthetextbox.5. Locatethefileyouwanttolinkto,andthenclickOK.
ShowAll
Changeordeleteahotspot1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthegraphictoviewthehotspot.3. Dooneormoreofthefollowingtochangethedestinationofthehotspot:
EdittheURLofahotspotDouble-clickthehotspot,andselectthedestination.ResizethehotspotDragtheselectionhandlestonewpositions.DeleteahotspotClickthehotspot,andthenpressDELETE.MovethehotspotDragtheborderstoanewlocation.
ShowAll
HighlightthehotspotsonagraphicYoucanhighlighthotspotsonagraphic.Forexample,youmightusethisfeatureifit'shardforyoutoseethehotspotoutlinesthataresuperimposedonthegraphic.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthegraphic.3. OnthePicturestoolbar,clickHighlightHotspots .
IfthePicturestoolbarishidden,right-clickthegraphic,andthenclickShowPicturesToolbarontheshortcutmenu.
4. Todisplaythegraphicwithouthighlighting,clickHighlightHotspotsagain.
ShowAll
Createathumbnail1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Clickthegraphic.
3. OnthePicturestoolbar,clickAutoThumbnail .
IfthePicturestoolbarishidden,right-clickthegraphic,andthenclickShowPicturesToolbarontheshortcutmenu.
MicrosoftFrontPagecreatesathumbnailgraphicandahyperlinktotheoriginalfull-sizegraphic.
ShowAll
Setthepropertiesforthumbnails1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheToolsmenu,clickPageOptions,andthenclicktheAuto
Thumbnailtab.3. Dooneormoreofthefollowing:
Tospecifythesize,intheSetbox,clicktheoptionyouwant,andtheninthePixelsbox,typeorselectthevalueinpixels.Tospecifythebordersize,selecttheBorderthickness,andtheninthePixelsbox,enterthevalueinpixels.Tobeveltheedgesofthegraphic,clicktheBevelededgecheckbox.
Ifyouhavealsospecifiedaborderthickness,thethumbnailwillhaveabevelededgeinsideofaborder.
ShowAll
Resizeathumbnailinaphotogallery1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Double-clickthephotogallery.3. Clickthethumbnailphotothatyouwanttoresize.4. UnderThumbnailsize,specifyanewwidthandheightinpixels.
Moveadrawingobjectforwardorbackward1. Selectthedrawingobjectthatyouwanttomove.
NoteIftheobjectishiddenbeneathotherobjects,selectanyobject,andthenpressTABuntiltheobjectyouwantisselected.
2. OntheDrawingtoolbar,dooneofthefollowing:Tobringanobjectonelayerclosertothefront,clickDraw,pointtoOrder,andthenclickBringForward.Tobringanobjecttothefront,clickDraw,pointtoOrder,andthenclickBringtoFront.Tosendanobjectonelayerclosertotheback,clickDraw,pointtoOrder,andthenclickSendBackward.Tosendanobjecttotheback,clickDraw,pointtoOrder,andthenclickSendtoBack.
ShowAll
SetdefaultstylesfordrawingobjectsYoucanusethepropertiesofanexistingAutoShapedrawingobjecttosetformattingattributesthatwillapplytoallnewdrawingobjectsinMicrosoftFrontPage.
Right-clickthedrawingobjectthathastheattributesyouwanttouseasthedefault,andthenclickSetAutoShapeDefaultsontheshortcutmenu.
AboutdrawingobjectsYoucanadddrawingobjectstoaWebpage,andthenresize,rotate,flip,color,addtext,specifylinestylesandshadowstyles,andcombineobjectstomakemorecomplexshapes.AutoShapesaredrawingobjects,locatedontheDrawingtoolbar,thatincluderectanglesandcircles,plusavarietyoflines,blockarrows,flowchartsymbols,starsandbanners,andcallouts.YoucanalsoaddobjectsfromtheClipOrganizer.
Whenyouaddtexttoadrawingobject,thetextbecomespartoftheobject,andifyourotateorfliptheobject,thetextrotatesorflipswithit.
Alldrawingobjectshaveadjustmenthandlesthatyoucanusetoadjusttheappearanceofthedrawingobject.
AsyouadddrawingobjectstoyourWebpage,theystackautomaticallyintoindividuallayers.Youcanseethestackingorderwhenobjectsoverlap,suchasthetopofoneobjectcoveringaportionofoneormoreobjectsbeneathit.
Youcanmoveindividualdrawingobjectsorgroupsofobjectsinastack.Forexample,youcanmoveobjectsupordownwithinastackonelayeratatime,oryoucanmovethembackwardorforward(toporbottom)inonemove.
Textboxesarelikedrawingobjects.Youcanformatthemtoincludecolor,fills,andborders.
Drawaline1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheDrawingtoolbar,clickLine .
IftheDrawingtoolbarishidden,ontheViewmenu,pointtoToolbars,andthenclickDrawing.
3. Dragtodrawtheline,anddooneofthefollowing:Ifyouwanttodrawastraightline,holddownSHIFTasyoudrag.Toconstrainthelinetodrawat15-degreeanglesfromitsstartingpoint,holddownSHIFTasyoudrag.Tolengthenthelineinoppositedirectionsfromthefirstendpoint,holddownCTRLasyoudrag.
ShowAll
Formataline1. Tochangethecolororstyleofaline,selecttheline,andthendooneor
bothofthefollowing:
Changethecolororpatternofaline
1. OntheDrawingtoolbar,clickthearrownexttoLineColor(Auto).
2. Dooneofthefollowing:
Selectastandardcolor
UnderStandardColors,selectacolor.
Selectfrommorecolors
ClickMoreLineColorsandclickthecoloryouwant.
Mixcustomcolors
ClickMoreLineColorsandclickCustom,thencreatethecoloryouwant.
Selectapatternwithcolor
1. ClickPatternedLines.2. Selectapattern,andthenselectcolorsfortheforegroundand
background.
Changethestyleofaline
1. OntheDrawingtoolbar,clickLineStyle .2. Dooneofthefollowing:
Clickthestyleyouwant.
ClickMoreLines,andthenchoosetheattributesyouwantforyourlinestyle.
ShowAll
AboutWordArtWordArtisagalleryoftextstylesthatyoucanaddtoyourWebpagetocreateadecorativeeffect.Forexample,youcancreateshadowed,skewed,rotated,andstretchedtext,aswellastextthathasbeenfittedtopredefinedshapes.Thesearecalledtexteffects.
Atexteffect,asshownbelow,isatypeofdrawingobject.Therefore,youcanusetheDrawingtoolbartochangeatexteffect—forexample,tofillatexteffectwithapictureorpattern.
ShowAll
AddorremoveWordArt1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Dooneofthefollowing:
AddWordArt
1. OntheDrawingtoolbar,clickInsertWordArt .
IftheDrawingtoolbarishidden,ontheViewmenu,pointtoToolbars,andthenclickDrawing.
2. SelectaWordArtstyleandthenclickOK.3. IntheEditWordArtTextdialogbox,typethetextyouwant.
ChangethetextinWordArt
1. Double-clicktheWordArtyouwanttochange.2. IntheEditWordArtTextdialogbox,changethetext,andthenclickOK.
DeleteWordArt
SelecttheWordArtyouwanttoremoveandpressDELETE.
ShowAll
AddapagebannerImportantBydefault,apagebannerdisplaysthepagetitleasdisplayedinNavigationview.Therefore,beforeyoucanusepagebanners,youmustsetupthenavigationstructureofyourWebsiteinNavigationview.
1. InPageview,placetheinsertionpointwhereyouwanttoaddapagebanner.
2. OntheInsertmenu,clickPageBanner.3. Dooneofthefollowing:
Displaythepagebannerastext
1. InthePageBannerPropertiesdialogbox,clickText.2. InthePagebannertextbox,typethetextyouwanttodisplayinthe
pagebanner,andclickOK.3. Right-clickthepagebanner,andthenclickFontontheshortcutmenu.4. Setthepropertiesthatyouwant.
Displaythepagebannertextasapicture
Touseapicture,yourpagemustuseatheme.1. InthePageBannerPropertiesdialogbox,clickPicture.2. InthePagebannertextbox,typethetextyouwanttodisplayinthe
pagebanner,andclickOK.
NoteThepagebannerpicturethatdisplaysisthebannerthatisassociatedwiththethemeforthispage.
ShowAll
Changeapagebanner1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Double-clickthepagebanner.3. Changethepropertiesofthepagebanner.
NoteWhenyouchangethetextdisplayedonapagebanner,thetitleofthepageinNavigationviewisalsochanged.
Addacomment1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Placetheinsertionpointwhereyouwanttoaddacomment.3. OntheInsertmenu,clickComment.4. Typethecomment.
NoteAcommenthasthesameattributesasthecurrentparagraphstyle,butisdisplayedinadifferentcolor.Althoughcommentscanbeviewedwhileeditingapage,theyarenotvisibleintheWebbrowserofasitevisitorwhohasbrowsedtothepage.However,theyarevisibleifthesitevisitorwantstoviewthesourceofyourpage,sousecautionwhenwritingcomments.
EditacommentonaWebpage1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Double-clickandeditthecomment.
NoteSitevisitorsarenotabletoseeyourcommentswhentheyviewyourWebpageinaWebbrowser.However,theywillseethemiftheyviewthesourcecode,sousecautionwhenwritingcomments.
ShowAll
SendacopyofaWebpageasane-mailmessageTousethisfeature,youmusthaveMicrosoftOutlookoranothermailprogramcompatiblewiththeMessagingApplicationProgrammingInterface(MAPI)installedonyourcomputer.
ImportantTherecipientofane-mailmessagemaynotreceiveanattachmentdependingontheattachmentfiletype.Forexample,programfiletype(.exe)attachmentsareblockedbyMicrosoftOutlook.Thesecurityleveloffiletypesis,insomecases,setbythee-mailserveradministrator.Makesuretoprovideanalternativemethodforrecipientstoaccesstheattachment.
1. OntheFilemenu,clickSend.
MicrosoftFrontPagestartsyourdefaulte-mailprogram,andthenopensanewmessagewiththeactivepageattached.
2. Selectrecipientsforthee-mailmessage,andthentypeasubject.3. Sendthemessage.
ShowAll
AddanOfficeSpreadsheetcomponentSecurityUsecautionwhenyouareaddingActiveXcontrolstoyourWebpage.ActiveXcontrolsmaybedesignedinsuchawaythattheirusecouldposeasecurityrisk.Werecommendthatyouusecontrolsfromtrustedsourcesonly.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. PlacetheinsertionpointwhereyouwanttoaddaMicrosoftOffice
Spreadsheetcomponent.3. OntheInsertmenu,clickWebComponent.4. IntheComponenttypelist,clickSpreadsheetsandcharts.5. IntheChooseacontrollist,clickOfficeSpreadsheet.6. ClickFinish.7. IfyouwanttolearnmoreaboutdesigningandusinganOfficeSpreadsheet
component,seeMicrosoftOfficeSpreadsheetComponentHelp.ToopenMicrosoftOfficeSpreadsheetComponentHelp,clickHelp onthespreadsheettoolbar.
NoteToenterordisplaydatainanOfficeSpreadsheetcomponent,yoursitevisitorsmustuseMicrosoftInternetExplorer5.01withServicePack2(SP2)orlaterandtheymusthavetheMicrosoftOfficeWebComponentsinstalledontheircomputers.
ShowAll
AddanOfficePivotTablecomponentSecurityUsecautionwhenyouareaddingActiveXcontrolstoyourWebpage.ActiveXcontrolsmaybedesignedinsuchawaythattheirusecouldposeasecurityrisk.Werecommendthatyouusecontrolsfromtrustedsourcesonly.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. PlacetheinsertionpointwhereyouwanttoaddaMicrosoftOffice
PivotTablecomponent.3. OntheInsertmenu,clickWebComponent.4. IntheComponenttypelist,clickSpreadsheetsandcharts.5. IntheChooseacontrollist,clickOfficePivotTable.6. ClickFinish.7. Inthedocumentwindow,double-clickClickheretoconnecttodata.8. Selecttheoptionsyouwant.9. IfyouwanttolearnmoreaboutdesigningandusinganOfficePivotTable
component,seeMicrosoftOfficePivotTableComponentHelp.ToopenMicrosoftOfficePivotTableComponentHelp,clickHelp onthePivotTabletoolbar.
NoteToenterordisplaydatainanOfficePivotTablecomponent,yoursitevisitorsmustuseMicrosoftInternetExplorer5.01withServicePack2(SP2)orlaterandtheymusthavetheMicrosoftOfficeWebComponentsinstalledontheircomputers.
ShowAll
AddanOfficeChartcomponentSecurityUsecautionwhenyouareaddingActiveXcontrolstoyourWebpage.ActiveXcontrolsmaybedesignedinsuchawaythattheirusecouldposeasecurityrisk.Werecommendthatyouusecontrolsfromtrustedsourcesonly.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. PlacetheinsertionpointwhereyouwanttoaddaMicrosoftOfficeChart
component.3. OntheInsertmenu,clickWebComponent.4. IntheComponenttypelist,clickSpreadsheetsandcharts.5. IntheChooseacontrollist,clickOfficeChart.6. ClickFinish.7. OntheDataSourcetab,dooneofthefollowing:
Todisplaynewdatathatyouenter,clickDatatypedintoadatasheet,andthenclickDataSheettoenterthedata.Todisplaydatafromanexistingdatabase,clickDatafromadatabasetableorquery,andthenclickConnectiontoselectoptionsforadatabaseconnection.TodisplaydatafromanOfficeSpreadsheetorOfficePivotTablecomponentonthesameWebpage,clickDatafromthefollowingWebpageitem,andthenclickthecomponentyouwant.
ThisoptionisavailableonlyifanOfficeSpreadsheetorOfficePivotTablecomponentisonthepage.
8. Selectanyadditionaloptionsyouwant.9. IfyouwanttolearnmoreaboutdesigningandusinganOfficeChart,see
MicrosoftOfficeChartComponentHelp.ToopenMicrosoftOfficeChartComponentHelp,right-clickinsidetheOfficeChart,andthenclickHelpontheshortcutmenu.
NoteToenterordisplaydatainanOfficeChart,yoursitevisitorsmustuseMicrosoftInternetExplorer5.01withServicePack2(SP2)orlaterandtheymusthavetheMicrosoftOfficeWebComponentsinstalledontheircomputers.
ShowAll
AboutOfficeWebComponentsYoucanaddinteractivespreadsheets,charts,graphs,andPivotTablestoyourWebpagesbyusingMicrosoftOfficeWebComponents.OfficeWebComponentsareMicrosoftActiveXcontrolsthatdisplaydatafromaworkbook,database,orotherdatasourcethatyouspecify.Whenthedatainthatdatasourcechanges,thecomponentdisplaysthosechanges.Thishelpstoensurethatbothyouandyoursitevisitorscanviewandinteractwithdatathatisup-to-date.
SecurityUsecautionwhenyouareaddingActiveXcontrolstoyourWebpage.ActiveXcontrolsmaybedesignedinsuchawaythattheirusecouldposeasecurityrisk.Werecommendthatyouusecontrolsfromtrustedsourcesonly.
OfficeWebComponentsincludethefollowingtypesofcomponents:
OfficeChartThiscomponentcanbealineorbargraph,apiechart,orothertypeofchartthatyouspecify.Itcandisplaydatathatyouenterintoadatasheet,existingdatafromdatabasetablesandqueries,orexistingdatafromanOfficePivotTableorOfficeSpreadsheetcomponentonthesameWebpageasthechart.YoucanuseanOfficeChartcomponenttomakeiteasyforyoursitevisitorstocomparedataandidentifypatternsandtrendsinthatdata.
OfficePivotTableThiscomponentisaninteractivetablethatcombinesandcomparesdatainaseriesofrowsandcolumns.Itcandisplaydatafromanyofseveraltypesofdatabases,includingrelationaldatabasesandspreadsheetdatabasessuchasMicrosoftExcellists.YoucanuseanOfficePivotTablecomponenttoenableyoursitevisitorstoexpandandcollapserowsandcolumnstoseedifferentsummariesofthedataandtodisplaydetailsaboutspecificdata.
OfficeSpreadsheetThiscomponentdisplayscolumnsandrowsofcellsthatcontainrelatedinformation.ItcandisplaydatafromanExcelworkbook,textandothertypesoffiles,anyofseveraltypesofdatabases,includingrelationaldatabasessuchasaMicrosoftSQLServerdatabase,anddataproviderservices.Youandyoursitevisitorscanenterdatadirectlyintothecells,sortandapplyfilterstothedata,andchangetheformattingofthedata.Yoursitevisitorscanalsoperformcalculationsonthedatabyusingformulasandfunctions.
Bydefault,sitevisitorscanbothviewandinteractwithdatainanytypeofOfficeWebComponent.However,youcanspecifyprotectionsettingsforacomponent.Thesesettingsdeterminewhethersitevisitorscanonlyviewthedatainthecomponentorbothviewandinteractwiththatdata.
SupportforOfficeWebComponents
Regardlessoftheprotectionsettingsyouspecify,yoursitevisitorsmusthavecertainprogramsinstalledontheircomputersbeforetheycanvieworinteractwithdatainOfficeWebComponents.SitevisitorsmustuseMicrosoftInternetExplorer5.01withServicePack2(SP2)orlatertoopenaWebpagecontainingcomponents.Inaddition,sitevisitorsmustinstalltheOfficeWebComponentsontheircomputers.Bydefault,theOfficeWebComponentsareinstalledwithanyoftheMicrosoftOffice2003programs.Theycanalsobeinstalledseparately,fromalocationthatyouprovide.
IfsitevisitorsinstallonlytheOfficeWebComponents,andtheydosobyusinganinstallationlocationandalicensepackagethatyouprovide,sitevisitorscanbothviewandinteractwithdataincomponents.IftheyinstallonlytheOfficeWebComponentsandtheydonothaveaccesstoalicensepackage,sitevisitorscanonlyviewthedataincomponents.IfsitevisitorsdonotinstalltheOfficeWebComponentsoranOffice2003program,theycannotvieworinteractwithcomponents.
ForinformationaboutprovidinganinstallationlocationorlicensepackagefortheOfficeWebComponents,seetheMicrosoftOffice2003ResourceKit.
ShowAll
AboutcustomizingformsandviewsforSharePointServicesWhenyouuseMicrosoftFrontPagetoaddalist,survey,orlibrarytoyourWebsitebasedonMicrosoftSharePointServices,pagescontainingformsandviewsarealsoadded.Formsandviewsarewhatyoursitevisitorsusetoadd,edit,ordeleteitemsfromthelists,surveys,andlibraries.
TherearemultiplecustomizationsyoucanmaketotheseformsandviewsdependingonwhichversionofSharePointServicesyouareusing:
AboutcustomizingSharePointTeamServicesv1.0fromMicrosoft
Basiccustomizations
Changetheorderofthefields.Removefieldsfromtheformorview.Replaceonefieldwithanotherfromthesamelist,survey,orlibrary.Changetextformattingoffields,suchasfontsizeandcolor.Modifytableformatting,suchasaddingorremovingrowsandcolumnsormergingcells.Addcustomcontent,suchastextorapicture.
Advancedcustomizations
ByusingFrontPagetoeditviewsbasedonSharePointTeamServicesv1.0,youcanenablelayoutcustomizationviewtoprovidegreatercontroloverthecustomizationoftheview,whichisdisplayedasaWebcomponent.
Byusinglayoutcustomizationview,youcanseewherefieldsareplacedinavieworformofalist,library,orsurvey.Thisprovidesawaytocontrolhowdataappearsinaviewandhowfieldsappearonaform.Inaview,wherethesamesetoffieldsisrepeatedforeveryiteminalist,themodificationsyoumakeinthesetoffieldsappearforeveryiteminthelist.
NoteOnceyouhavemodifiedavieworformwiththelayoutcustomizationviewinFrontPage,youcannolongereditthevieworformbyusingaWebbrowser.However,youcancontinuetomaintainthecustomizedversioninFrontPage.
AboutcustomizingMicrosoftWindowsSharePointServices
Basiccustomizations
Changetheorderofthefields.Removefieldsfromtheformorview.Replaceonefieldwithanotherfromthesamelist,survey,orlibrary.Changetextformattingoffields,suchasfontsizeandcolor.Modifytableformatting,suchasaddingorremovingrowsandcolumnsormergingcells.Addcustomcontent,suchastextorapicture.
Advancedcustomizations
ByusingFrontPagetoeditviewsinWindowsSharePointServices,whichareWebParts,youcancontrolseveralelementsoftheappearanceoftheviews.Theseelementsincludewhetherthelistisdisplayedwithafixedorpercentagewidth,whethertheWebPartusesaright-to-leftorleft-to-rightlanguagedirection,andadvancedoptions,suchaswhetheryouwanttoallowsitevisitorstobeabletominimizethelistontheWebpage.
BecauseviewsinWindowsSharePointServicesareWebParts,youcanuseotherWebPartfeatures.Forexample,youcancreateWebPartconnectionsbetweenSharePointlistviewsandotherWebParts.ByconnectingtheFormWebParttotheAnnouncementslist,forexample,youcanenableyoursitevisitorstoperformadditionalfilteringontheannouncementsinthelistbyusinganinterfacethatissimilartoasearchbox.
Inaddition,youcanconvertaviewtoaDataViewWebPartbyusingFrontPage.Thisenablesadditionalformattingoptions,suchasconditionalformatting.Byusingconditionalformatting,yousetaconditionorconditionsforthedatainyourlistview.Ifthoseconditionsaremet,specificformattingisappliedtotherecordsthataredisplayed.Forexample,youcouldspecifyconditionalformattingthatenablesallrecordsthatwerelastupdatedbyyouto
appearinbold,redtext,ortoshowaphotoofyounexttotheappropriaterecords.
ShowAll
AboutusingDataViewsandWebsitetemplatesbasedonSharePointServicesIfyourWebsiteislocatedonaWebserverrunningMicrosoftWindowsSharePointServices,youcanadddatafeaturesandcustomdesignandpageelementstoyoursitebyusingMicrosoftOfficeFrontPage2003.Somefeatures,suchasDataViewsandspecificWebsitetemplatesareavailableonlyifyoursiteisbasedonWindowsSharePointServices.
DataViews
IfyourWebsiteislocatedonaWebserverrunningWindowsSharePointServices,youcanaddDataViewsthatextractdatafromavarietyofavailabledatasources—forexample,ExtensibleMarkupLanguage(XML)files,Webservices,SharePointlists,andOLEDB–compliantdatabasessuchasSQLServer,DB2,andOracle—andcreatecustomviewsofthatdataonaWebpage.WhenyouaddaDataViewtoapage,youcancustomizetheviewbyusingtheFormattingtoolbaror,formoreadvancedcustomizations,theDataViewDetailstaskpane.
WindowsSharePointServices,whichisbuiltontheMicrosoft.NETFramework,providesthecomponent-basedplatformrequiredforFrontPagedata-drivenfunctionality.Forthisreason,youcannotaddDataViewstoaWebsitethatisnotbasedonWindowsSharePointServices.
Sitetemplates
WebsitetemplatesenableyoutocreateaWebsitequicklybygeneratingpredesignedpagescompletewithformattinganddesignelements.WhenyoudesignyourWebsitebyusingtemplatesbasedonMicrosoftWindowsSharePointServices,youcanaddawidearrayoffeaturesandtechnologiesbasedonSharePointlists,libraries,surveys,andWebParts–includingDataViews.Inaddition,youcancustomizeyoursitebyusingFrontPage.
WiththeexceptionoftheTeamSitetemplate,whichisavailableinbothSharePointTeamServicesv1.0andWindowsSharePointServices,thefollowingtemplatesareavailableonlyifyourWebsiteislocatedonaserverrunningWindowsSharePointServices.
TeamSiteByusingthistemplate,youcancreateaWebsitetoorganizeandshareinformationwithothers.TheTeamSitetemplateincludesadocumentlibraryandSharePointlistssuchasAnnouncements,Events,Contacts,andQuickLinks.ThistemplateisavailableforbothSharePointTeamServicesv1.0andWindowsSharePointServices.
BlankSiteByusingthistemplate,youcancreateaWebsitebasedonWindowsSharePointServicesthatcontainsablankhomepage.ByusingFrontPage,youcanaddinteractivelistsoranyotherWindowsSharePointServicesfeaturestotheWebsite.
DocumentWorkspaceByusingthistemplate,youcancreateaWebsitebasedonWindowsSharePointServicesthatenablescolleaguestoworktogetherondocuments.DocumentWorkspaceprovidesadocumentlibraryforstoringtheprimarydocumentandsupportingfiles,aTaskslistforassigningto-doitems,andaLinkslistforresourcesrelatedtothedocument.
BasicMeetingWorkspaceByusingthistemplate,youcancreateaWebsitebasedonWindowsSharePointServicesthatcontainsthenecessarySharePointliststoplan,organize,andtrackameeting.BasicMeetingWorkspacecontainsObjectives,Attendees,andAgendalists.
BlankMeetingWorkspaceByusingthistemplate,youcancreatea
MeetingWorkspacewithoutpredefinedSharePointlistsorlibraries.ByusingFrontPage,youcanaddinteractivelistsoranyotherWindowsSharePointServicesfeaturestotheWebsite.
DecisionMeetingWorkspaceByusingthistemplate,youcancreateaMeetingWorkspacewhereyoucanreviewdocumentsandrecorddecisions.TheDecisionMeetingWorkspacetemplatecontainsthefollowingSharePointlistsandlibraries:Objectives,Attendees,Agenda,documentlibraries,Tasks,andDecisions.
SocialMeetingWorkspaceByusingthistemplate,youcancreateaMeetingWorkspacethatenablesyoutoplansocialevents.SocialMeetingWorkspacecontainsthefollowingSharePointlists,libraries,andWebParts:Discussionboard,picturelibrary,Attendees,directions,weather,image/logo,andThingstoBring.
AdministrationfeaturesforSharePointServicesForinformationabouttoolstohelpyouadministeryourWebsitebasedonMicrosoftWindowsSharePointServicesorSharePointTeamServicesv1.0fromMicrosoft,dothefollowing:
1. InaWebbrowser,openapagefromyourSharePointsitethatcontainsaSharePointlinkbar.
2. ClickHelponthelinkbar.
AboutsupportforSharePointServicesWhenyoudesignyourWebsitebyusingMicrosoftFrontPage,youcanturnsupportonoroffforfeaturesthatrequireSharePointServices(SharePointTeamServicesv1.0fromMicrosoftorMicrosoftWindowsSharePointServices).
ThefollowingWebcomponentsareavailableinFrontPageonlyifyouturnonsupportforSharePointServices:
WebSearchTop10ListListViewDocumentLibraryView
NoteListViewandDocumentLibraryViewWebcomponentsareavailableonlyforWebsitesbasedonSharePointTeamServicesv1.0.TocreateviewsofinteractivelistsanddocumentlibrariesforWebsitesbasedonWindowsSharePointServices,youcanuseWebParts.
ShowAll
TroubleshootSharePointlistsandlibraries
ForaWebsiteonaserverrunningSharePointTeamServicesv1.0fromMicrosoft
IcannolongereditapagebyusingmyWebbrowser.
Ifyouuselayoutcustomizationviewtomakechangestoapage,youmustuseMicrosoftFrontPagetomakeanyfurthercustomizationstothepage.
Icannoteditthepropertiesofalistforminlayoutcustomizationview.
Youmustopenalistforminlivedataviewtochangethepropertiesoftheform.
NoteChangingfromlayoutcustomizationviewtolivedataviewresetsthelayoutoftheformtothedefaultlayoutandformatting.
ThecommandsintheInsertWebComponentdialogboxforcreatinganewlist,documentlibrary,orsurveyarenotavailable.
VerifythatyouareopeningtheWebsiteonaWebserverthatisrunningSharePointTeamServicesv1.0.
ThefileIwanttouseasatemplateinadocumentlibraryisnotavailable.
ThetemplatemustbeintheactiveWebsite.Dothefollowing:
1. OntheFilemenu,clickImport,andthenclickAddfile.2. Locateandclickthetemplatefile,andthenclickOpen.3. ClickOK.4. InFoldersView,right-clickthedocumentlibraryfolder,andclick
Properties.5. OntheSettingstab,selecttheUseatemplatefornewdocumentscheck
box,andthenclickBrowsetofindthefileyouimportedinstep1.
WhenMicrosoftOffice2003usersworkwithmydocumentlibrary,Iwantthemtoseealistoffoldersandfiles,notaWebpage,intheOpenandSavedialogboxes.
ToturnWebViewoffforallthedocumentlibrariesinyourWebsite,dothefollowing:
1. OntheToolsmenu,clickSiteSettings.2. OntheAdvancedtab,cleartheDisplayawebpageviewofavailable
documentlibrariestoOfficeuserswhoopenfromorsavetothewebcheckbox.
WhenIcreatearuleforadocumentlibrary,Igetamessagesayingthataserviceisneeded.
SomeservicesontheWebservermayneedtobeenabled.Ifyoucreatearulethatinvolveskeepingtrackoftimeorsendinge-mail(forexample,setdocumentstoexpireaftersixmonths,andsende-mailnotificationtothecreatorofthedocumentoneweekpriortoexpiration),theWebserverthatstoresyourWebsitemusthavethefollowingservicesenabled:
SharePointTeamServicesv1.0timerserviceSMTPmailservice
ContactyourInternetserviceprovider(ISP)orWebserveradministratortoensurethattheseservicesarerunningproperly.
Iupdateddocumentpropertiesthatshouldhavetriggeredaruletotakeeffect,butitlooksliketheruledidn'twork.
Youmayneedtorefreshthepageorpropertyforthechangetotakeeffect.
PressF5,orclickOKintheactivedialogboxandthenreopenthedialogboxtoseethechanges.
Sitevisitorsreportthattheycan'tgettoalist,documentlibrary,orsurvey,yetIcanseethefolderforitinFoldersview.
Thedefaultviewmayhavebeendeleted.Dooneofthefollowing:
Setanexistingpageasthedefaultview
1. InFoldersview,right-clickthedocumentlibraryfolder,listfolder,orsurveyfolder,andclickProperties.
2. ClicktheSupportingFilestab,andintheDefaultviewpagebox,selectthepageyouwant.
Createanewviewtouseasthedefault
1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Placethepointeronthepagewhereyouwanttoaddtheview.
3. OntheInsertmenu,clickWebComponent.
4. IntheComponenttypebox,clickListViewtocreateaviewofalistorsurvey,orclickDocumentLibraryViewtocreateaviewofadocumentlibrary,andintheChooseaviewstylebox,clickalayoutfortheview.
5. ClickFinish.
6. Iftheviewisofalistorsurvey,intheChoosealistbox,selectthelistorsurvey,andthenclickOK.
Iftheviewisofadocumentlibrary,intheChooseadocumentlibrarybox,selectthedocumentlibrary,andclickOK.
7. Toaddcommandsthatenableuserstoaddandedititems,clickOptions,andintheToolbartypebox,clickFulltoolbar.
NoteYoucanmakeothercustomsettingsforthisviewintheListViewPropertiesorDocumentLibraryViewPropertiesdialogbox.
8. ClickOK,andontheFilemenu,clickSavetosavethepage.
9. InFoldersview,right-clickthedocumentlibraryfolder,listfolder,orsurveyfolder,andclickProperties.
10. ClicktheSupportingFilestab,andintheDefaultviewpagebox,select
thepageyousavedinstep7.
MicrosoftFrontPagechangedthenameofmylist,documentlibrary,orsurvey.
Thenameofthelist,documentlibrary,orsurveymayincludecharactersthatcannotbeusedinURLs.IfthenameincludesacharacterthatcannotbeusedinaURL,FrontPagesubstitutesanewnameforthelistfolder,documentlibraryfolder,orsurveyfolder.Thenamechangeaffectsthefolderonly.ThenamedisplayedonWebpagesandlinkbarsisthenamethatincludesthenon-URLcharacters.
Sitevisitorsgetanerrormessagewhentheygotoapagetoaddoredititemsinalist,documentlibrary,orsurvey.
Theremightbemorethanonelistformonthepage.AWebpagecanhaveonlyoneformforalist,documentlibrary,orsurvey.Createaseparatepageforeachform.
ThedefaultvalueforaMultiplelinesoftextfielddisappeared.
SomeonemayhaveeditedthefieldusingaWebbrowser.IfaMultiplelinesoftextfieldiseditedinaWebbrowser(forexample,changingthenameofthefieldorchanginghowmanylinesoftextthefieldcanhold),thedefaultvalueisdeleted.ReenterthedefaultvaluebymakingchangestothefieldinMicrosoftFrontPage.
ForaWebsiteonaserverrunningMicrosoftWindowsSharePointServices
Ican'tapplyathemebyusingtheWebbrowserafterMicrosoftFrontPagehasbeenusedtoapplyatheme.
IfyouapplyathemetoselectedpagesinyourWebsitebyusingFrontPage,thethemeforthosepageswillnotbeupdatedlaterifyoutrytoapplyanotherthemebyusingtheWebbrowser.TheApplythemetositeoption,ontheSiteSettingspageinaWindowsSharePointServicessite,onlyappliesthemestopagesthathavenothadthemesappliedbyusingFrontPage.
Icannolongerrundocumentlibraryrules.
ThedocumentlibraryrulesfeatureisavailableonlyonserversrunningSharePointTeamServicesv1.0fromMicrosoft.IfyoursitehasbeenupgradedtoWindowsSharePointServices,youwillbeunabletorundocumentlibraryrules.
IcannolongereditapagebyusingmyWebbrowser.
IfyouuseMicrosoftFrontPagetomakecertainchangestoaWebpagebasedonWindowsSharePointServices,youmightbeunabletomakefurthercustomizationstothepagebyusingaWebbrowser.
Forexample,ifyoumoveaWebPartondefault.aspxoutsideaWebPartZonebyusingFrontPage,youwillnotbeabletomovethatWebPartagainbyusingtheModifyMyPageoptioninthebrowser.YoumustuseFrontPageinstead.
WhenMicrosoftOffice2003usersworkwithmydocumentlibrary,Iwantthemtoseealistoffoldersandfiles,notaWebpage,intheOpenandSavedialogboxes.
YoucanturnWebViewoffforallthedocumentlibrariesinyourWebsite.Dothefollowing:
1. OntheToolsmenu,clickSiteSettings.2. OntheAdvancedtab,cleartheDisplayawebpageviewofavailable
documentlibrariestoOfficeuserswhoopenfromorsavetothewebcheckbox.
ShowAll
AboutcollectingdatausingformsAfteryoudecidewhatformfieldstoputonyourform,thenextstepistosetrulesforthewaysyouwantyoursitevisitorstoenterdatainthefields.Thesedataentryrules,alsocalledvalidation,makesurethatasitevisitorfillsouttheformcorrectly.Forexample,youcansetupanorderformforyourproducts,butunlessthecustomer'sname,address,andpaymentinformationarecorrectlyentered,heorshewon'tbeabletocompletetheorder.
Settingrulesforhowsitevisitorsenterdatainforms
Typesofrulesyoucansetforyourformfields:
Textboxvalidation
Youcanspecifythetypeofdata,aswellasothercriteria,toallowfortextboxesandtextareas.Forexample,tocollectamembernumberoraserialnumber,setupatextboxtoacceptonlynumbersanddisallowtheuseallothercharactersasappropriate.Youcanalsorequireafixednumberofcharacterssothatasitevisitordoesnotomitanumberorletterbymistake.
Optionbuttonvalidation
Youcanrequireaselectiontobemadefromagroupofoptionbuttons.Forexample,ifyourformhastwooptionbuttons,YesandNo,andasitevisitortriestosubmittheformwithoutmakingaselection,amessageisdisplayed.
Drop-downboxvalidation
Youcanrequireasitevisitortomakeachoicefromadrop-downbox,settheminimumandmaximumnumberofchoicestoallow,anddisallowthefirstchoicefrombeingselected.Forexample,youcandisallowthefirstitemfrombeingselectedifitisaninstruction,suchas"Selectanitem."
Handlinginformationyoucollectfromtheform
Aftersettingupthedataentryrules,youneedtodecidehowyouwanttheformresultstobehandled.Afterasitevisitorsubmitstheform,youmustcollectthedatathatheorsheentered—theformresults—soyoucanviewthem,displaythemtothevisitor,orworkwiththemasneeded.
Whenasitevisitorsubmitsaforminthebrowser,thevaluesofeachoftheformfieldsbetweenthe<form>and</form>tagsaresenttoaformhandler.Forexample,iftheformfieldisatextbox,thevaluesenttotheformhandleristhetextenteredinthetextbox.MicrosoftFrontPageprovidesseveralformhandlers,whichtaketheformresultsandperformvariousactions.
Savetheresultstoadatabase
Eachtimeasitevisitorsubmitsaform,FrontPagesavestheinformationtoadatabase.Forexample,ifyouuseaformtocollectcontactinformation,youcansavetheresultsdirectlytoyourcustomerdatabase.YoucansaveresultstoanexistingdatabaseorFrontPagecancreateoneforyou.
Savetheresultstoatext,HTML,orXMLfile
Eachtimeasitevisitorsubmitsaform,FrontPageattachestheresultstoafile.Youcanthenopenthefileandviewtheresults.Forexample,youcansetupaguestbookforyourWebsiteandchoosetosavetheresultstoanHTMLfile.Youcancreatealinktothefilesothatsitevisitorscanseewhatothershavewritten.InthecaseofsavingformresultstoanXMLfile,youcanusetheresultsinFrontPage,orexporttheresultsintoanyapplicationthatunderstandsXML,suchasMicrosoftOfficeExcel2003.
Sendtheresultsine-mail
Eachtimeasitevisitorsubmitsaform,FrontPagesendsyouane-mailmessagecontainingtheresultsofthatform.
Youcanalsochoosetouseyourcustomscriptstohandletheformresults.
Notes
Ifyouuseanyoftheformhandlersratherthanacustomscript,theFrontPageServerExtensionsfromMicrosoftorMicrosoftWindows
SharePointServicesmustbeinstalledontheserverwhereyourWebsiteislocated.
TosaveformresultstoXML,yourformmustbelocatedonaserverrunningWindowsSharePointServices.
Security
Cross-sitescriptingisasecurityvulnerabilitythatcouldaffectmanyWebsitesandsitevisitors.ThevulnerabilityistheresultofcodingmistakesinWebapplications.Formoreinformationaboutcross-sitescriptingandhowtoprotectyourWebsiteandsitevisitors,seeinformationaboutthecross-sitescriptingsecurityvulnerabilityontheMicrosoftTechNetWebsite.Usethisfeaturewithcaution.Sensitiveorconfidentialinformationcouldberevealedtootherusers.
ShowAll
SpecifywhatuserinformationtocollectfromaformYoucanspecifytheinformationyouwanttogatheraboutyoursitevisitorsandtheircomputersfromtheformtheyfillout.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Right-clicktheform,andthenclickFormPropertiesontheshortcutmenu.3. ClickOptions,andthenclicktheSavedFieldstab.4. ThenamesofallthefieldsinyourformarelistedintheFormfieldsto
savelist.5. Dooneormoreofthefollowing:
Selectanyfieldthatyoudonotwantsavedintheformresults,andthenpressDELETE.Tosavethedateortimetheformwassubmittedwiththeformresults,selectformatsfromtheDateformatandTimeformatlists.UnderAdditionalinformationtosave,selectanyadditionaltypesofinformationyouwanttosaveintheformresults.
NoteTotestthefunctionalityofyourform,youmustfirstpublishyourWebsitetoaWebserverthatisrunningFrontPageServerExtensions,SharePointTeamServicesv1.0fromMicrosoft,orMicrosoftWindowsSharePointServices2.0.AskyourWebserveradministratororInternetserviceprovider(ISP)whetheryourserverisrunningoneofthesetechnologies.
CreateaformSomeofthecontentinthistopicmaynotbeapplicabletosomelanguages.
Whenyouinsertaform,MicrosoftFrontPageinsertsarectangularareaoutlinedwithadashedlinethatcontainsaSubmitandaResetbutton.Insidethisrectangulararea,youcanaddtextandformfields,suchastextboxes,optionbuttons,checkboxes,drop-downboxes,andpushbuttons.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheInsertmenu,pointtoForm,andthenselectthefieldsyouwantto
addtoyourform.
ShowAll
Addatextboxtoaform1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Dooneorbothofthefollowing:
Addatextbox
1. Clickintheformwhereyouwanttoplacethetextbox.
Ifyouareinsertingaformfieldbuthavenotalreadycreatedaform,MicrosoftFrontPageautomaticallycreatesaformareaandinsertsthefieldinsidethatformarea.Theformareaappearsasadashedlinewhenyouareeditingthepage.
2. OntheInsertmenu,pointtoForm,andthenclickTextbox.3. Typethelabelforthetextboxdirectlyontheform.
Setthepropertiesforatextbox
1. Double-clickthetextbox.2. IntheNamebox,typeanametoidentifythetextbox.
Foryourformtoworkcorrectly,youneedtouseauniquenameforthisformfield.
3. Ifyouwanttexttoappearinthetextboxwhenasitevisitorfirstopenstheform,typethetextintheInitialvaluebox.
4. IntheWidthincharactersbox,typeanumberindicatinghowmanycharacterswideyouwanttheboxtobe.
5. NexttoPasswordfield,clickYestoensurethatcharactersinthistextboxdonotdisplayonthescreen.
SecuritySpecifyingthisoptiondoesnotencryptdatathatistypedinthistextbox.
ClicktheStylebuttontoaccessotheroptionsforformattingyourformusingcascadingstylesheetsasaninlinestyle.
ShowAll
Addacheckboxtoaform1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Dooneorbothofthefollowing:
Addacheckbox
1. Clickintheformwhereyouwanttoplacethecheckbox.
Ifyouareinsertingaformfieldbuthavenotalreadycreatedaform,MicrosoftFrontPageautomaticallycreatesaformareaandinsertsthefieldinsidethatformarea.Theformareaappearsasadashedlinewhenyouareeditingthepage.
2. OntheInsertmenu,pointtoForm,andthenclickCheckbox.3. Ontheform,besidethecheckbox,typethelabel.
Youcangivethesitevisitortheabilitytoselectthecheckboxbyclickingthecheckboxlabel.
How?
1. Selectthetextandthecheckbox.2. OntheInsertmenu,pointtoForm,andthenclickLabel.
Setthepropertiesofacheckbox
1. Double-clickthecheckbox.2. IntheNamebox,typeanametoidentifythecheckbox.
Foryourformtoworkcorrectly,youneedtouseauniquenameforthisformfield.
3. IntheValuebox,typethevaluetoassociatewiththisfield.
Whenthecheckboxisselected,thisvalueisreturnedwiththeform
results,andisdisplayedonthedefaultconfirmationpage.Ifthecheckboxhasnotbeenselected,thegroupnameisincluded,butthevalueisblank.
4. ClickCheckedifyouwantthecheckboxtobeselectedbydefaultwhenasitevisitorfirstopenstheform.
5. ClicktheStylebuttontoaccessotheroptionsforformattingyourformusingcascadingstylesheetsasaninlinestyle.
ShowAll
Addadrop-downboxtoaformInPageview,atthebottomofthedocumentwindow,clickDesign .
Addadrop-downbox
1. Clickintheformwhereyouwanttoplacethedrop-downbox.
Ifyouareinsertingaformfieldbuthavenotalreadycreatedaform,MicrosoftFrontPageautomaticallycreatesaformareaandinsertsthefieldinsidethatformarea.Theformareaappearsasadashedlinewhenyouareeditingthepage.
2. OntheInsertmenu,pointtoForm,andthenclickDrop-downbox.3. Typethelabelbesideorabovethedrop-downboxontheform.
Setthepropertiesofadrop-downbox
1. Double-clickthedrop-downbox.2. IntheNamebox,typeanametoidentifythedrop-downbox.
Foryourformtoworkcorrectly,youneedtouseauniquenameforthisformfield.
3. ClickAddtoaddthechoicesyouwanttodisplayinthedrop-downbox.4. IntheChoicebox,typeanoptionyouwanttodisplayinthedrop-down
box.
Ifyouwantthevalueforthischoicetobedifferentfromthetextdisplayedinthedrop-downboxitself,selectSpecifyvalue,andthentypethevalueinthebox.
Forexample,achoiceinthemenucouldbeJohn,butthevaluereturnedintheformresultscouldbeme.
5. ClickSelectedunderInitialStateifyouwantthechoicetobeselectedbydefaultwhenasitevisitorfirstopenstheform.
6. ClickOK.7. Repeatsteps3through6foreachchoiceyouwanttoadd.8. Tochangetheorderinwhichchoicesaredisplayed,clickachoiceinthe
list,andthenclicktheMoveUporMoveDownbutton.9. IntheHeightbox,typehowmanylinesoftextyouwanttoshowinthe
drop-downbox.
Forexample,ifthedrop-downboxhasthreeoptions,youcansettheheightto3sothatallchoicesarevisible.
10. ClickYesunderAllowmultipleselectionsifyouwanttoallowmultipleselectionsinthedrop-downbox.IfyouclickNo,thesitevisitorwillbeabletomakeonechoiceonly.
11. ClicktheStylebuttontoaccessotheroptionsforformattingyourformusingcascadingstylesheetsasaninlinestyle.
ShowAll
Addanoptionbuttontoaform1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Foreachoptionbuttonyouwanttoaddtoaform(oragroupofoptionbuttons),dooneorbothofthefollowing:
Addanoptionbutton
1. Clickintheformwhereyouwanttoplacetheoptionbutton.
Ifyouareinsertingaformfieldbuthavenotalreadycreatedaform,MicrosoftFrontPageautomaticallycreatesaformareaandinsertsthefieldinsidethatformarea.Theformareaappearsasadashedlinewhenyouareeditingthepage.
2. OntheInsertmenu,pointtoForm,andthenclickOptionButton.3. Typethelabelfortheoptionbuttondirectlyontheform,nexttothe
optionbutton.Youcanspecifywhethersitevisitorsselecttheoptionbyclickingthebuttonoritslabel.
How?
1. Selectthetextandtheoptionbutton.2. OntheInsertmenu,pointtoForm,andthenclickLabel.
Setthepropertiesofanoptionbutton
1. Double-clicktheoptionbutton.2. IntheGroupnamebox,typeanametoidentifythegrouptowhich
thisoptionbuttonbelongs.
Foryourformtoworkcorrectly,youneedtouseauniquenameforthisformfield.
3. IntheValuebox,typethevaluetoassociatewiththisfield.
Ifthisoptionbuttonisselected,thisvalueisreturnedwiththeformresults,andisdisplayedonthedefaultconfirmationpage.
4. BesideInitialstate,clickSelectedifyouwanttheoptionbuttontobeselectedbydefaultwhenasitevisitorfirstopenstheform.
5. ClicktheStylebuttontoaccessotheroptionsforformattingyourformusingcascadingstylesheetsasaninlinestyle.
ShowAll
Addasubmitbuttontoaform1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Dothefollowing:
Addasubmitbutton
1. Clickintheformwhereyouwanttoplacethesubmitbutton(pushbutton).
Ifyouareinsertingaformfieldbuthavenotalreadycreatedaform,MicrosoftFrontPageautomaticallycreatesaformareaandinsertsthefieldinsidethatformarea.Theformareaappearsasadashedlinewhenyouareeditingthepage.
2. OntheInsertmenu,pointtoForm,andthenclickPushButton.
Setthepropertiesofasubmitbutton
1. Double-clickthebutton.2. IntheNamebox,typeanametoidentifythebutton.
Foryourformtoworkcorrectly,youneedtouseauniquenameforthisformfield.
3. BesideButtontypeclickSubmit.4. Bydefault,thebuttonlabeltextchangestoSubmit.Youcantypea
differentbuttonlabelintheValue/labelbox.5. ClicktheStylebuttontoaccessotheroptionsforformattingyourform
usingcascadingstylesheetsasaninlinestyle.
ShowAll
Addaresetbuttontoaform1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Dothefollowing:
Addaresetbutton
1. Clickintheformwhereyouwanttoplacetheresetbutton(pushbutton).
Ifyouareinsertingaformfieldbuthavenotalreadycreatedaform,MicrosoftFrontPageautomaticallycreatesaformareaandinsertsthefieldinsidethatformarea.Theformareaappearsasadashedlinewhenyouareeditingthepage.
2. OntheInsertmenu,pointtoForm,andthenclickPushButton.
Setthepropertiesofaresetbutton
1. Double-clickthebutton.2. IntheNamebox,typeanametoidentifythebutton.
Foryourformtoworkcorrectly,youneedtouseauniquenameforthisformfield.
3. BesideButtontypeclickReset.4. Bydefault,thebuttonlabeltextchangestoReset.Youcantypea
differentbuttonlabelintheValue/labelbox.5. ClicktheStylebuttontoaccessotheroptionsforformattingyourform
usingcascadingstylesheetsasaninlinestyle.
ShowAll
Addapushbuttontoaform1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Dooneorbothofthefollowing:
Addapushbutton
1. Clickintheformwhereyouwanttoplacethepushbutton.
Ifyouareinsertingaformfieldbuthavenotalreadycreatedaform,MicrosoftFrontPageautomaticallycreatesaformareaandinsertsthefieldinsidethatformarea.Theformareaappearsasadashedlinewhenyouareeditingthepage.
2. OntheInsertmenu,pointtoForm,andthenclickPushButton.
Setthepropertiesofapushbutton
1. Double-clickthepushbutton.2. IntheNamebox,typeanametoidentifythebuttonintheform
results.
Foryourformtoworkcorrectly,youneedtouseauniquenameforthisformfield.
3. IntheValue/labelbox,typethetextthatwillappearonthebutton.4. IntheButtontypebox,selectNormal.5. ClicktheStylebuttontoaccessotheroptionsforformattingyourform
usingcascadingstylesheetsasaninlinestyle.6. ClicktheCodebutton toviewtheHTMLofyourpagesothatyou
canwriteascriptforyourbuttontogiveitanaction.
ShowAll
Addatextareatoaform1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Dooneorbothofthefollowing:
Addatextarea
1. Clickintheformwhereyouwanttoplacethetextarea.
Ifyouareinsertingaformfieldbuthavenotalreadycreatedaform,MicrosoftFrontPageautomaticallycreatesaformareaandinsertsthefieldinsidethatformarea.Theformareaappearsasadashedlinewhenyouareeditingthepage.
2. OntheInsertmenu,pointtoForm,andthenclickTextArea.3. Typethelabelforthetextareadirectlyontheform.
Setthepropertiesofatextarea
1. Double-clickthetextarea.2. IntheNamebox,typeanametoidentifythetextarea.
Foryourformtoworkcorrectly,youneedtouseauniquenameforthisformfield.
3. Ifyouwanttexttoappearinthetextareawhenasitevisitorfirstopenstheform,typethetextintheInitialvaluebox.
4. IntheWidthincharactersbox,typeanumberindicatinghowmanycharacterswideyouwantthetextareatobe.
5. IntheNumberoflinesbox,typeanumberindicatinghowmanylinesoftexthighyouwantthetextareatobe.
6. ClicktheStylebuttontoaccessotheroptionsforformattingyourformusingcascadingstylesheetsasaninlinestyle.
ShowAll
Addagroupboxtoaform1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Dooneorbothofthefollowing:
Addagroupbox
1. Clickintheformwhereyouwanttoplacethegroupbox.
Ifyouareinsertingaformfieldbuthavenotalreadycreatedaform,MicrosoftFrontPageautomaticallycreatesaformareaandinsertsthefieldinsidethatformarea.Theformareaappearsasadashedlinewhenyouareeditingthepage.
2. OntheInsertmenu,pointtoForm,andthenclickGroupBox.
Setthepropertiesofagroupbox
1. Right-clickinthegroupbox,andthenclickGroupBoxPropertiesontheshortcutmenu.
2. IntheLabelbox,typethenameofthelabelforyourgroupbox.3. IntheAlignbox,selectthealignmentyouwantforyourgroupbox
label.4. ClicktheStylebuttontoaccessotheroptionsforformattingyourform
usingcascadingstylesheetsasaninlinestyle.
ShowAll
Addanadvancedbuttontoaform1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Dothefollowing:
Addanadvancedbutton
1. Clickintheformwhereyouwanttoplacetheadvancedbutton.
Ifyouareinsertingaformfieldbuthavenotalreadycreatedaform,MicrosoftFrontPageautomaticallycreatesaformareaandinsertsthefieldinsidethatformarea.Theformareaappearsasadashedlinewhenyouareeditingthepage.
2. OntheInsertmenu,pointtoForm,andthenclickAdvancedButton.
Setthepropertiesofanadvancedbutton
1. Right-clickonthebutton,andthenclickAdvancedButtonPropertiesontheshortcutmenu.
2. IntheNamebox,typeaname.
Foryourformtoworkcorrectly,youneedtouseauniquenameforthisformfield.
3. IntheValuebox,typethevaluethatistobesenttotheformhandler.4. IntheButtonTypebox,selectthetypeofbuttonyouwanttouse.
IfyouselectNormal,youwillneedtowriteascriptforthebuttontohaveafunction.
5. IntheButtonSizearea,select,incharacters,thewidthandheightofthebutton.
6. ClicktheStylebuttontoaccessotheroptionsforformattingyourformusingcascadingstylesheetsasaninlinestyle.
ShowAll
Addapictureasasubmitbuttontoaform1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Dooneorbothofthefollowing:
Addapictureasasubmitbutton
1. Clickintheformwhereyouwanttoplacethesubmitbutton.
Ifyouareinsertingaformfieldbuthavenotalreadycreatedaform,MicrosoftFrontPageautomaticallycreatesaformareaandinsertsthefieldinsidethatformarea.Theformareaappearsasadashedlinewhenyouareeditingthepage.
2. OntheInsertmenu,pointtoForm,andthenclickPicture.
Setthepropertiesofthepicturesubmitbutton
1. Right-clickthepicture,andthenclickFormFieldPropertiesontheshortcutmenu.
2. OntheFormFieldtab,intheNamebox,typeanametoidentifythepicture.
Foryourformtoworkcorrectly,youneedtouseauniquenameforthisformfield.
3. OntheAppearancetab,clicktheStylebuttontoaccessotheroptionsforformattingyourformusingcascadingstylesheetsasaninlinestyle.
ShowAll
Addafileuploadcontroltoaform1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Placetheinsertionpointwhereyouwanttoaddthefileuploadcontrol.3. OntheInsertmenu,pointtoForm,andthenclickFileUpload.
4. IntheDestinationFolderdialogbox,clickCreateNewFolder,andthentypethenameofthefolder.
5. PressENTER,andthenclickOK.6. Setthepropertiesofthefolderwhereuploadedfilesarestored.
How?
1. IntheFolderList,right-clickthefolder,andthenclickPropertiesontheshortcutmenu.
2. CleartheAllowscriptstoberuncheckbox.3. SelectAllowanonymousuploadtothisdirectory.4. SelectAllowuploadedfilestooverwriteexistingfilenamesifyou
wantexistingfilestobeoverwritten.5. ClickOK.
Notes
Tousethefileuploadcontrol,yourWebsitemustbelocatedonaWebserverrunningMicrosoftFrontPage2002ServerExtensions,SharePointTeamServicesv1.0fromMicrosoft,orMicrosoftWindowsSharePointServices.AskyourWebserveradministratororInternetserviceprovider(ISP)whetheryourserverisrunningthesetechnologies.SitevisitorsmustuseMicrosoftInternetExplorer4.0orlaterorNetscapeNavigator2.0orlatertouploadfilesbyusingthefileuploadcontrol.
AddahiddenfieldtoaformToaddhiddenfieldstoaform,followthesesteps:
1. Openthepagethatcontainstheform.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. Right-clickaformfield,andthenclickFormProperties.4. IntheFormPropertiesdialogbox,clickAdvanced.5. ClickAdd.6. IntheNamebox,typethenameofthenewhiddenfield.
Foryourformtoworkcorrectly,youneedtouseauniquenameforthisformfield.
7. IntheValuebox,typethevaluethatistobesenttotheformhandler.
NoteYoudonotneedtoenteravalueifyouareusinghiddenfieldstostoreinformation(forexample,fromonepagetoanotherinamulti-pageform),ortocollectadditionaldatafromyoursitevisitors(forexample,aloginnameoratimestamp).
ShowAll
DeleteafieldfromaformYoucandeletefieldsfromaformasneeded.Everyfield—withtheexceptionofahiddenfield—canbedeletedinthesameway.
1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Dooneorbothofthefollowing:
Deleteafieldthatisnothidden
Clickthefieldyouwanttodelete,andthenpressDELETE.
Deleteafieldthatishidden
1. Right-clicktheform,andthenclickFormPropertiesontheshortcutmenu.
2. ClickAdvanced.
3. Selectthehiddenfieldfromthelist,andthenclickRemove.
DisableautomaticformfunctionalityforformfieldsBydefault,whenyouinsertaformfieldoutsideofaformarea,MicrosoftFrontPagecreatesaformareawithSubmitandResetbuttons,andtheninsertsthefieldinsidetheform.
Ifyouwanttouseformfieldswithscriptsratherthaninsideforms,youneedtofirstdisablethisfeaturebydoingthefollowing:
1. OntheToolsmenu,clickPageOptions.2. OntheGeneraltab,cleartheAutomaticallyencloseformfieldswithina
formboxtodisableautomaticforms.
NowyoucanwriteascripttousewithyourformfieldsandnothavetousetheFrontPageautomaticformarea.
Setthetaborderinaform1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Double-clickafieldtoedititsproperties.3. IntheTaborderbox,typeanumber(1-999)indicatingthetaborderfor
theselectedfield.
Ifyouspecifythesamenumberfortwoormorefields,thefieldthatisfirstonthepagewillcomefirstinthetaborder.Toremovethefieldfromthetaborder,type-1.
4. Repeatthisprocedureforeachfieldforwhichyouwanttosetthetaborder.
NoteOnlyMicrosoftInternetExplorer4.0andlatersupportacustomtaborder.OtherWebbrowsersandearlierversionsofInternetExplorerusethedefaulttaborder.
ShowAll
SetakeyboardshortcutforafieldinaformOnceyouhaveinsertedaform,dothefollowing:
1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. Typetextnexttothefieldtocreatealabelforit.3. Selectthetextandthefield.4. OntheInsertmenu,pointtoForm,andthenclickLabel.5. Selectaletterinthefield'slabeltouseastheshortcut.6. ClickUnderline .
Notes
ThisfeatureisenabledonlyinWebbrowsersthatsupportDynamicHTML(DHTML),suchasMicrosoftInternetExplorer4.0orlater.Useauniqueletterforeachshortcut.Youmayneedtorenameafield,orchooseanotherletterinthelabel,toensureeachshortcutisassociatedwithauniqueletter.
ShowAll
TroubleshootformsWhenIclickthesubmitbutton,nothinghappens.
Makesureyouspecifiedaformhandler
1. Right-clicktheform,andthenclickFormPropertiesontheshortcutmenu.
2. Fromhereyoucanconfigureyourformtosendinformationto:
Afileinaspecifiedfolder
Ane-mailaddress
Adatabase(onethatalreadyexistsorthatMicrosoftFrontPagecreatesforyou)
Acustomscriptyouwritetospecifyhowtosaveyourformresults
Makesurethebuttonissetasasubmitbutton
1. Double-clickthesubmitbutton.
2. MakesurethatButtontypeissetasSubmit,andnotNormalorReset.
WhenIclickthesubmitbutton,allthetextItypedinsidetheformdisappears.
Verifythatyoursubmitbuttonisnotsetasaresetbutton.
1. Double-clickthesubmitbutton.
2. MakesurethatButtontypeissetasSubmit,andnotReset.
HowdoIgettheresultsIsavedtoafileonmyserver?
OpentheWebsite,andthenopenthe_privatefolder.
Thisisthedefaultfolderwhereformresultsaresent.Ifyouconfiguredyourformtosavetoadifferentfolder,openthatfolder.
SecurityWhenyouareconfiguringyourformresultstobesavedtoafile,itisbesttokeepthedefaultfolderthatFrontPagesetsupforyou,_private,whichisahiddenfolderthatsitevisitorscannotopen.
IkeepgettinganerrormessagethattellsmetocontactmyWebmaster.
Dooneormoreofthefollowing:
Verifythatyourformisconfiguredcorrectly
1. Dooneofthefollowing(dependingonwhatkindofformitis):
Right-clicktheform,andthenclickFormPropertiesontheshortcutmenu.
Double-clicktheform.
2. Checkthesettings,asappropriate.
ChecktheservertechnologyyourInternetServiceProviderisusing
ContactyourWebhostorInternetserviceprovider(ISP)andverifythateitherFrontPageServerExtensionsfromMicrosoftorSharePointServices(SharePointTeamServicesv1.0fromMicrosoftorMicrosoftWindowsSharePointServices)isinstalledontheserver.
Myformfieldswon'tdisplay
ChecktheservertechnologyyourInternetServiceProviderisusing
ContactyourWebhostorInternetserviceprovider(ISP)andverifythateitherFrontPageServerExtensionsfromMicrosoftorSharePointServices(SharePointTeamServicesv1.0fromMicrosoftorMicrosoftWindowsSharePointServices)isinstalledontheserver.
Areyourformfieldscontainedwithinaform?
Whenyouwanttocreateaform,MicrosoftFrontPageinsertsarectangularareaoutlinedwithadashedlinewhereyoucanaddtextandformfields.Ifyourformfieldsarenotinsidethisrectangulararea,theywon'twork.
Tomoveaformfieldthatisoutsidetherectangulararea,clickit,andthendragitinsidethedashedline.
ShowAll
AboutworkingwithdataByusingMicrosoftFrontPagetoauthoryourWebsite,youcanadddatafromavarietyofdatasources.ThetoolsyouusetoadddatatoyourWebsitedependonthetypesofavailabledatasources,theoperatingsystemrunningonyourWebserver,andtheservertechnology.
Youcancreateadata-enabledActiveServerPages(ASP)orASP.NETsiteoradata-drivenWebsite.
AboutactivatingyourWebsitewithdatabyusingASPorASP.NET
WebsitesbasedonASPorASP.NETcanusedesktop-basedorserver-baseddatasources—suchasMicrosoftOfficeAccess2003.
YoucanruneithertheDatabaseResultsWizardortheDatabaseInterfaceWizardtocreateWebpagesthatdisplayinteractiveviewsofdesktop-basedorserver-baseddatabyusingASPcodeorASP.NETcontrols,dependingonwhichtechnologyisavailableonyourWebserver.ContactyourWebserveradministratororInternetserviceprovider(ISP)formoreinformation.
AboutusingtheDatabaseResultsWizard
ByusingtheDatabaseResultsWizard,youcanconnecttoadatabase,createaquery,applyfilteringandsortingtotheresults,anddisplaythedataonaWebpagethatcontainsanoptionalsearchformforsitevisitorstouse.YoucanalsousethewizardtocreateanewMicrosoftAccessdatabase,useabuilt-insampledatabase,connecttoadatabaseyoucreatedpreviouslyonyourWebsite,orconnecttoadatabaseonanotherserverthatyouhavepermissiontoaccess.YoucanconnecttoMicrosoftAccess,MicrosoftSQLServer,andOracledatabases.
AboutusingtheDatabaseInterfaceWizard
ByusingtheDatabaseInterfaceWizard,youcancreateWebpageswhereyouoryoursitevisitors—dependingonthesettingsyouspecify—canedit,delete,oraddnewrecordstoadatabasebyusingaWebbrowser.Youcanconnectto
MicrosoftAccess,MicrosoftSQLServer,andOracledatabases.
ServerrequirementsforworkingwithdataonWebsitesbasedonASPorASP.NET
TouseASP,thefollowingtechnologiesarerequiredonyourWebserver:
MicrosoftWindows2000,MicrosoftWindowsServer2003,orWindowsXPProfessionalMicrosoftInternetInformationServices(IIS)5.0(orlater)ActiveServerPages(ASP)withMicrosoftActiveXDataObjects(ADO)FrontPageServerExtensionsfromMicrosoftorSharePointTeamServicesv1.0fromMicrosoft
TouseASP.NET,thefollowingtechnologiesarerequiredonyourWebserver:
Windows2000,WindowsXPProfessional,orMicrosoftWindowsServer2003MicrosoftInternetInformationServices(IIS)6.0(orlater)ASP.NET
AboutactivatingyourWebsitewiththedata-drivenfeaturesofWindowsSharePointServices
MicrosoftWindowsSharePointServices,whichisbuiltontheMicrosoft.NETFramework,providesthecomponent-basedplatformrequiredforFrontPagedata-drivenfunctionality.
WhenyouworkwithasitebasedonWindowsSharePointServices,youcanaccessawiderangeofdatasources,includingdesktop-basedandserver-baseddatabases,ExtensibleMarkupLanguage(XML)files,Webservices,andSharePointlists.Whenyoucreateadata-drivenWebsite,youselectdatasourcesfromadatasourcecataloganduseDataViewWebPartstopresentdata.DataViewWebPartsrenderdatabyusingExtensibleStylesheetLanguageTransformation(XSLT).
ServerrequirementsforworkingwithdataonWindowsSharePointServices
TouseMicrosoftWindowsSharePointServices,thefollowingtechnologiesarerequiredonyourWebserver:
MicrosoftWindowsServer2003,StandardEdition,EnterpriseEdition,DatacenterEdition,orWebEditionMicrosoftInternetInformationServices(IIS)6.0inIIS6.0workerprocessisolationmodeASP.NET
ReducingsecurityriskswiththeDatabaseResultsandInterfacewizardsConnectingtoadatabaseoffersmanybenefitstoWebsitebuilders,butitalsoposessecurityrisks.Whenasitevisitorviews,searches,orotherwiseinteractswiththeinformationinadatabase,thesitevisitor,asananonymoususer,isessentiallybeingallowedtoruncodeinsidethedatabaseorWebserver.
SecurityriskssuchasthesecanbereducedthroughcarefulWebpagedesignanddatabaseconfiguration.MicrosoftFrontPagecreatespagesandregionsthatreducesecurityrisks,butdatabaseconfigurationisakeytohelpingsafeguardyourdata.
ThefollowinginformationisprovidedasanintroductiontodatabasesecuritytoassistyouinworkingtohelpprotectthepagesandsitesyoucreatebyusingtheDatabaseInterfaceWizardandDatabaseResultsWizard.
Disabledetailederrormessages
Ifthereisaproblemconnectingtothedatabaseorretrievinginformation,someserversdisplayinformationabouttheerrorsoitcanbefixed.Thisinformationcanassistmaliciousindividualsinattacksonyourdatabase.FrontPageDatabaseInterfacepagesandDatabaseResultsregionsdonotdisplaythisinformationautomatically.
Usearestrictedaccountforaccessingthedatabase
Byenablingandpassword-protectingseveralaccountsthataccessyourdatabase,youcanhelptopreventuserswithoutpermissionsfromgainingaccesstothedatabaseandtolimittheaccessofthosewithpermissiontotheminimumcontroltheyneed.
Notalldatabasessupportthisfeature,butyoushoulduseitforthosethatdo.Set
upaspecialaccountfortheWebpagewithstrictcontroloverallowableactions.Neveruseadministratoraccessforthisaccount.Thefollowingtableshowssufficientpermissionsforeachofthedifferentpages.
Ifyouareusing: Theaccountneedsthesepermissions:Adatabaseresultsregionorpage ReadAsubmissionform WriteEditor Read,Write,Delete(recordsonlyifpossible)
Chooseauniquepassword
Protectthedatabaseeditingpagesbyusingadifferentusernameandpasswordfromthoseusedforthedatabaseorforotherresources.Iftheeditorpasswordgetscompromised,thenyourotherresourceswillstillbesafe.
Carefullydesignandconstructyourdatabase
Specifydatatypesandfieldsizes.Thislimitsboththeabilitytoformmaliciousrequestsandhowmuchtextamalicioususercanenter.
Disable,delete,orcontrolaccesstostoredproceduresandbuilt-inmacros
Somedatabasescontainbuilt-inmacrostodeletetablesorevenentiredatabases.Makesureamalicioususercannotusethemeither.
DonotuseHTMLindatabasecolumns
DonotdisplayorallowHTMLinanydatabasecolumns.AlthoughtheDatabaseResultsWizardenablesyoutoallowHTMLindatabasecolumns,thisfeatureshouldonlybeusedinatrustedenvironment.
ShowAll
UsingtheDatabaseInterfaceWizardwithASPImportantThefollowingprocedureswillnotworkonaWebsitelocatedonaserverrunningMicrosoftWindowsSharePointServices.
ByusingtheDatabaseInterfaceWizardonaWebsitehostedonaserverrunningActiveServerPages(ASP),youcancreateWebpagestoadd,edit,ordeletedatabaserecords.Youcanalsospecifyapasswordtohelpprotectthosepages.
SecurityUsethisfeaturewithcaution.Sensitiveorconfidentialinformationcouldberevealedtoothers,suchasotherauthorsofyourWebsite,orsitevisitorsontheInternetoryourintranet.
StarttheDatabaseInterfaceWizard
1. OntheFilemenu,clickNew.2. OntheNewtaskpane,underNewWebsite,clickMoreWebsite
templates.
3. Double-clickDatabaseInterfaceWizard.
SpecifyASPastheservertechnologyandadatabaseconnection
1. IntheFrontPagehasdetectedthatyourpagewilldisplaybestusingarea,makesuretoselectthecheckboxforASP,sothatyourpageswillworkcorrectlyonaWebsitelocatedonaserverrunningASP.
2. Specifythedatabaseconnectionyouwant.
Selectthetableorviewandwhereitwillbestored
1. IntheSelectthetableorviewyouwouldliketouseforthisdatabaseconnectionlist,clickthetableorviewyouwant.
2. IntheSpecifyalocationforthenewfilesbox,typeapathtoafolderintheactiveWebsitetostorethepagesforadding,deleting,andediting
databaserecords.
Specifythedatabasecolumnsandformfields
UnderEditformfieldtypelist,youcanadd,modify,delete,orchangetheorderofthedatabasecolumnsandthecorrespondingformfieldsusedtoeditorupdatethosefields.
Notes
IfyouclickedCreateanewMicrosoftAccessdatabasewithinyourWebsiteonthefirstpageofthewizard,thepagetospecifycolumnsandfieldswillappearsoonerinthewizard.
Someoptionsmightbeunavailable.Forexample,ifyouclickedUseanexistingdatabaseconnectiononthefirstpageofthewizard,theoptiontoaddnewcolumnsisunavailable.
Specifythepagestocreate
Selectthepagesyouwantthewizardtocreateforyou.
Notes
Whenyouselectthepagesyouwantthewizardtocreateforyou,ifyouselecteithertheSubmissionFormortheDatabaseEditorcheckbox,youcancreatepagestoadd,edit,anddeleterecords.Likewise,ifyouselecttheDon'tpasswordprotectmysubmissionformormydatabaseeditorwithausernameandpasswordcheckbox,anysitevisitorcanadd,edit,ordeletedatabaserecords.Evenifyoudopasswordprotectthispage,therearestillsecurityrisks.RefertoFrontPageHelptolearnmoreaboutdatabaseandsecuritybestpractices.
ShowAll
UsingtheDatabaseInterfaceWizardwithASP.NETImportantThefollowingprocedureswillnotworkonaWebsitelocatedonaserverrunningMicrosoftWindowsSharePointServices.
ByusingtheDatabaseInterfaceWizardonaWebsitehostedonaserverrunningASP.NET,youcancreateWebpagestoadd,edit,ordeletedatabaserecords.Youcanspecifyapasswordtohelpprotectthosepages.
SecurityUsethisfeaturewithcaution.Sensitiveorconfidentialinformationcouldberevealedtoothers,suchasotherauthorsofyourWebsite,orsitevisitorsontheInternetoryourintranet.
StarttheDatabaseInterfaceWizard
1. OntheFilemenu,clickNew.2. OntheNewtaskpane,underNewWebsite,clickMoreWebsite
templates.
3. Double-clickDatabaseInterfaceWizard.
SpecifyASP.NETastheservertechnologyandadatabaseconnection
1. IntheFrontPagehasdetectedthatyourpagewilldisplaybestusingarea,makesuretoselectthecheckboxforASP.NET,sothatyourpageswillworkcorrectlyonaWebsitelocatedonaserverrunningASP.NET.
2. Specifythedatabaseconnectionyouwant.
Selectthetableorviewandwhereitwillbestored
1. IntheSelectthetableorviewyouwouldliketouseforthisdatabaseconnectionlist,clickthetableorviewyouwant.
2. IntheSpecifyalocationforthenewfilesbox,typeapathtoafolderintheactiveWebsitetostorethepagesforadding,deleting,andediting
databaserecords.
Specifythedatabasecolumnsandformfields
UnderEditformfieldtypelist,youcanadd,modify,delete,orchangetheorderofthedatabasecolumnsandthecorrespondingformfieldsusedtoeditorupdatethosefields.
Notes
IfyouclickedCreateanewMicrosoftAccessdatabasewithinyourWebsiteonthefirstpageofthewizard,thepagetospecifycolumnsandfieldswillappearsoonerinthewizard.
Someoptionsmightbeunavailable.Forexample,ifyouclickedUseanexistingdatabaseconnectiononthefirstpageofthewizard,theoptiontoaddnewcolumnsisunavailable.
Specifythepagestocreate
Selectthepagesyouwantthewizardtocreateforyou.
Notes
Whenyouselectthepagesyouwantthewizardtocreateforyou,ifyouselecteithertheSubmissionFormortheDatabaseEditorcheckbox,youcancreatepagestoadd,edit,anddeleterecords.Likewise,ifyouselecttheDon'tpasswordprotectmysubmissionformormydatabaseeditorwithausernameandpasswordcheckbox,anysitevisitorcanadd,edit,ordeletedatabaserecords.Evenifyoudopasswordprotectthispage,therearestillsecurityrisks.RefertoFrontPageHelptolearnmoreaboutdatabaseandsecuritybestpractices.
ShowAll
UsingtheDatabaseResultsWizardwithASPImportantThefollowingprocedureswillnotworkonaWebsitelocatedonaserverrunningMicrosoftWindowsSharePointServices.
ByusingtheDatabaseResultsWizardonaWebsitehostedonaserverrunningActiveServerPages(ASP),youcancreateWebpagestoviewandsearchdatabaserecords.
SecurityUsethisfeaturewithcaution.Sensitiveorconfidentialinformationcouldberevealedtoothers,suchasotherauthorsofyourWebsite,orsitevisitorsontheInternetoryourintranet.
StarttheDatabaseResultsWizard
OntheInsertmenu,pointtoDatabase,andthenclickResults.
SpecifyASPastheservertechnologyandthedatabaseconnection
1. IntheFrontPagehasdetectedthatyourpagewilldisplaybestusingarea,makesuretoselectthecheckboxforASP,sothatyourpageswillworkcorrectlyonaWebsitelocatedonaserverrunningASP.
2. Specifythedatabaseconnectionyouwant.
Specifytherecordsource
Dooneofthefollowing:
Toselectthetableorviewyouwant,clickRecordSource.Tocreateacustomquery,clickCustomQuery,andthenclickEdit.
Specifythefieldstobedisplayedonthedatabaseresultspage
Youcandooneormoreofthefollowing:
Toexcludefieldsfromappearinginthedatabaseresultsregionortochangetheorderinwhichtheyappear,clickEditList.Tofilter,limit,orsortthedatabaseresults,tosetupasearchform,ortoprovidedefaultvaluesforthesearch,clickMoreOptions.
Specifytheformattingoptionsforthedatabaseresultsregion
Youcanformatthedatabaseresultsregionasatable,alist,oradrop-downlist.
Specifywhethertodisplayallrecordstogetherortosplitthemintogroups
Youcandothefollowing:
Ifyouspecifiedtodisplaytherecordsasatableoralistonthepreviouspageofthewizard,youcanspecifywhethertodisplayalloftherecordstogetherortosplitthemintogroupsofrecordswithbuttonstomoveforwardorbackwardthroughtherecords.
Additionally,ifyouspecifiedthatyouwantedtouseafieldasasearchfieldinthepreviouspageofthewizard,youcanspecifyherethatyouwanttoaddasearchformtoyourpage.
ShowAll
UsingtheDatabaseResultsWizardwithASP.NETImportantThefollowingprocedureswillnotworkonaWebsitelocatedonaserverrunningMicrosoftWindowsSharePointServices.
ByusingtheDatabaseResultsWizardonaWebsitehostedonaserverrunningASP.NET,youcancreateWebpagestoviewandsearchdatabaserecords.
SecurityUsethisfeaturewithcaution.Sensitiveorconfidentialinformationcouldberevealedtoothers,suchasotherauthorsofyourWebsite,orsitevisitorsontheInternetoryourintranet.
StarttheDatabaseResultsWizard
OntheInsertmenu,pointtoDatabase,andthenclickResults.
SpecifyASP.NETastheservertechnologyandthedatabaseconnection
1. IntheFrontPagehasdetectedthatyourpagewilldisplaybestusingarea,makesuretoselectthecheckboxforASP.NET,sothatyourpageswillworkcorrectlyonaWebsitelocatedonaserverrunningASP.NET.
2. Specifythedatabaseconnectionyouwant.
Specifytherecordsource
Dooneofthefollowing:
Toselectthetableorviewyouwant,clickRecordSource.Tocreateacustomquery,clickCustomQuery,andthenclickEdit.
Specifythefieldstobedisplayedonthedatabaseresultspage
Youcandooneorbothofthefollowing:
Toexcludefieldsfromappearinginthedatabaseresultsregionortochangetheorderinwhichtheyappear,clickEditList.Tofilter,limit,orsortthedatabaseresults,tosetupasearchform,ortoprovidedefaultvaluesforthesearch,clickMoreOptions.
Specifytheformattingoptionsforthedatabaseresultsregion
Youcanformatthedatabaseresultsregionasadatagrid.
Specifywhethertodisplayallrecordstogetherortosplitthemintogroups
Youcandothefollowing:
Youcanspecifywhethertodisplayalloftherecordstogetherortosplitthemintogroupsofrecordswithbuttonstomoveforwardorbackwardthroughtherecords.
Additionally,ifyouspecifiedthatyouwantedtouseafieldasasearchfieldinthepreviouspageofthewizard,youcanspecifyherethatyouwanttoaddasearchformtoyourpage.
ShowAll
TroubleshootdatabaseintegrationwithASPorASP.NET
MyWebpageloadswhenIclickPreviewinBrowser,butnodatashows.
YourWebsitemightbehostedonanincorrectlyconfiguredWebserver
AWebsitebasedonASPorASP.NETcandisplayinteractiveviewsofdesktop-basedorserver-baseddatabyusingASPcodeorASP.NETcontrols.
TouseASP,thefollowingtechnologiesarerequiredonyourWebserver:
MicrosoftWindows2000,WindowsServer2003,orWindowsXPProfessional
ActiveServerPages(ASP)withMicrosoftActiveXDataObjects(ADO)
FrontPage2000ServerExtensionsfromMicrosoft(orlater)orSharePointTeamServicesv1.0fromMicrosoft
MicrosoftInternetInformationServices(IIS)5.0(orlater)
TouseASP.NET,thefollowingtechnologiesarerequiredonyourWebserver:
Windows2000,WindowsServer2003,orWindowsXPProfessional
ASP.NET
FrontPage2000ServerExtensions(orlater)orSharePointTeamServicesv1.0
InternetInformationServices(IIS)6.0(orlater)
ContactyourWebserveradministratororInternetserviceprovider(ISP)formoreinformation.
YourWebsitelocationstartswithC:\insteadofhttp://
TodisplayinteractiveviewsofdatabasedonASPorASP.NET,aWebsitemustbehostedonaserverthatusestheHTTPprotocol.WhenyouopenorcreateaWebsitetobeusedwithadatabase,verifythefollowing:
Ifyou'vealreadycreatedaWebsiteWhenyouopenthesiteinMicrosoftFrontPage,checktoseethatthelocationspecifiedatthetopoftheFolderListbeginswithhttp://.Anexampleofavalidlocationishttp://www.example.com/subsite1.
Ifthelocationappearstobeapathtoalocalornetworklocation—suchasC:\DocumentsandSettings\User\MyDocuments\MyWebSites\Subsite1—you'llneedtocreateaWebsiteatalocationthatusestheHTTPprotocol.AWebsiteonalocalornetworkdriveisnotavalidlocationtodisplaydatabase-enabledpages.
IfyouneedtocreateaWebsiteIntheNewdialogbox,underSpecifythelocationofthenewWeb,thelocationyoutypemuststartwithhttp://.Anexampleofavalidlocationishttp://www.example.com/subsite1.
Donotusealocalornetworklocation—suchasC:\DocumentsandSettings\User\MyDocuments\MyWebSites\Subsite1.Instead,createaWebsiteatalocationthatusestheHTTPprotocol.AWebsiteonalocalornetworkdriveisnotavalidlocationtodisplaydatabase-enabledpages.
Yourdatabasepagemightnotbesavedwiththecorrectextension
TodisplaythecontentsofadatabaseresultsregiononyourWebpage,thefilemusthaveanextensionof.aspforWebsitesrunningActiveServerPages(ASP)or.aspxforWebsitesrunningASP.NET.Astandard.htmor.htmlextensionisnotvalid.
Mydatabase-enabledpagewon'tloadwhenIclickPreviewinBrowser.
Ifyouseetheerrormessage"HTTPError403(403.1Forbidden:ExecuteAccessForbidden)"inyourbrowserwindow,thefolderstoringyourfileisnotactivatedtoallowscriptstorun.
1. IntheFolderList,right-clickthefolderyourpageisstoredin.
2. SelecttheAllowscriptstoberuncheckbox.
Ican'truntheDatabaseResultsWizardbecauseDatabaseisunavailableontheInsertmenu.
ThereareseveralreasonswhyDatabaseontheInsertmenumightbeunavailable.
You'reusingaWebsitebasedonMicrosoftWindowsSharePointServices
WebsiteslocatedonserversrunningonWindowsSharePointServicesuseadifferentsetoffeaturestodisplaydata.TodisplaydataonaWebsitebasedonWindowsSharePointServices,clicktheDatamenu,andthenclickInsertDataView.
You'reusingadisk-basedWebsite
WhenyouopenthesiteinMicrosoftFrontPage,checktoseethatthelocationspecifiedatthetopoftheFolderListbeginswithhttp://.Anexampleofavalidlocationishttp://www.example.com/subsite1.
Ifthelocationappearstobeapathtoalocalornetworklocation—suchasC:\DocumentsandSettings\User\MyDocuments\MyWebSites\Subsite1—you'llneedtocreateaWebsiteatalocationthatusestheHTTPprotocol.AWebsiteonalocalornetworkdriveisnotavalidlocationtodisplaydatabase-enabledpages.
YourauthoringsettingsdonotallowActiveServerPages(ASP)
1. OntheToolsmenu,clickPageOptions.
2. ClicktheAuthoringtab.
3. IntheFrontPageandSharePointTechnologiesarea,selecttheActiveServerPagescheckbox.
YourauthoringsettingsdonotallowAuthor-timeWebComponents
1. OntheToolsmenu,clickPageOptions.
2. ClicktheAuthoringtab.
3. SelecttheAuthor-timeWebComponentscheckbox.
You'renotworkinginaWebsite
Checktomakesurethatyouopenedaserver-basedWebsiteandnotjustanewpageoutsideofaWebsite.
YourWebsitemightbehostedonanincorrectlyconfiguredWebserver
DatabaseintegrationfeaturesofMicrosoftFrontPageworkwhenyourWebsiteishostedonorpublishedtoaWebserverconfiguredwithoneofthefollowing:
AWebsitebasedonASPorASP.NETcandisplayinteractiveviewsofdesktop-basedorserver-baseddatabyusingASPcodeorASP.NETcontrols.
TouseASP,thefollowingtechnologiesarerequiredonyourWebserver:
MicrosoftWindows2000,WindowsServer2003,orWindowsXPProfessional
ActiveServerPages(ASP)withMicrosoftActiveXDataObjects(ADO)
FrontPage2000ServerExtensionsfromMicrosoft(orlater)orSharePointTeamServicesv1.0fromMicrosoft
MicrosoftInternetInformationServices(IIS)5.0(orlater)
TouseASP.NET,thefollowingtechnologiesarerequiredonyourWebserver:
Windows2000,WindowsServer2003,orWindowsXPProfessional
ASP.NET
FrontPage2000ServerExtensions(orlater)orSharePointTeamServicesv1.0
InternetInformationServices(IIS)6.0(orlater)
ContactyourWebserveradministratororInternetserviceprovider(ISP)formoreinformation.
IcanruntheDatabaseResultsWizardbutcan'tfinishitbecauseoferrors.
IftheserverencountersanerrorwhentryingtoretrievearecordsourceonthesecondpageoftheDatabaseResultsWizard,youmightbeattemptingtoaccessapassword-protecteddatabasewithoutproperauthentication.
Toaddausernameandpassword,dothefollowing:
1. OntheToolsmenu,clickSiteSettings,andthenclicktheDatabasetab.
2. Clickthedatabaseconnectionyouwant,andthenclickModify.
TheDatabaseConnectionPropertiesdialogboxappears.
3. ClickAdvanced.
TheAdvancedConnectionsPropertiesdialogboxappears.
4. UnderAuthorization,typethecorrectusernameandpassword.
TheOKbuttonisunavailablewhenIaddadatabaseconnection.
IntheNewDatabaseConnectiondialogbox,afteryouclickanoption,clickBrowsetospecifyaURLforthedatabase.
IfyoudonotclickBrowseandthenspecifyaURL,youwillnotbeabletocompletethetaskandreturntotheDatabasetabintheSiteSettingsdialogbox.
ShowAll
AboutworkingwithWebPartsAWebPartisamodularunitofinformationthatcontainsWeb-basedcontentandisthebuildingblockofaWebPartPage.AWebPartismadeupofseveralcomponentfilesthatstorethedataandinformationnecessarytorendertheWebPart.
WhenyouaddWebPartstoyourpagebyusingMicrosoftFrontPage,youhavemorecontroloverhowtheyappearthanyouwouldbyworkingwiththeminaWebbrowser.YoucanalsocreateconnectionsbetweenWebPartssothatwhenyouperformanactioninoneWebPart,itchangesthecontentsofanotherWebPart.
AboutWebPartconnections
InWebsiteslocatedonWebserversrunningMicrosoftWindowsSharePointServices,thetypesofdatasourcesthatyoucanuseincludeExtensibleMarkupLanguage(XML)files,Webservices,andSharePointlists.Connectingsetsofdatafromdifferentdatasourcesusuallyrequiresadvancedprogrammingskills,butbyconnectingWebParts,youcanpassdatabetweenthemandsynchronizetheirbehavior.
Forexample,youcanconnectaListViewWebPart,whichcontainsacolumnwithahyperlinkdatatype,toanImageWebPart,whichcontainsapictureofanemployee.EachtimeyouselectarowintheListViewWebPart,youcanseethepictureoftheemployeedisplayedintheImageWebPart.
AlthoughyoucanestablishaWebPartconnectionbyusingtheWebbrowser,byusingFrontPage,youcanextendthefunctionalityofWebPartconnections.Forexample,youcanusetheFormWebParttofilterthedatainanotherWebPart,oryoucanestablishconnectionsbetweenWebPartsontwoWebPartPagesinthesametop-levelWebsite.
AbouttheFormWebPart
ByusingtheFormWebpartinFrontPage,youcanextendthefunctionalityof
WebPartconnectionsbyenablingsitevisitorstoenterdatathroughfamiliarforminterfaces,whichpassdataintoaWebPartconnection.
Forexample,byusingFrontPagetoconnecttheFormWebParttoanotherWebPartcapableoffilteringthroughaWebPartconnection,suchastheListViewWebPart,youcanenableyoursitevisitorstofilterthedatainthelistbyusinganinterfacethatissimilartoasearchbox.
ShowAll
AddaWebParttoaWebpage1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. PlacetheinsertionpointwhereyouwantanewWebPart.3. OntheViewmenu,clickTaskPane.4. Onthemenuoftaskpaneoptions,clickWebParts.
5. ClickNewWebPartZone.
AddingaWebPartzoneisusefulifyou'reworkingwithaWebPartPagethatyouwilleditlaterbyusingaWebbrowser.DataViewsworkbestwhenaddedinsideaWebPartzone.
6. IftheWebPartyouwantisnotavailable,dooneofthefollowing:
BrowseforaWebPart
AtthetopoftheWebPartstaskpane,clickthearrow,andthenclickBrowse.
ClickTeamWebSiteGallerytolookforWebPartsintheactivesite.ClickVirtualServerGallerytofindaWebPartthatispartofyourvirtualserver.ClickOnlineGallerytofindaWebPartintheonlinelibrary.
SearchforaWebPart
AtthetopoftheWebPartstaskpane,clickthearrow,andthenclickSearch.
ImportaWebPart
AtthetopoftheWebPartstaskpane,clickthearrow,andthenclickImport.
NoteIfyoucannotfindtheWebPartyouwant,theadministratorofthe
top-levelWebsitemighthaveremovedorchangedthetitleofit.TolocatetheWebPart,contacttheadministratorofthetop-levelsite.
7. IntheWebPartList,clicktheWebPartyouwant,andthendragittothepageortotheWebPartzone,ifyouaddedone.
AddaFormWebPart1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. PlacetheinsertionpointwhereyouwantanewWebPart.3. OntheInsertmenu,pointtoForm,andthenclickFormWebPart.
ShowAll
WebPartconnectionsByconnectingWebParts,youcansynchronizetheirbehaviorandmanagedataindynamicandinterestingways.
ByusingtheWebPartConnectionsWizardinMicrosoftFrontPage,youcancompleteaWebPartconnectionbetweenWebPartsonthesamepageorontwodifferentpagesinyoursite.
Forexample,youcanconnectaWebPartthatdisplaysemployeedatatoaWebPartthatdisplaysimages.EachtimeyouselectarowofdataintheemployeedataWebPartthatcontainsacolumnwithapictureofthatemployee,youcanseethepicturedisplayedintheotherWebPart.
AWebPartconnectionisawaytopassdatafromoneWebParttoanotherWebPartandsynchronizetheirbehavior.
OneWebPartprovidesthedata.
Datacanbelists,rows,cells,orparametervalues.
TheotherWebPartgetsthedata.
Decidewhatdatasourcesyouwanttoworkwith
Insomecases,thedatayouwantisinanapplicationdatasourcethatisexternaltoyoursite.ByusingtheFrontPageDataSourceCatalog,youcanaccessawiderangeofdatasources,includingdesktop-basedandserver-baseddatabases,ExtensibleMarkupLanguage(XML)files,Webservices,andSharePointlists.
TypesofWebPartconnections
TherearemanywaystocombineandconnectWebPartsonaWebPartPage.Typically,youwillmakeseveraloftheseWebPartconnectionsonyourWebPartPage.ThefollowingscenariosdescribecommontypesofdataconnectionsbetweenWebParts.ThinkofthesescenariosasbasicbuildingblocksforWebPartconnections.
Master/Detail
Youhaveamasterlistofdata,andyouneedtodisplaydetailedinformationrelatedtothismasterlist.
Commonlyaccessedemployeedata,suchasID,name,andjobtitle,isdisplayedinaWebPart.
Tolookupemployeedetails,youselectarow.
ThedataintherowispassedtoanotherWebPart.
IntheotherWebPart,alltheemployeedetailsaredisplayedinaformview.
Summary/Detail
Youhaveasummarylistofdata,andyouneedtodisplaythedetailedinformationthatproducesthesummarydata.
Year-to-datecompensationinformationisdisplayedinaWebPart.
Youselectthethesummaryinformationaboutyouraccumulatedvacationtimeandsickdays.
ThesummaryinformationispassedtoanotherWebPart.
IntheWebPartthatdisplaysweeklydata,youverifytheweekswhenyourecordedthosedaystorefreshyourmemoryorconfirmtheiraccuracy.
Parent/Child
Youdisplayalistofdata(theparent),andforeachrowthereisoneormorerelatedrows(thechildren)thatyouwanttodisplayinanotherlist.
AlistofthemostrecentcustomerordersisdisplayedinaWebPart.
Youclicktherowcontainingtheorderyouwanttoexamine.
ThedatafromtherowispassedtoanotherWebPart.
IntheotherWebPart,allthelineitemsforthatorderaredisplayed.
Searchandfilter
Youwanttoenterdata,suchassearchorfiltercriteria,inoneWebParttodisplayresultsinanotherWebPart.
InaWebPart,youenterbookinformation,suchastitle,author,andsubject,totrytofindthebookorsetofbooks.
YouclickSubmit.
ThesearchcriteriaispassedtoanotherWebPart.
TheotherWebPartdisplaysoneormorebooksthatmatchyoursearchcriteria.
Calculations
AlthoughyoucanoftencalculatedatainsideaWebPart,sometimesyoumaywanttocombinetwoWebPartstomakeyourcalculationsmoreflexible.
YouentermortgagenumbersintoaWebPart.
YouclickGo.
ThemortgagenumbersarepassedtoanotherWebPart.
TheotherWebPartcomputesthemortgageanddisplaysthemonthlypaymentschedule.
Alternatedataviews
Viewingyourdatainseveraldifferentwayscanhelpyoutounderstandimplications,trends,andrelationships.Youcanpasslists,rows,andcells(orfieldsandparameters)fromoneWebPartanddisplaythedatainanalternateview.
Anexampleofalist
Youwanttodisplayallcompanyemployeesinahierarchychart.
TheWebPartdisplaystheemployeeID,employeename,jobtitle,andmanagerIDofeveryonewhoworksforyourcompany.
Becauseyouareusingallthedata,noselectionisrequired.
ThedataispassedtoanotherWebPart.
TheotherWebPartdisplaystheworkingrelationshipsbetweenemployeesandcandisplayalternateviewsofthishierarchy.
Anexampleofarow
Youwanttoviewarowofdemographicdatainachart,suchasapiechartorbargraph.
AWebPartdisplaysdemographicdatasuchasage,income,andheritage.
Youselectarowofdemographicdata.
ThedataispassedtoanotherWebPart.
TheotherWebPartdisplaystherowofdatainapiechartandalternativelyabargraph.
Anexampleofacell
Youwanttotracktheoverallprogressofafund-raisingdrive.
InaWebPart,eachmemberofagroupenterstheamountofmoneytheyhaveraised.
Thecurrenttotalisdisplayedinatotalfield.
ThetotalfieldispassedtoanotherWebPart.
Youcheckyourgroup'soverallprogressintheotherWebPart.
Dataenhancement
Youwanttoaugmentbasicdataaboutpeopleandplacestomakeitmoreinteresting,appealing,anduseful.
AWebPartdisplaysinformationyouneedtokeeptrackofbusinessassociates,suchasname,address,andperhapsaphoto.
Youselectacontact.
ArowofdataispassedtoanotherWebPart.
YouseeaphotoofthecontactdisplayedinanotherWebPartandlocatetheirbusinessaddressinaWebPartthatshowsamap.
CreateaconnectionbetweentwoWebPartsOpenapagethatcontainsoneormoreWebParts,andthendothefollowing:
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clicktheWebPartyouwanttocreateaconnectionfrom,andthen
clickWebPartConnections.
3. IntheWebPartConnectionsWizard,underChoosetheactiononthesourceWebParttouseforthisconnection,inthelist,clicktheactionyouwant.
TheoptionsinthelistwillvarydependingonthetypeofWebPartyouareworkingwith.
4. ClickNext.5. SpecifythelocationoftheWebPartyouwanttoconnecttobydoingoneof
thefollowing:TocreateaconnectiontoaWebPartonthecurrentpage,clickConnecttoaWebPartonthispage.TocreateaconnectiontoaWebPartonanotherpageintheWebsite,clickConnecttoaWebPartonanotherpageinthisWeb.
6. ClickNext.7. IntheTargetWebPartlist,clicktheWebPartyouwanttocreatea
connectionto.8. IntheTargetActionlist,clicktheactionyouwant.9. ClickNext.10. IntheColumnsfromWebPartlist,clickthenameofthecolumnyou
want.11. IntheColumnsinWebPartlist,clickthecolumnyouwant,andthenclick
Next.12. ClickFinish.
ChangetheconnectionbetweenWebPartsOpenapagethatcontainsaWebPartconnection,andthendothefollowing:
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickaWebPartthatisconnectedtoanotherWebPart.
3. IntheWebPartConnectionsdialogbox,selecttheWebPartconnectionyouwanttochange.
4. ClickModify.5. FollowtheinstructionsintheWebPartConnectionsWizard.
ShowAll
RemovetheconnectionbetweentwoWebPartsDooneofthefollowing:
RemovetheconnectionbetweenWebPartsinthesamepage
1. OpentheWebpagethatcontainstheconnectedWebParts.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. Right-clickoneoftheWebParts,andthenclickWebPartConnectionson
theshortcutmenu.
4. ClicktheWebPartconnectionyouwanttoremove,andthenclickRemove.
5. OntheFilemenu,clickSave.
RemovetheconnectionbetweenWebPartsindifferentpages
1. OpentheWebpagecontainingtheWebPartthatprovidesdatatotheconnectedWebPart.
2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. Right-clickaWebPart,andthenclickWebPartConnectionsonthe
shortcutmenu.
4. ClicktheWebPartconnectionyouwanttoremove,andthenclickRemove.
5. OntheFilemenu,clickSave.
ThepagethatcontainstheotherWebPartopens.
6. SwitchtothepagethatcontainstheotherWebPart.7. OntheFilemenu,clickSave.
ShowAll
AboutDataViewsByusingMicrosoftFrontPage,youcanaddDataViewWebParts—knownasDataViews—toyourWebsitethatdisplaydatabyusingExtensibleStylesheetLanguageTransformations(XSLTs).
WhenyouuseFrontPagetocreateoreditadata-drivenWebsiterunningonMicrosoftWindowsSharePointServices,youcanaddDataViewsthatcanextractdatafromavarietyofavailabledatasources,suchasExtensibleMarkupLanguage(XML)files,Webservices,SharePointlists,andOLEDB–compliantdatabasessuchasSQLServer,DB2,andOracle.
YoucanalsocustomizeDataViewstocreatecustomdisplaysofyourdatainWYSIWYGformatbyusingtheFormattingtoolbar.YoucanalsoperformmoreadvancedcustomizationsbyusingtheDataViewDetailstaskpane:
StyleChooseaformattingstylefromagalleryofpredesignedlistviewstyles.Youcanalsoaddatoolbarforsitevisitorstoperformcustomfilteringonthelist.FilterSpecifycriteriatodisplayasubsetofthedataintheDataView.Sort&groupDisplayitemsinaparticularorderandoptionallygroupthemonaWebpagebeneathcollapsibleheadings.ConditionalFormattingSetconditionsforthedatainyourDataView.
WindowsSharePointServices,whichisbuiltontheMicrosoft.NETFramework,providesthecomponent-basedplatformrequiredforFrontPagedata-drivenfunctionality.
AddaDataView1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. OntheDatamenu,clickInsertDataView.
3. IntheDataSourceCatalogtaskpane,undertheheadingyouwant,clickadatasource.
Iftheheadingiscollapsed,clicktoexpandit.
4. Placeyourpointeroverthedatasourceyouwant,andthenclickthearrownexttoit.
5. Ontheshortcutmenu,clickInsertDataView.6. IntheDataViewDetailstaskpane,setthepropertiesyouwant.
GroupdatainaDataView1. OpenapagethatcontainsaDataView.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. IntheDataViewDetailstaskpane,clickSort&group.4. IntheAvailablefieldslist,clickthefieldsyouwant,andthenclickAdd.
5. UnderSortProperties,clickAscendingorDescending.
6. UnderGroupProperties,clickShowgroupheader.
7. Dooneofthefollowing:
Toshowexpandedorcollapsedheadingsforsitevisitors,clickExpandgroupbydefaultorCollapsegroupbydefault.
Toshowafooterattheendofeachgroupthatrepeatsthegrouptitle,clickShowgroupfooter.Tohidethedetailsforeachgroup,clickHidegroupdetails.Toshowallgroupeditems,evenifthetotalexceedsthespecifiednumberofitemsdisplayed,clickKeepgroupitemstogether.
AddatoolbartoaDataView1. OpenapagethatcontainsaDataView.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. IntheDataViewDetailstaskpane,clickStyle.4. OntheOptionstab,selectthecheckboxforShowtoolbarwithoptions
for.5. Toselecttheoptionsyouwantonthetoolbar,dothefollowing:
Toenablesitevisitorstofilterthelistbyusingoneoftheavailablefields,clickFilter.Toenablesitevisitorstosortthelistbyusingoneoftheavailablefields,clickSort.Toenablesitevisitorstogroupthelistundercollapsibleheaders,clickGroup.
RemoveatoolbarfromaDataView1. OpenapagethatcontainsaDataView.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. IntheDataViewDetailstaskpane,clickStyle.4. OntheOptionstab,clearthecheckboxforShowtoolbarwithoptions
for.
ChangethelayoutofaDataViewWebPart1. OpenapagethatcontainsaDataView.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. IntheDataViewDetailstaskpane,clickStyle.4. OntheGeneraltab,intheHTMLviewstyleslist,selecttheviewstyleyou
want.
ShowAll
AddorremoveconditionalformattingforaDataView1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. InaDataView,specifythepageelementorfieldthatyouwanttoshowor
hidebasedontheconditioningyouspecify.
How?
Dooneofthefollowing:SelectafieldinthedataviewWhenyouapplyconditionalformatting,thefieldwillshow,hide,ordisplaycustomformattingfortherowsinyourdataviewthatmatchtheconditionsyouspecify.AddtextnexttoafieldinthedataviewWhenyouapplyconditionalformatting,thetextwillshow,hide,ordisplaycustomformattingfortherowsinyourdataviewthatmatchtheconditionsyouspecify.InsertanimagenexttoafieldinthedataviewWhenyouapplyconditionalformatting,theimagewillshow,hide,ordisplaycustomformattingfortherowsinyourdataviewthatmatchtheconditionyouspecify.
3. IntheConditionalFormattingtaskpane,clickCreate,andthenspecifytheactionyouwant.
4. Dooneofthefollowing:Toshowcontentbasedontheconditionsyouspecify,clickShowContent.Tohidecontentbasedontheconditionsyouspecify,clickHideContent.Toapplyformattingbasedontheconditionsyouspecify,clickApplyformatting.
5. Specifytheconditionsyouwant.
How?
1. IntheConditionalFormattingtaskpane,clickCreate,andthenclick
ShowContent.2. IntheConditionCriteriadialogbox,clickClickheretoaddanew
clause.3. ClicktheFieldnameboxfortheactiverow,andthenselectthefield
thatcontainsthevaluesyouwant.4. ClicktheComparisonbox,andthenselectthetypeofcomparison
youwant.5. ClicktheValuebox,andthentypeorselecttheoptionyouwant.6. ClickAdvancedifyouwanttoedittheXSLforthecondition.7. IfyouselectedApplyFormattinginstep4ofthemainprocedure,
specifytheformattingyouwant.
ShowAll
ChangethefiltersappliedtoaDataView1. OpenapagethatcontainsaDataView.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. IntheDataViewDetailstaskpane,clickFilter.4. IntheFilterCriteriadialogbox,dooneormoreofthefollowing:
Addanewclause
1. ClickClickheretoaddanewclause.2. ClicktheFieldnameboxfortheactiverow,andthenselectthefield
thatcontainsthevaluesyouwant.3. ClicktheComparisonbox,andthenselectthetypeofcomparison
youwant.4. ClicktheValuebox,andthentypeorselecttheoptionyouwant.5. ClickAdvancedifyouwanttoedittheXPathpredicateforthefilter
query.TheAdvancedbuttonisonlyavailableifyourdatasourceisanXMLfile.
Editaclause
1. Clickanexistingclause.2. ClicktheFieldnameboxfortheactiverow,andthenselectthefield
thatcontainsthevaluesyouwant.3. ClicktheComparisonbox,andthenselectthetypeofcomparison
youwant.4. ClicktheValuebox,andthentypeorselecttheoptionyouwant.5. ClickAdvancedifyouwanttoedittheXPathpredicateforthefilter
query.
Deleteaclause
Clicktheclauseyouwant,andthenpressDELETE.
5. ClickOK.
ChangethetextthatappearsforaDataViewwithnorecords1. OpenapagethatcontainsaDataView.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. IntheDataViewDetailstaskpane,clickStyle.4. ClicktheOptionstab.5. IntheTexttodisplayifnomatchingitemsarefoundbox,typethe
messageyouwant.
RemovesortingoptionsfromaDataView1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. PlacetheinsertionpointinaDataView.3. OntheDataViewDetailstaskpane,clickSort&Group.4. IntheSortandGroupdialogbox,underSortOrder,selectthefieldyou
want.5. PressDELETE.
ShoworhideconditionalformattingcriteriaforaDataView1. OpenapagethatcontainsaDataViewwithconditionalformattingapplied.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. IntheConditionalFormattingtaskpane,underExistingConditions,
movethepointerovertheconditionyouwant,andthenclickthearrowthatappears.
4. Dooneofthefollowing:
ToshowallsimilarfieldsorpageelementswhentheconditionissettoShowcontentwhen,clickShow:All.
TohideallsimilarfieldsorpageelementswhentheconditionissettoShowcontentwhen,clickShow:None.
TohideallsimilarfieldsorpageelementswhentheconditionissettoHidecontentwhen,clickHide:All.
ToshowallsimilarfieldsorpageelementswhentheconditionissettoHidecontentwhen,clickHide:None.
ToapplyformattingtoallsimilarfieldsorpageelementswhentheconditionissettoApplystylewhen,clickApply:All.
ToremoveformattingfromallsimilarfieldsorpageelementswhentheconditionissettoApplystylewhen,clickApply:None.
SortdatainaDataViewWebPart1. OpenapagethatcontainsaDataView.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. IntheDataViewDetailstaskpane,clickSort&group.4. IntheAvailablefieldslist,selectthefieldsyouwant,andthenclickAdd.
5. UnderSortProperties,clickAscendingorDescending.
ShowAll
AboutusinganexistingdatabaseImportantThefollowingprocedureswillnotworkonaWebsitelocatedonaserverrunningMicrosoftWindowsSharePointServices.
IftheUseanexistingdatabaseconnectionoptionisunavailableintheactiveWebsite,doonethefollowing:
IfyouwanttousetheDatabaseInterfaceWizardinanewsite
1. ClickCanceltoclosetheDatabaseInterfaceWizard.2. OntheToolsmenu,clickSiteSettings.OntheDatabasetab,clickAdd.3. Configurethedatabaseconnectionthatyouwant.4. Withthecurrentsitestillopen,runtheDatabaseInterfaceWizard,
makingsuretoselecttheAddtocurrentWebsiteoption.TheUseanexistingdatabaseconnectionoptionwillbeactivated.
IfyouwanttousetheDatabaseInterfaceWizardtomanageadatabaseinanexistingsite
1. OntheToolsmenu,clickSiteSettings.OntheDatabasetab,clickAdd.2. Configurethedatabaseconnectionthatyouwant.3. Withthecurrentsitestillopen,runtheDatabaseInterfaceWizard,
makingsuretoselecttheAddtocurrentWebsiteoption.TheUseanexistingdatabaseconnectionoptionwillbeactivated.
FilterdatainaDataView1. OpenapagethatcontainsaDataView.2. InPageview,atthebottomofthedocumentwindow,clickDesign .3. IntheDataViewDetailstaskpane,clickFilter.4. IntheFilterCriteriadialogbox,clickClickheretoaddanewclause.5. ClicktheFieldnameboxfortheactiverow,andthenselectthefieldthat
containsthevaluesyouwant.6. ClicktheComparisonbox,andthenselectthetypeofcomparisonyou
want.7. ClicktheValuebox,andthentypeorselecttheoptionyouwant.8. ClickAdvancedifyouwanttoedittheXPathpredicateforthefilterquery.
ShowAll
AboutworkingwithdatasourcesWhenyouworkwithaWebsitebasedonMicrosoftWindowsSharePointServices,youcanaccessawiderangeofdatasources,includingdesktop-basedandserver-baseddatabases,ExtensibleMarkupLanguage(XML)files,Webservices,andSharePointlists.YoucanconnecttoMicrosoftAccess,MicrosoftSQLServer,andOracledatabases.YoucanmaintainthedatasourcesavailabletoyourWebsitebyusingtheDataSourceCatalogtaskpane.
YoucanfamiliarizeyourselfwiththedatasourcestructureandevenstepthroughindividualrecordsbyusingtheDataViewDetailstaskpane.Ifyouwanttoworkwithadatasource,youcanadddatafromittoaWebpagebyusingaDataViewWebPart.
ShowAll
Addadatasourcetothedatasourcecatalog1. InPageview,dothefollowing:
2. OntheDataSourceCatalogtaskpane,clicktoexpandtheheadingforthetypeofdatasourceyouwanttoadd.
3. Dooneormoreofthefollowing:
AddanewSharePointlist
1. UnderSharePointLists,clickCreatenewSharePointList.2. Selectthelistyouwant.3. IntheSpecifythenameforthenewlistbox,typeanameforthelist.4. ClickOK.
AddanewSharePointlibrary
1. UnderSharePointLibraries,clickCreatenewDocumentLibrary.2. Selectthelibraryyouwant.3. IntheSpecifythenameforthenewdocumentlibrarybox,typea
nameforthelibrary.4. ClickOK.
Addanewdatabaseconnection
1. UnderDatabaseConnections,clickAddtoCatalog.2. ClickConfigureDatabaseConnection.3. IntheServerNamebox,specifytheservernamewherethedatabase
isstored.4. UnderAuthentication,specifytheauthenticationmethodtousewhen
accessingtheserver.5. Followthestepsinthewizardtocreateadatabaseconnection.
AddanewXMLfile
1. UnderXMLFiles,clickAddtoCatalog.2. IntheLocationbox,typethepathoftheXMLfile.
3. ClickOK.
IfthespecifiedXMLfiledoesn'texistinyourWebsite,MicrosoftFrontPagewillpromptyoutoimportthefileintotheactiveWebsite.
Addanewserver-sidescript
1. UnderServer-sideScripts,clickAddtoCatalog.2. IntheDataSourcePropertiesdialogbox,typethepathintotheURL
box,selectwhethertorunthescriptonaGetoraPostbyusingtheMethodoption,andclicktheAddbuttontoaddtheparameterstousewhenrunningthescriptfromaWebpage.
AddanewXMLWebservice
1. UnderXMLWebServices,clickAddtoCatalog.2. IntheServicedescriptionlocationbox,typetheURLfortheWeb
service.3. ClickConnectNow.
Changethepropertiesofadatasource1. InPageview,atthebottomofthedocumentwindow,clickDesign .
2. IntheDataSourceCatalogtaskpane,clicktoexpandtheheadingforthetypeofdatasourceyouwanttochange.
3. Clickadatasource,andthenclickProperties.
4. Selectthepropertiesyouwant.
Thepropertieswillvaryaccordingtothetypeofdatasourceyouselect.
ShowAll
AboutWebpackagesWebpackagesarebundledcollectionsoffilesthatyouimportorexportforuseinaWebsite.WebpackagescancontainWebpages,templates,Webcomponents,themes,graphics,stylesheets,andotherelements.
MicrosoftFrontPageincludespredesignedWebpackagesolutions,whichareself-contained,data-drivenWebsitesbasedonMicrosoftWindowsSharePointServices.YoucanalsocreateWebpackagesbyusingfileswithinyourexistingsite.
YoucanusethepredesignedWebpackagesolutionsasastartingpointforcreatingaNewsandReviewssiteoraWebLog.YoucanalsodeploythesolutionstoextendthefunctionalityofanexistingsitebasedonWindowsSharePointServices.
PredesignedWebpackagesolutions
FrontPagecontainstwopredesignedWebpackagesolutions.
NewsandReviewssiteByusingtheNewsandReviewssite,youcandeployadata-drivennewsWebsite,enabledbyWindowsSharePointServices,thatsupportsreviews,discussions,andotherinteractiveWebsitefeatures.
WebLogByusingtheWebLogsolution,youcandeployadata-drivenWeblog,enabledbyWindowsSharePointServices,thatsupportsWeblogsearch,discussioncommentsforeachlogentry,favoritelinks,andotherreportingfeatures.
AboutcustomWebpackages
WhenyoucreateaWebpackage,youcanidentifydependencies—filesrequiredbythepackagedfiles—andaddthemautomatically.
Forexample,youcancreateaDynamicWebTemplateforyourWebsiteandthenattachittoseveralpagesinyoursite.Youcanapplyathemethatyou've
customizedtothosepages,andthenyoucanaddgraphicsthatyou'vecreatedbyusingagraphicseditingtool.YoucanthenuseWebpackagestoexportthosefiles—includingtheDynamicWebTemplate,thethemes,andthecustomgraphics—toasinglefilethatyoucanimporttoanotherWebsiteormakeavailableforotherFrontPageuserstoimport.
Security
AvoidaddingUniversalDataConnection(UDC)filestoaWebpackage.AUDCfileisanXMLfile,storedinthe_fpdatasourcesfolder,thatcontainsconfigurationinformationforadatasource.UDCfilescancontainpasswordsinplaintext.
AvoidpackagingSharePointdocumentorpicturelibrariesthatcontainfiles.WhenotherusersimporttheWebpackage,thosefileswillbeaddedtotheirWebsite.
ShowAll
AddaWebpackagesolution1. OntheFilemenu,clickNew.2. IntheNewtaskpane,underNewWebsite,clickWebpackagesolutions.3. ClicktheWebpackagesolutionthatyouwant,anddooneofthefollowing:
TodeploytheWebpackageonaserverthatisrunningMicrosoftWindowsSharePointServices,typetheURLintheSpecifythelocationofthenewWebsitebox,orclickBrowse.ToaddtheWebpackagesolutiontothecurrentWebsite,clickAddtocurrentWebsite.
4. ToaddtheWebpackagetoaWebsitethatusesSecureSocketsLayer(SSL)forencryptedtransactions,selecttheEncryptedconnectionrequired(SSL)checkbox.
5. ClickOK.
6. IntheItemsfromWebpackagetoimportbox,clearthecheckboxesfortheitemsyoudonotwant.
NoteIfyouclearcheckboxesforessentialfiles,yourWebpackagesolutionwillnotwork.
7. ClickImport.8. IntheSecurityWarningdialogbox,dooneofthefollowing:
ClickYestocontinueimportingtheWebpackage.ClickNotocanceltheimport.ClickMoreInfotoviewthesecuritycertificatefortheWebpackage.
ShowAll
ExportaWebpackage1. OntheToolsmenu,pointtoPackages,andthenclickExport.
2. IntheFilesinWebsitebox,clickthefilesorfoldersthatyouwanttoaddtoaWebpackage,andthenclickAdd.
3. Identifythedependencies,whichareadditionalfilesthattheselectedfilesrequireinordertoworkproperly.
How?
1. IftheDependencycheckinglistisnotavailable,clickShowDependencies.
2. IntheDependencycheckinglist,dooneofthefollowing:Toshowalldependentfiles,clickCheckalldependencies.Toshowalldependentfilesexceptpageslinkedbyhyperlinksorexternalfilessuchasexternalcascadingstylesheets,clickCheckalldependencies,excepthyperlinks.Tohidedependentfiles,clickDonotshowdependencies.
4. ClickAdd.
Anydependentfilesareaddedaccordingtothesettingyouchoseinthepreviousstep.
5. ClickProperties,andthendothefollowing:
IntheTitlebox,typeanamefortheWebpackage.IntheDescriptionbox,typeadescriptionoftheWebpackage.IntheAuthorbox,typethenameyouwantotheruserstoseewhentheyviewthepropertiesfortheWebpackage.IntheCompanybox,typethenameofyourcompany,ifnecessary.
NoteThepropertiesprovideinformationtousersbeforetheyimporttheWebpackage.Youmustaddthisinformationbeforeyousavethepackage.
6. ClickOK.7. IntheFilenamebox,editthedefaultnamefortheWebpackage,browseto
thelocationwhereyouwanttosavetheWebpackage,andthenclickSave.
HelpsecureyourpackageddataIfyourWebsiteislocatedonaserverrunningFrontPageServerExtensionsfromMicrosoft,SharePointTeamServicesv1.0fromMicrosoft,orMicrosoftWindowsSharePointServices,takethefollowingprecautions:
AvoidaddingUniversalDataConnection(UDC)filestoaWebpackage.AUDCfileisanXMLfile,storedinthe_fpdatasourcesfolder,thatcontainsconfigurationinformationforadatasource.UDCfilescancontainpasswordsinplaintext.
AvoidpackagingSharePointdocumentorpicturelibrariesthatcontainfiles.WhenotherusersimporttheWebpackage,thosefileswillbeaddedtotheirWebsite.
ImportWebpackagesonlyfromtrustedsources.IfyouimportaWebpackagethatcontainsmaliciousfiles,yoursitemaybeatrisk.
ImportaWebpackage1. OntheToolsmenu,pointtoPackages,andthenclickImport.2. LocateandclicktheWebpackageyouwant,andthenclickOpen.3. IntheDestinationbox,editthepathtospecifyafoldernameinyourWeb
site.4. IntheItemsfromWebpackagetoimportbox,clearthecheckboxesfor
theitemsyoudonotwant.5. ClickImport.6. IntheSecurityWarningdialogbox,dooneofthefollowing:
ClickYestocontinueimportingtheWebpackage.ClickNotocanceltheimport.ClickMoreInfotoviewthesecuritycertificatefortheWebpackage.
ShowAll
TroubleshootWebpackagesIamunabletoimportaWebpackage.
Webpackagescannotbeimportedintothefollowinglocations:
AWebsiteonaserverrunningSharePointTeamServicesv1.0fromMicrosoftAdisk-basedWebsite
NoteYoucanexportWebpackagesfromadisk-basedWebsite.
WhenIclickWebPackagesolutions,adialogboxwithstandardWebsitetemplatesappears.
ThePackagestabwillnotbedisplayedintheWebSiteTemplatesdialogboxiftheSharePointServicescheckboxisclearedontheAuthoringtabinthePageOptionsdialogbox.
SomedependentfileswerenotaddedwhenIexportedaWebpackage.
BeforeyouexportaWebpackage,makesuretospecifyadependencycheckingoptionthatenablesyoutoidentifyallrequiredfilesfortheWebpackage.IntheDependencycheckinglistintheExportWebPackagedialogbox,clickCheckalldependenciesorCheckalldependencies,excepthyperlinks.
IcheckeddependenciesbeforeIexportedmyWebpackage,butmycascadingstylesheetstillwasnotaddedtothepackage.
TheCheckalldependencies,excepthyperlinksoptionontheDependencycheckinglistalsoexcludescascadingstylesheetfiles.ToincludecascadingstylesheetswhenyouexportaWebpackage,clickCheckalldependencies.
ShowAll
AboutsecuritybestpracticesThefollowingsuggestionsaredesignedtohelpyoumakeeducatedchoiceswhenworkingtoreducethesecurityrisksassociatedwithrunningaWebsite.
Bestpracticesformanagingfiles
InstallthelatestsecuritypatchesandupdatestoyourWebserver.Notifyyoursitevisitorsofthispracticeaswell.
Whenyouareconfiguringyourformresultstobesavedtoafile,itisbesttokeepthedefaultfolderthatMicrosoftFrontPagesetsupforyou,_private.The_privatefoldercannotbebrowsedonWebserversrunningFrontPageServerExtensionsfromMicrosoft,SharePointTeamServicesv1.0fromMicrosoft,orMicrosoftWindowsSharePointServices.
NoteWebserversrunningothertechnologiesmightnotrecognizethisfolderasnon-browsable.UsecautionwhenpublishingfilesbyusingFileTransferProtocol(FTP)orWeb-basedDistributedAuthoringandVersioning(WebDAV),sincethe_privatefolderwillnotberecognizedasnon-browsableontheremoteserver.
WhenyousynchronizefilesbyusingRemoteWebSiteview,filesontheremoteWebsitewillbedownloadedtothelocalsite.IfmaliciousfileswereplacedontheremoteWebsite,thelocalWebsitemaybeatrisk.Besurethatonlytrustedusershaveaccesstotheremotesitebeforeyouattempttosynchronizefiles.
SecurityvulnerabilitiesinexternalfilesorcontrolsmayextendtoWebpagesthatusethoseitems.Forexample,externalcascadingstylesheets(fileswitha.cssextension),scriptfiles(fileswitha.jsextension),customASP.NETcontrols,orotheritemsmayposeasecurityrisk.Besureyourstylesheets,add-ins,themes,executablefiles,scripts,controls,andotherfilescomefromtrustedsources.
Filesthatposeathreattoyourserver,ortothecomputersofWebsitevisitors,maybeuploadedintentionally(bymalicioususers)or
unknowingly(bytrustedusers).Makesureyourserverisrunningup-to-dateantivirussoftwareandlimituploadcapabilitytotrustedusers.Formoredetails,contactyourWebserveradministratororWebsitehostingcompany.
BestpracticesforWebserversecurity
MakesuretouseatrustedWebsitehostingcompany.Tohoste-commercesolutionsorSSLconnections,ahostingservicemustpossessadigitalcertificate,whichisissuedbyathird-partycertificateauthority.Ifyoucan'tverifytheintegrityoftheserverownerorhostingservice,donothostyourWebsitethere.
Financialtransactionsrequireareliablee-commercesolutionhostedonaWebserverconfiguredwithSecureSocketsLayer(SSL)technology.Ifyouwanttocreateane-commercesolution,contactyourWebserveradministratororWebsitehostingcompanyformoreinformation.
Cross-sitescriptingisasecurityvulnerabilitythatcouldaffectmanyWebsitesandWebusers.ThevulnerabilityistheresultofcodingmistakesinWebapplications.Formoreinformation,visittheMicrosoftDeveloperNetwork(MSDN)Website.
IdentifythepotentialforSQLinjectionattackswhenyouprocessuserinputthatformspartofaSQLcommand.SQLinjectionistheactofpassingadditional(malicious)SQLcodeintoanapplicationwhichistypicallyappendedtothelegitimateSQLcodecontainedwithintheapplication.IfyourauthenticationschemeisbasedonvalidatingusersagainstaSQLdatabase,forexample,ifyou'reusingFormsauthenticationagainstMicrosoftSQLServer,youmustguardagainstSQLinjectionattacks.Formoreinformation,visittheMicrosoftDeveloperNetwork(MSDN)Website.
BesuretousepropersecuritysettingsonyourWebsiteandtograntaccessonlytotrustedusers.
Besurethatyourpasswordisnotreadablebyothers.Forexample,donotstoreitwhereitisreadableasplaintext,suchasinamacroortheHTMLorothercodeofapageorfileinthesite.Donotsendapasswordonthe
InternetunlessyouusetheSSLprotocol,whichencryptsdata.YoucantellwhenaWebaddressusesSSLbecausetheaddressstartswith"https"insteadof"http."
AWebsitecertificateisaverification,issuedbyanindependentcertificationauthority,thatconfirmstheidentityofaWebsite.ByusingaWebsitecertificateinyoursite,youcanhelppreventunauthorizedpeoplefromseeingtheinformationthatissenttoorfromyoursite.
Bestpracticesforpasswords
Avoidusinghard-codedpasswordsforpagesinyoursite.Ifyoumusthard-codeapassword,storeitinafolderthatisnotbrowsablebysitevisitors,suchas_private.
Whenyouneedtocreatepasswords,usestrongpasswords.Strongpasswordscombineuppercaseandlowercaseletters,numbers,andsymbols,andshouldnotcontainpatterns,themes,orwordsfoundinadictionary.
Changeyourpasswordfrequently;forexample,everyonetothreemonths.Notifyyoursitevisitorsofthispracticeaswell.
Whenyouconnecttoadatasource,besurethatyourpasswordisnotreadablebyothers.Forexample,donotstoreitwhereitisreadableasplaintext,suchasinamacroortheHTMLorothercodeofapageorfileinthesite.DonotsendapasswordontheInternetunlessyouusetheSecureSocketsLayer(SSL)protocol,whichencryptsdata.YoucantellwhenaWebaddressusesSSLbecausetheaddressstartswith"https"insteadof"http."
BestpracticesforusingWebpackages
IfyourWebsiteislocatedonaserverrunningFrontPageServerExtensionsfromMicrosoft,SharePointTeamServicesv1.0fromMicrosoft,orMicrosoftWindowsSharePointServices,takethefollowingprecautions:
AvoidaddingUniversalDataConnection(UDC)filestoaWebpackage.AUDCfileisanXMLfile,storedinthe_fpdatasourcesfolder,thatcontainsconfigurationinformationforadatasource.UDCfilescancontain
passwordsinplaintext.
AvoidpackagingSharePointdocumentorpicturelibrariesthatcontainfiles.WhenotherusersimporttheWebpackage,thosefileswillbeaddedtotheirWebsite.
Bestpracticesforusingcookies
UseHTTP-onlycookies.Tomitigatetheriskofathirdpartyaccessingthedatastoredincookiesonyoursitevisitors'computers,theHTTP-onlyattributespecifiesthatacookieisnotaccessiblethroughscript.ByusingHTTP-onlycookiesinyoursite,youcanhelpreducethepossibilitythatsensitiveinformationcontainedinthecookiecanbesenttoahacker'scomputerorWebsitewithscript.
NoteMicrosoftInternetExplorer6ServicePack1(SP1)supportstheHTTP-onlyattribute.
BypostinglinksforyoursitevisitorstodownloadcriticalupdatesandpatchesaswellasthelatestversionsoftheWebbrowsersthattheyuse,youcanhelpensurethatyoursitevisitorsareusingamoresecureversionoftheWebbrowseroftheirchoice.
ShowAll
AboutmacrosIfyouperformataskrepeatedlyinMicrosoftFrontPage,youcanautomatethetaskwithamacro.Amacroisaseriesofcommandsandfunctions,storedinaMicrosoftVisualBasicmodule,thatyoucanrunwheneveryouneedtoperformthetask.
Forexample,youcanusemacrostocreatenewpagesandapplytemplatestothem.
TheVisualBasicEditorisaprogramdesignedtomakewritingandeditingmacrocodeeasytolearnforbeginners,anditprovidesplentyofHelp.Youdon'thavetolearnhowtoprogramorusetheVisualBasiclanguagetocreateamacro.ByusingtheVisualBasicEditor,youcancreatenewmacros,editexistingmacros,orcopymacrosfromonemoduletoanotherorbetweendifferentpages.Youcanalsorenamemacrosormodulesthatstoremacros.
Afteryoucreateamacro,youcanrunitbychoosingitfromalistintheMacrodialogbox.Tomakeamacrorunwheneveryouclickaparticularbutton,youcanassignthemacrotoatoolbarbutton.
SecurityUsecautionwhenrunningexecutablefilesorcodeinmacrosorapplications.Executablefilesorcodecanbeusedtocarryoutactionsthatmightcompromisethesecurityofyourcomputeranddata.
ShowAll
Createamacro1. OntheToolsmenu,pointtoMacro,andthenclickMacros.
2. IntheMacronamebox,typeanameforthemacro,andthenclickCreate.
Macronamescannotcontainspacesorpunctuationmarks,butyoucanuseunderscores.Forexample,youcanuseMacro1orMacro_1,butnotMacro1.
3. IntheVisualBasicEditor,typeorcopyyourcodeintothemodulewindow.4. Ifyouwanttorunthemacrofromthemodulewindow,pressF5.5. Whenyou'refinishedcreatingyourmacro,clickCloseandReturnto
MicrosoftFrontPageontheFilemenu.
Editamacro1. OntheToolsmenu,pointtoMacro,andthenclickMacros.
2. Clickthemacro,andthenclickEdit.
Runamacro1. OntheToolsmenu,pointtoMacro,andthenclickMacros.
2. Clickthemacro,andthenclickRun.
SecurityUsecautionwhenrunningexecutablefilesorcodeinmacrosorapplications.Executablefilesorcodecanbeusedtocarryoutactionsthatmightcompromisethesecurityofyourcomputeranddata.
Debugamacro1. OntheToolsmenu,pointtoMacro,andthenclickMacros.
2. Clickthemacro,andthenclickStepInto.
ShowAll
Aboutadd-insAdd-insaresupplementalprogramsthatextendthecapabilitiesofMicrosoftFrontPagebyaddingcustomcommandsandspecializedfeatures.Youcanobtainadd-insfromtheMicrosoftOfficeOnlineWebsite,third-partyvendors,oryoucanwriteyourowncustomadd-inprogramsbyusingMicrosoftVisualBasicforApplications.
ToconservememoryandincreasethespeedofFrontPage,it'sagoodideatounloadadd-inprogramsyoudon'tuseoften.Whenyouunloadanadd-in,itsfeaturesandcommandsareremovedfromFrontPage,buttheadd-infileitselfremainsonyourcomputerforeasyreloading.
DeveloperscanuseComponentObjectModel(COM)add-ins,whichprovideadditionalfunctionalityinavarietyofprogramminglanguages,includingMicrosoftVisualBasic,MicrosoftVisualC++,andMicrosoftVisualJ++.Asadeveloper,you'llfindinformationaboutdesigningCOMadd-insinVisualBasicHelp.Whileyouaredevelopingandtesting,youcanloadorunloadaCOMadd-ininFrontPagebeforeyouhaveaworkinginstallationprogramforyouradd-in.
NoteDonotconfuseadd-inswithplug-ins.Aplug-inisoneofasetofsoftwaremodulesthatintegrateintoWebbrowserstoofferarangeofinteractiveandmultimediacapabilities.
SecuritySecurityvulnerabilitiesinexternalfilesorcontrolsmayextendtoWebpagesthatusethoseitems.Forexample,externalstylesheets(fileswitha.cssextension),scriptfiles(fileswitha.jsextension),customASP.NETcontrols,orotheritems,mayposeasecurityrisk.Besureyourstylesheets,add-ins,themes,executables,scripts,controls,orotherfilescomefromtrustedsources.
ShowAll
Addorremoveanadd-inAnadd-inisasmallprogramthatprovidesadditionalcommandsandfeaturestoMicrosoftFrontPage.
1. OntheToolsmenu,clickAdd-Ins.2. Dooneofthefollowing:
Addanadd-in
1. IntheAdd-Insavailablebox,selectthecheckboxnexttotheadd-inyouwant,andthenclickOK.
Iftheadd-inyouwantdoesnotappearintheAdd-Insavailablebox,clickAdd,locateandclickthefilefortheadd-in,andthenclickOK.
2. Ifnecessary,followtheinstructionsinthesetupprogramfortheadd-in.
Removeanadd-in
Ifyouwanttoremovetheadd-infrommemoryandkeepitintheAdd-Insavailablelist,clearthecheckboxnexttotheadd-in.Ifyouwanttoremovetheadd-infrommemoryandfromtheAdd-Insavailablelist,clicktheadd-in,andthenclickRemove.ThenexttimeyoustartFrontPage,theadd-inwillberemoved.
NoteThisproceduredoesnotremovetheadd-infromyourharddisk.Toremoveitfromyourharddisk,youmustuninstalltheadd-in.
ShowAll
CheckthespellingofdifferentlanguagesImportantTocheckthespellingofdifferentlanguages,youmustinstalltheMicrosoftOffice2003MultilingualUserInterfacePackorMicrosoftOffice2003ProofingToolsforthelanguagesyouwanttouseinaWebsite.Inaddition,youmustenablesupportforeachlanguagethroughMicrosoftOfficeLanguageSettings.
Setthespellinglanguagefortext
1. Selectthetextthatyouwanttomarkasaspecificlanguage.2. OntheToolsmenu,clickSetLanguage.3. IntheMarkselectedtextaslist,clickthelanguagethatyouwant,andthen
clickOK.
SetthespellinglanguageforaWebpage
1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthepage,clickPagePropertiesontheshortcutmenu,andthen
clicktheLanguagetab.3. IntheMarkcurrentdocumentaslist,clickthelanguageforthepage,and
thenclickOK.
SetthedefaultspellinglanguageforaWebsite
1. OntheToolsmenu,clickPageOptions.2. OntheGeneraltab,intheDefaultspellinglanguagelist,clickthedefault
spellinglanguageforthecurrentsite.
Setthelanguageofapage1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthepage,clickPagePropertiesontheshortcutmenu,andthen
clicktheLanguagetab.3. IntheMarkcurrentdocumentaslist,clickthelanguageforthepage.
NoteSettingthelanguageofapageenablesMicrosoftFrontPagetoautomaticallyloadthecorrectspellingdictionary.ForFrontPagetoloadthecorrectspellingdictionary,youmustfirstinstalltheMicrosoftOffice2003MultilingualUserInterfacePackortheMicrosoftOffice2003ProofingToolsforthelanguagesyouuseonapage.
EncodeatextfileWarningDependingonthecontenttype,ifyoureloadorsavethetextfileasadifferentencoding,youcanlosethecontentsofthefile.
1. OntheFilemenu,clickOpen.2. Locateandclickthetextfilethatyouwant,andthenclickOpen.
Beforeyouencodeatextfile,itisrecommendedthatyousaveabackupcopy.
3. Right-clickthedocumentwindow,andthenclickEncodingontheshortcutmenu.
4. Dooneofthefollowing:Toreloadthefile,intheReloadthecurrentfileasbox,clickadifferentencoding,andthenclickReload.Tosavethefile,intheSavecurrentfileaslist,clicktheencodingyouwant,andthenclickSaveAs.
EncodeanXMLfileWarningDependingonthecontenttype,ifyoureloadorsavetheXMLfileasadifferentencoding,youcanlosethecontentsofthefile.
1. OntheFilemenu,clickOpen.2. LocateandclicktheXMLfilethatyouwant,andthenclickOpen.
BeforeyouencodeanXMLfile,itisrecommendedthatyousaveabackupcopy.
3. Right-clickthedocumentwindow,andthenclickEncodingontheshortcutmenu.
4. Dooneofthefollowing:Toreloadthefile,intheReloadthecurrentfileasbox,clickadifferentencoding,andthenclickReload.Tosavethefile,intheSavecurrentfileaslist,clicktheencodingyouwant,andthenclickSaveAs.
SetthedefaultpageencodingforaWebsite1. OntheToolsmenu,clickSiteSettings,andthenclicktheLanguagetab.2. IntheDefaultpageencodinglist,clickthepageencodingthatyouwantas
adefaultsettingfortheactiveWebsite.3. IfyoudonotwantMicrosoftFrontPagetoverifythattheencodingmatches
yourkeyboardsettings,selecttheIgnorethekeyboardwhendecidingtheencodingofnewpagescheckbox.
WarningSettingthedefaultpageencodingto<none>isnotrecommendedbecauseuserswouldhavetosetthepageencodingforeachindividualnewpage.Otherwise,specialcharactersnotcontainedinthebasicASCIIcharacterset,suchastheeurocharacter,mightnotdisplaycorrectly.
ShowAll
Settheencodinglanguageforsavingorloadingapage1. InPageview,atthebottomofthedocumentwindow,clickDesign .2. Right-clickthepage,clickPagePropertiesontheshortcutmenu,andthen
clicktheLanguagetab.3. UnderHTMLencoding,dothefollowing:
IntheSavethedocumentaslist,clicktheencodingthatyouwanttosavetheactivepagein.Iftheactivepageisnotdisplayingcorrectly,intheReloadthecurrentdocumentaslist,clicktheencodingthatyouwanttoloadtheactivepagein.
WarningIftheactivepagedisplaysincorrectly,thefilemaybecomecorruptifyousavethepageovertheoriginalversion.
Tips
Forpagescontainingmorethanonelanguage,youcanuseUnicode.ThisencodingcontainsthebasicRomancharacterset,pluscharactersfromlanguagesthroughouttheworld.UnicodecorrespondstotheMultilingual(UTF-8)option.Todisplaytheeurocharactercorrectly,youmustsetyourpageencodingtoeither,US/WesternEuropeanorUnicode.
ShowAll
Findandreplacespecialright-to-leftcharactersThisfeatureisavailableonlyifyouhaveenabledsupportforright-to-leftlanguagesbyusingMicrosoftOfficeLanguageSettings.Ifyouhaveenabledthistypeofsupport,youcanfindandreplaceright-to-lefttextthatcontainsdiacritics,kashidas,andalefhamzas.
1. OntheEditmenu,clickReplace.2. IntheFindwhatbox,typetheright-to-lefttextincludingcharacterssuch
askashidas,alefhamzas,ordiacritics,andthenpressCTRL+rightSHIFT.
MakesureyoupresstheSHIFTkeyontherightsideofyourkeyboard.
3. IntheReplacewithbox,typethereplacementright-to-lefttext,andthenpressCTRL+rightSHIFT.
4. UnderSearchoptions,selecttheoptionsyouwant.
Tomatchright-to-lefttextwithcharacters,underAdvanced,selectoneormoreofthecheckboxes,includingMatchdiacritics,Matchkashida,andMatchalefhamza.
5. Dooneofthefollowing:
Findandreplaceright-to-lefttextinthecurrentWebpage
Dooneofthefollowing:
Tomanuallyreplaceeachoccurrenceoftextinthecurrentpage,clickFindNext,andthenclickReplace.Toreplacealloccurrencesoftextinthecurrentpageatonetime,clickReplaceAll.
Findandreplaceright-to-lefttextinaWebsite
1. Dooneofthefollowing:
Tosearchfortextinonlythosepagesthatarecurrentlyopen,clickFind.TosearchfortextinonlyselectedpagesorinallpagesofaWebsite,clickFindinSite.
WhenyousearchfortextinthepagesofaWebsite,MicrosoftFrontPagedisplaysalistthatcontainsoccurrencesofthetextyousearchedfor.
2. TogotothefirstoccurrenceofthetextintheWebsite,selectedpages,oropenpages,double-clickapageinthatlist.
Notes
FortheArabiclanguage,FrontPagesupportsfindingandreplacingdiacritics,alefhamzas,andkashidas.FortheHebrewlanguage,FrontPagesupportsfindingandreplacingdiacritics.
GlossaryA B C D E F GH I J L M NO P Q R S T U VW X
ABacktotop
absoluteURLThefullInternetaddressofapageorotherresourceontheWorldWideWeb.AnabsoluteURLincludesaprotocol,suchas"http,"anetworklocation,andanoptionalpathandfilename.Forexample,http://www.example.com/isanabsoluteURL.
accessibilityThequalityofasystemincorporatinghardwareorsoftwarethatmakesitusablebypeoplewithoneormorephysicaldisabilities,suchasrestrictedmobility,blindness,ordeafness.
activehyperlinkAhyperlinkthatasitevisitorisclickinginaWebbrowser.Forexample,ahyperlinkisactivebetweenthetimeasitevisitorpressesandreleasesthemousebutton,whenclickingthathyperlink.
ActiveServerPage(ASP)Aserver-sidescriptingtechnologyforcreatingdynamic,interactiveWebapplications.AnASPfileisadocumentthatcontainsscriptsthatarerunbyanASP-compatibleWebserver.Afterrunningthosescripts,theWebserversendstheresultingpagesandfilestotheWebbrowser.
activeWebpageInFrontPage,theWebpagethatiscurrentlyopen.
activeWebsiteInFrontPage,theWebsitethatiscurrentlyopen.
ActiveXAsetoftechnologiesthatallowssoftwarecomponentstointeractwithoneanotherinanetworkedenvironment,regardlessofthelanguageinwhichthecomponentswerecreated.ActiveXisusedprimarilytodevelopinteractivecontentfortheWorldWideWeb,althoughitcanbeusedin
desktopandotherprograms.ActiveXcontrols
ReusablesoftwarecomponentsthatincorporateActiveXtechnology.ActiveXcontrolscanbeembeddedinWebpagestoproduceanimationandothermultimediaeffects,interactiveobjects,andsophisticatedprograms.Theycanbewritteninavarietyofprogramminglanguages,includingC,C++,Java,andVisualBasic.
ActiveXDataObjects(ADO)Adataaccessinterfacethatallowsclientprogramstoaccessandmanipulatedatainafile-orserver-baseddatabase.
ADOSeeActiveXDataObjects
AdvancedStreamingFormat(ASF)AstreamingfileformatforusewithWindowsMediaPlayer.Thisfileformatcanincludeaudio,scripts,ActiveXcontrols,andHTMLdocuments.ASF-formatfileshavean.asffilenameextension.
AmericanStandardCodeforInformationInterchange(ASCII)Acodingschemeusing7or8bitsthatassignsnumericvaluesto255characters,includingletters,numerals,punctuationmarks,controlcharacters,andothersymbols.ASCIIisastandardfortransmittingdatabetweendifferenttypesofhardwareandsoftwaresystems,anditisbuiltintoallpersonalcomputers.
anchorSeebookmark
animatedGIFAfilecontainingaseriesofGIF-formatgraphicsthataredisplayedinrapidsequence,givingtheappearanceofamovingpicture.
anonymousFTPTheabilitytoaccessaremotecomputersystem,byusingtheFileTransferProtocol(FTP),onwhichonedoesnothaveanaccount.UsershaverestrictedaccessrightswithanonymousFTPandusuallycanonlylist,view,orcopyfilestoorfromapublicdirectoryontheremotesystem.Tohelpmaintainsecurity,manyFTPsitesdonotpermitanonymousFTPaccess.
anti-aliasingThesmoothingofjaggededgesingraphicalelementsandtext.Anti-aliasingsoftensjaggedlinesorcurvesbyshadingadjacentpixels.
AppleQuickTimeSeeQuickTime
applet
SeeJavaappletarticle
AmessageorpostinginadiscussiongrouporanInternetnewsgroup.Anarticlecanbearesponsetoanotherarticle.Anarticleisalsocalledapost.
ASCIISeeAmericanStandardCodeforInformationInterchange.
ASFSeeAdvancedStreamingFormat
ASPSeeActiveServerPage
ASP.NETAsetoftechnologiesintheMicrosoft.NETFrameworkfordevelopingWebprogramsandXMLWebservices.WebserversthatarecompatiblewithASP.NETcanhostWebservicesandrunWebprograms.BecauseASP.NETcancreateHTML,XML,andothertypesofdocumentswhenprocessingprogramsandservices,sitevisitorscandisplaytheresultsinaWebbrowser.ASP.NETprogramsandservicescanbewritteninany.NET-compatiblelanguage,includingVisualC#.NET.
ASP.NETcontrolsComponentsthatrunonanASP.NET-compatibleserverandencapsulateuser-interfaceandotherrelatedfunctionality.TheyareusedinASP.NETpagesandinASP.NETcodeclasses.
aspectratioIncomputerdisplaysandgraphics,theratioofthewidthofapictureorpictureareatoitsheight.Forexample,anaspectratioof2:1indicatesthatthepictureistwiceaswideasitishigh.Theaspectratioisanimportantfactorinmaintainingcorrectproportionswhenapictureisincorporatedintoanotherdocument,suchasaWebpage.
AudioVideoInterleave(AVI)AmultimediafileformatforusewithWindowsMediaPlayer.Thisfileformatcanincludesoundandvideo,anditadherestotheResourceInterchangeFileFormat(RIFF)specification.AVI-formatfileshavean.avifilenameextension.
authenticationTheprocessofverifyingthatanentityorobjectiswhoorwhatitclaimstobe.Forexample,ausernameandpasswordmaybeusedtoauthenticateauser.
authenticationdatabaseAdatabaseonaserverthatverifiesthatanentityorobjectiswhoorwhatit
claimstobe.Forexample,anauthenticationdatabasecanmatchusernamestopasswords.
autostretchInFrontPage,anoptionforsettingallorpartofalayouttabletoafixedwidth.Aftersettingpartofalayouttabletoafixedwidth,theotherpartofthelayouttableautomaticallystretchestoadjusttothesizeoftheWebbrowserwindow.Seealsolayouttable,layoutcell.
AVISeeAudioVideoInterleave
BBacktotop
backgroundsoundAnaudiofileassociatedwithaWebpage.WhenasitevisitoropensthepageinaWebbrowser,theaudiofileplayseithercontinuouslyorthenumberoftimesthatthecodeintheWebpagespecifies.
bannerSeepagebanner
baselocation,baseURLAURLthatyoucanspecifyforaWebpageinordertoconvertallrelativeURLsonthatpagetoabsoluteURLs.AbaseURLshouldendwitheitherafilename,suchashttp://www.example.com/sample.htm,oratrailingslash,suchashttp://www.example.com/subdir/.
BehaviorsScriptingoptionsthataddinteractivityorincreasedfunctionalitytotextorotherelementsinaWebpage.
bevelAthree-dimensionaledgeeffectappliedtotheborderofagraphic.
bitmap(BMP)Apictureconsistingofaseriesofsmalldots,muchlikeagridwithcertainsquaresfilledintoformshapesandlines.BitmapisastandardgraphicsfileformatonWindows-basedcomputers.Itsupports24-bitcolorandcanbesavedforWindowsorOS/2systems.BMP-formatfilestypicallyhavea.bmpfilenameextension.
bookmarkAnamedlocationonaWebpagethatcanbethetargetofahyperlink.Abookmarkcanbeappliedtoastringofcharactersorexistonapage
separatelyfromanytext.Bookmarksallowyoutolinktoaspecificsectionofatargetpage.Abookmarkisalsocalledananchor.
brokenhyperlinkAhyperlinkthatpointstoanincorrectURLoramissingpageorfile.
browserSeeWebbrowser
browser-safepaletteAcolortablecontainingonly216ofapossible256colors,usedtopreciselymatchanddisplaycolorsingraphics.Theremaining40colorsareomittedbecausetheycandisplaydifferently,dependingonthecolor-qualitysettingsofthecomputersthatdisplaythem.
CBacktotop
cascadingstylesheet(CSS)AnHTMLspecificationdevelopedbytheWorldWideWebConsortiumthatdefineshowauthorsofWebpagescanattachstylesheetstoWebpages.StylessheetsdefinetheappearanceandformattingofcontentonWebpagesandallowyoutohavemorecontroloverhowcontentdisplaysinWebbrowsers.
categoryInFrontPage,aclassificationforlabelingandgroupingWebpagesandfilesbycommoncriteria,suchaspagecontents,filetypes,orsimilardistinction.
cellpaddingTheamountofspace,inpixels,betweenthecontentsandinsideedgesofatablecell.
cellspacingTheamountofspace,inpixels,betweencellsinatable.Cellspacingisthethicknessofthewallssurroundingeachcell.
certificateAdigitallysigneddocumentthatisissuedbyacertificationauthorityonbehalfofauser,acomputer,oraservice.CertificateshelptoensurethatnootherWebsitecanassumetheidentityofasite.Thishelpsmakesensitiveonlinetransactions,suchasshopping,moresecurebypreventingunauthorizedaccesstoinformationsenttoorfromasite.
CGISeeCommonGatewayInterface
characterencodingAone-to-onemappingbetweenasetofcharactersandasetofnumbers.CharacterencodingsallowWebbrowserstointerpretthecharactersinaWebpageanddisplaythosecharacterscorrectly.
charactersetAgroupofalphabetic,numeric,andothercharactersneededtodisplaytextinaspecificlanguage.
childWebsiteSeesubsite
classselectorIncascadingstylesheets,anameidentifyingauser-definedstyle.Dependingonhowit'sdefined,aclassselectorcanbeusedwithasingletypeoftagorwithanyHTMLtaginsidetheBODYelement.
clientOnanetworkortheInternet,acomputerthataccessessharednetworkresourcesprovidedbyanothercomputer.Seealsoserver.
client-sideimagemapAnimagemapthatdirectlyencodesinaWebpagethedestinationURLofeachhotspotinthatimagemap.Client-sideimagemapsdonotrequireprocessingfromaserverwhenasitevisitorfollowsthehyperlinksintheimagemap.
client-sideprogramOntheInternet,aprogramthatisrunonaclientcomputerratherthanonaservercomputer.
codesnippetInFrontPage,oneormorelinesofHTMLorothercodethatyoucansaveanduseagain.
CodeviewInFrontPage,aviewthatdisplaystheHTMLandothercodeofaWebpageorafile.
commentInFrontPage,textthatyoucanviewinPageview,butthatdoesnotappearinaWebbrowser.CommenttextappearspurpleinPageviewandisusedtoinsertnotestoauthorsandeditorsduringthedevelopmentofthepage.AlthoughcommenttextdoesnotappearinaWebbrowser,sitevisitorscanviewitbyviewingthesourceHTMLofthepage.
CommonGatewayInterface(CGI)AstandardmethodofextendingWebserverfunctionalitybyrunningprogramsorscriptsonaWebserverinresponsetoWebbrowserrequests.A
commonuseofCGIisinformprocessing,wheretheWebbrowsersendsformdatatoaCGIscriptontheserver,andthenthescriptintegratesthedatawithadatabaseandreturnstheresultsasaWebpage.
componentInFrontPage,abuilt-inobjectthatisevaluatedandrunwhenyousaveaWebpageor,insomecases,whenasitevisitorbrowsestothepage.ComponentsinFrontPageincludesearchforms,whichallowsitevisitorstosearchfortextinaWebsite,andformhandlers,whichgatherinformationfromaform.
compressionTheprocessofreducingthesizeofafilebychangingitsformatsothatitrequireslessstoragespaceortakeslesstimetotransfer.Seealsodecompression.
confirmationpageAWebpageconfirmingthatdataenteredintoaformhasbeensuccessfullysubmittedbyasitevisitor.
CSSSeecascadingstylesheet
DBacktotop
DAOSeeDataAccessObjects
DataAccessObjects(DAO)AdataaccessinterfacethatcommunicateswithMicrosoftJetandODBC-compliantdatasourcestoconnectto,retrieve,manipulate,andupdatedataanddatabasestructures.
dataconnectionAconnectionthatspecifiesthename,type,location,and,optionally,otherinformationaboutadatabasefileorserver.
datasourceAstoredsetofinformation.Adatasourcemightbeadatabase,anXMLfile,aWebservice,oralistonaWindowsSharePointServicesWebsite.
datavalidationAsetofrulesthatyoucanapplytoformfieldsandothertypesoffieldstorestrictthetypeofinformationsitevisitorscanenterintothosefields.
DataView
InFrontPage,acustomizabledisplayofdatathatcanbepopulatedbyavarietyofdatasources.
databaseAfileorservercontainingrecordsofinformationthatareorganizedandpresentedtoserveaspecificpurpose,suchasthefacilitationofsearching,sorting,andcombiningdata.DatabasescanbepublishedontheWorldWideWebtoletsitevisitorssearchforinformationoraddnewinformationtothedatabase.
databaseresultsregionInFrontPage,anareaonaWebpagethatcanbedynamicallypopulatedwiththeresultsofadatabasequerywhenasitevisitoropensthepageinaWebbrowser.
DAVSeeWeb-basedDistributedAuthoringandVersioning(WebDAV)
decompressionTheprocessofreversingtheprocedurethatisrunbycompressionsoftware.Duringdecompression,thecompresseddatareturnstoitsoriginalfilesizeandformatsoitcanbeaccessedorplayed.Seealsocompression.
defaulthyperlinkInanimagemap,thehyperlinkthatsitevisitorsfollowwhentheyclickanareaofthegraphicwheretherearenohotspots.
DesignviewInFrontPage,aviewthatdisplaysanapproximatedWYSIWYGversionofaWebpage.YoucanuseDesignviewtoinserttext,forms,graphics,components,andotheritemsinapage.
design-timecontrolAnActiveXcontrolthatisusedwhiledesigningoreditingaWebpage.Design-timecontrolsareinstalledontheclientcomputer.SeealsoActiveX.
DHTMLSeeDynamicHTML
discussiongroupAWebsitethatsupportsinteractivediscussionsbetweensitevisitors.Visitorssubmittopicsorresponsesbyenteringandthensubmittingtextinaform.Visitorscansearchthegroupbyusingasearchformoraccessarticlesbyusingatableofcontents.
domainnameAnaddressofanetworkconnectionthatidentifiestheownerofthataddress,suchasserver.organization.type.Forexample,www.microsoft.comidentifiesaWebserveratMicrosoftCorporation,whichisacommercial
organization.Seealsonetworklocation.DynamicHTML(DHTML)
AnextensionofHTMLthatallowsyoutoaddinteractivityandgraphicalinteresttoWebpages.WebpagesthatuseDHTMLcanchangeandupdatedynamicallyinresponsetositevisitoractions,withoutbeingdownloadedfromaserveraftereveryaction.
DynamicWebTemplateAnHTMLfiletowhichyoucanattachotherHTMLfilesthatsharethesamelayout.WhenyouupdateaDynamicWebTemplate,allpagesthatarebasedonthattemplatearealsoupdated.DynamicWebTemplateshavea.dwtfilenameextension.
EBacktotop
e-mailAnabbreviationforelectronicmail.Theexchangeoftextmessagesandfileattachmentsbetweencomputersoveracommunicationsnetwork,suchasanetworkortheInternet.
embeddedfilesInFrontPage,graphics,sounds,andothertypesofmultimediafilesthathavebeeninsertedinaWebpage.Whenyousavethepage,youarepromptedtosavetheembeddedfileswiththepage.
embeddedstylesheetAcascadingstylesheetthatispartofaWebpage.Stylesinanembeddedstylesheetcanbeappliedonlytothepagecontainingthestylesheetandeitherextendoroverridestylesdefinedinanyexternalstylesheetthatthepagelinksto.AnembeddedstylesheetisstoredinaSTYLEtaginaWebpage.
EncapsulatedPostScript(EPS)AnextensionofthePostScriptgraphicsfileformatdevelopedbyAdobeSystemsIncorporated.EPSformatisahigh-resolutionformatthatisoptimizedforprintingbyPostScriptprinters.IfanEPS-formatgraphicisprintedbyanyothertypeofprinter,analternate,lower-resolutionversionofthegraphicisprinted.EPS-formatfileshavean.epsfilenameextension.
encodingSeecharacterencoding
encryption
Theprocessofencodingdatatopreventunauthorizedaccess,especiallyduringtransmissionovertheInternetoranetwork.
EPSSeeEncapsulatedPostScript
executablefolderAfolderinaWebsitefromwhichscriptsandexecutableprogramscanberun.Serveradministratorsmayprohibittheuseofexecutablefolders.
ExtensibleMarkupLanguage(XML)AsubsetofStandardGeneralizedMarkupLanguage(SGML),alanguageforcreatingcustomizeddatastructuresthatallowforthedefinition,transmission,validation,andinterpretationofdatabetweenprograms,servers,andorganizations.
ExtensibleStylesheetLanguage(XSL)AnXML-basedlanguageforcreatingstylesheetsthattransformXMLdocumentstoothertypesofdocuments,suchasHTML,andthatdefinetheformatorpresentationofthedataintheresultingdocument.
ExtensibleStylesheetLanguageTransformations(XSLT)AlanguagefortransformingXMLdocumentsintootherXMLdocuments.ItisasubsetofExtensibleStylesheetLanguage(XSL).
externalhyperlinkAhyperlinkpointingtoapageorfilethatisnotpartoftheactiveWebsite.
externalstylesheetAcascadingstylesheet(CSS)inafilewitha.cssfilenameextension.The.cssfilecontainsstylerulesinvalidCSSsyntax,withoutanysurroundingHTMLtags.BydefiningstylesinoneormoreexternalstylesheetsandlinkingthemtopagesinyourWebsite,youensureaconsistentappearancethroughoutthosepages.Ifyouchangeastyleintheexternalstylesheet,thechangewillbereflectedinallofthepageslinkedtothatstylesheet.
FBacktotop
fileAnamedcollectionofinformationthatisstoredonacomputer.Also,anInternetprotocol(file://)thatreferstofilesonadiskornetwork.
filenameextensionThecharactersthatfollowaperiodinafilenameandindicatethefile’sformatortype.Forexample,thefileImage.gifusesthe.giffilename
extension,whichindicatesthatthefileisaGIF-formatgraphic.fileserver
Acomputerrunningonanetworkthatstoresfilesandprovidesaccesstothem.Afileserverisalsocalledaserver.SeealsoWebserver.
FileTransferProtocol(FTP)AprotocolforcopyingfilestoandfromremotecomputersystemsonanetworkortheInternet.FTPsitesarefrequentlyusedontheInternetformakingfilesandfolderspubliclyavailable.
filetypeTheformatofafile,commonlyindicatedbyitsfilenameextension.
filterAsetofcriteriaappliedtodatainordertodisplayonlyasubsetofthatdataortosortthatdata.
firewallAcombinationofhardwareandsoftwarethathelpssecureanetworkorcomputersystem.Afirewallcanhelppreventunauthorizedaccesstoaprotectednetwork,whileenablingtheprotectednetworktoaccessnetworksoutsideofthefirewall.
FlashAvectorgraphicanimationtechnology,byMacromedia,Inc.,forcreatingmovies,animations,presentations,andmore.Flashcontentcanplayonanytypeofcomputer,iftheFlashplug-inisinstalledonthatcomputer.Seealsoplug-in.
folderAnamedstorageareaonacomputercontainingfilesandotherfolders.
FoldersviewInFrontPage,theviewofaWebsitethatshowshowthecontentoftheWebsiteisorganized.SimilartoWindowsExplorer,youcancreate,delete,copy,andmovefoldersinFoldersview.
followedhyperlinkAhyperlinkonaWebpagethatasitevisitorhasactivatedbyusingamousedevice,keyboard,orothertypeofdevice.
formAsetofdata-entryfieldsonaWebpage.Thedataissenttotheserverwhenasitevisitorcompletesandsubmitstheform.
formfieldAdata-entryfieldinaform.Asitevisitorsuppliesinformationinafieldbyeithertypingtextorselectinganoption.
formhandler
Aprogramonaserverthatrunswhenasitevisitorsubmitsaform.frame
AnareaofaWebbrowserwindowdefinedbyaframespage.AframeappearsinaWebbrowserasoneofanumberofdifferentareasinwhichpagescanbedisplayed.Aframemaybescrollableandresizable,andmayhaveaborder.
framespageApagethatdividesaWebbrowser'swindowintodifferentareas,calledframes,whichindependentlydisplaydifferentWebpages.Aframespageisalsocalledaframeset.
framesetSeeframespage
FrontPageServerExtensionsAsetofprogramsandscriptsthatsupportauthoringinFrontPageandextendthefunctionalityofaWebserver.TheFrontPageServerExtensionsareavailableforInternetInformationServices(IIS)andotherWindows-basedWebservers,aswellasUNIX-basedWebservers.
FTPSeeFileTransferProtocol
functionAnactionoroperationperformedbyascript.Afunctionmayreturnavalueorotherresult.
GBacktotop
gatewayscriptSeeCommonGatewayInterface
GIFSeeGraphicsInterchangeFormat
graphicAnimageorpicturefilethatcanbeinsertedinaWebpage.
GraphicsInterchangeFormat(GIF)Arastergraphicsfileformatcommonlyusedtodisplayindexed-colorgraphicsontheWorldWideWeb.GIFisacompressedformat,whichisdesignedtominimizefiletransfertimeovertheInternet.GIF-formatfileshavea.giffilenameextension.SeealsointerlacedGIF.
HBacktotop
headingAparagraphstylethatdisplaystextinafontthatislargerthannormaltext.Thesizeoftextinaheadingrelatestoitslevel:Heading1isthelargest,Heading2isthenextlargest,andsoon.
hexadecimalAbase-16numbersystemrepresentedbythedigits0through9andtheuppercaseorlowercaselettersA(equivalenttodecimal10)throughF(equivalenttodecimal15).HexadecimalvaluesarecommonlyusedinHTMLcodetoidentifycolors.
hiddenfieldAformfieldthatisinvisibletoasitevisitorbutsuppliesdatatoaformhandler.
hiddenfolderInFrontPage,afolderwithanunderscore(_)atthebeginningofitsname—forexample,_hidden.AhiddenfoldertypicallycontainssupportingfilesforaWebsite.YoucanspecifywhetheryouwanttoshoworhidethesefoldersintheFolderListandsomeviews.
hitInWebsiteusagereports,avalueindicatingthenumberoftimesaWebpageorfilehasbeenaccessed.Seealsovisit.
homepageTheentrypageforasetofWebpagesandotherfilesinaWebsite.ThehomepageopensbydefaultwhenasitevisitorbrowsestoasitebyusingaWebbrowser.
hostSeeserver
hotspotAnareainagraphicthatcontainsahyperlink.Agraphicwithoneormorehotspotsiscalledanimagemap.Seealsoimagemap.
HTMLSeeHypertextMarkupLanguage
HTMLattributeAvalueusedwithinanHTMLtagtoassignadditionalpropertiestotheelementbeingdefined.
HTMLtagAtextstringenclosedinanglebrackets(<>)thatspecifiesapageelement's
type,format,andappearance.HTTP
SeeHypertextTransferProtocolHTTPS
SeeHypertextTransferProtocolSecurehyperlink
Apointerfromtext,agraphic,orotherpageelementtoaWebpageorfile.OntheWorldWideWeb,hyperlinksaretheprimarywaytobrowsebetweenWebpagesandWebsites.Ahyperlinkisalsocalledalink.
HyperlinksviewInFrontPage,aviewthatshowsthestatusofthehyperlinksinaWebsite.Thelistincludesbothinternalandexternalhyperlinks,andgraphicallyindicateswhenahyperlinkisintactorbroken.
HypertextMarkupLanguage(HTML)ThestandardmarkuplanguagefordocumentsontheWorldWideWeb.HTMLisasubsetofStandardGeneralizedMarkupLanguage(SGML).ItusestagstoindicatehowWebbrowsersshoulddisplaypageelementssuchastextandgraphics,andhowWebbrowsersshouldrespondtoactionssuchastheactivationofalinkbyakeypressormouseclick.
HypertextTransferProtocol(HTTP)AprotocolthatallowsWebbrowserstoretrieveWebpagesandinformationfromserversontheWorldWideWeb.
HypertextTransferProtocolSecure(HTTPS)AprotocolthatallowsWebbrowserstoretrieveWebpagesandinformationmoresecurelyfromserversontheWorldWideWeb.HTTPSprovidesfortheencryptionandtransmissionofinformationthroughaspecialport.
IBacktotop
IDselectorInacascadingstylesheetstyledefinition(orstylerule),aselectorthatisusedtodefineastyleforanindividualpageelement,usuallyasaninlinestyle.
imagemapAgraphiccontainingoneormoreinvisibleregions,calledhotspots,thatlinktoapageorfile.
imagetracing
InFrontPage,theprocessofusingagraphicalmock-upofaWebpageasavisualguidefortracing,therebycreating,theWebpagedesign.
initialpageThepagethatinitiallyappearsinaframewhenasitevisitorbrowsestoaframespagecontainingthatframe.
inlinestyleAcascadingstylesheetrulewhosepropertiesandvaluesapplyonlytoaspecificelementonaWebpage,suchasatableoragraphic.ThestylesheetruleispartoftheHTMLtagforthatelement.
interlacedGIFApictureinGraphicsInterchangeFormat(GIF)formatthatgraduallydisplaysinaWebbrowser,showingincreasinglydetailedversionsofthepictureuntiltheentirefilehasfinisheddownloading.
internalhyperlinkInFrontPage,ahyperlinkpointingtoanyWebpageorfileintheactiveWebsite.
internalWebsiteAWebsitecreatedwithinanorganizationandavailableonlyontheintranetforthatorganization.AninternalWebsiteisaccessibleonlytomembersofthatorganization.
InternetTheworldwidecollectionofcomputers,networksandgatewaysthatuseTCP/IPprotocolstocommunicatewithoneanother.
InternetaddressAuniqueaddressthatidentifiesthelocationofapage,file,orothertypeofresourceontheInternet.AnInternetaddresstypicallyincludesfourelements:theprotocolforaccessingtheresource,suchashttp://;theservertype;theservername,whichisoftenthenameoftheorganizationthatmaintainstheresource;and,asuffix,whichtypicallyidentifiesthetypeoforganizationthatmaintainstheresource.AnInternetaddressisalsocalledaUniformResourceLocator.
InternetProtocol(IP)ATCP/IPprotocolthatdividesdataintopackets,routespacketsfromasendertoadestinationnetworkandstation,andreassemblesthepacketsintotheoriginaldata.
InternetServerApplicationProgrammingInterface(ISAPI)AnapplicationprogramminginterfacedesignedspecificallyforWebserversrunningInternetInformationServer(IIS).WhenaWebbrowsersendsorrequestsinformationfromaWebserver,ISAPIprocessesthe
informationbyrunningscriptsandotherprocesses,andthensubmitstheinformationtotheWebserver.ISAPIthenretrievestheresultsfromtheWebserverandsendsthemtothebrowserasaWebpage.
Internetserviceprovider(ISP)AbusinessthatsuppliesInternetconnectivityservicestoindividuals,businesses,andotherorganizations.
intranetAnetworkwithinanorganizationthatusesInternettechnologiesandprotocolsbutisavailableonlytocertainpeople,suchasemployeesofacompany.Anintranetisalsocalledaprivatenetwork.
IPSeeInternetProtocol
IPaddressAnabbreviationforInternetProtocoladdress.AstandardforidentifyingacomputerthatisconnectedtotheInternet.AnIPaddressisfourgroupsofnumbersfrom0through255,eachseparatedbyaperiod—forexample,123.432.154.12
ISAPISeeInternetServerApplicationProgrammingInterface
ISPSeeInternetServiceProvider
JBacktotop
JavaAnobject-orientedprogramminglanguagedevelopedbySunMicrosystems,Incorporated.ProgramswritteninJavaareplatform-independent,whichmeanstheycanrunonanytypeofcomputer.
JavaappletAprogramwrittenintheJavaprogramminglanguagethatcanbeincludedinanHTMLpage.JavaappletscanbedownloadedandrunbyaWebbrowsercapableofinterpretingJava,suchasInternetExplorerorNetscapeNavigator.
JavaVirtualMachineAprogramthatrunsJavaappletsandprograms.TheJavaVirtualMachineisincludedwithmostWebbrowsers.
JavaScript
AscriptinglanguagethatcanbeusedtoaddfunctionalitytoorenhancethelookofaWebpageoraWebsite.JavaScriptscriptscanrunonanytypeofclientorservercomputer.
JointPhotographicExpertsGroup(JPEG)Arastergraphicsfileformatfordisplayinghigh-resolutioncolorgraphicsontheWorldWideWeb.JPEGgraphicsapplyauser-specifiedcompressionschemethatcansignificantlyreducethefilesizesofphoto-realisticcolorgraphics.Ahigherlevelofcompressionresultsinlowerquality,whereasalowerlevelofcompressionresultsinhigherquality.JPEG-formatfileshavea.jpgfilenameextension.SeealsoprogressiveJPEG.
JPEGSeeJointPhotographicExpertsGroup
LBacktotop
layerAcontainerinaWebpagethatholdspageelements,suchastextandgraphics.Youcanoverlap,nest,andshoworhidelayersonapage.YoucanalsoanimatelayersbyusingBehaviors,whichaddscripttoanytaginapage.
layoutcellAcellinalayouttable.
layouttableApredefinedlayoutthatdefinesthestructureofaWebpageasatable.Alayouttablecanalsoincludeformattingsuchasroundedcorners,borders,andvisualeffects.Seealsoautostretch.
linkSeehyperlink
linkbarInFrontPage,acollectionofgraphicalortextualbuttonscontaininghyperlinkstoWebpages.
listmembersValidcodeelements,suchasproperties,methods,andevents,foraspecificobjectreference.
liveWebsiteAWebsitethathasbeenpublishedtoaWebserverandcanbebrowsedbysitevisitors.SeealsostagingWebsite.
localWebsiteWhenpublishingfilesfromonelocationtoanotherbyusingFrontPage,theWebsitethatiscurrentlyactive,oropen,inFrontPage.SeealsoremoteWebsite.
loopTheprocessofplayingasoundrepeatedlyaspecificnumberoftimesorendlessly.
MBacktotop
MacromediaFlashSeeFlash
mailtoTheInternetprotocolforsendingelectronicmail.
METAtagAnHTMLtagintheHEADportionofaWebpage.METAtagscontaininformationaboutapage,suchasthecharacterencodingforthepage.
MIME(MultipurposeInternetMailExtensions)typeAmethodusedbyWebbrowserstoassociatefilesofacertaintypewithprogramsthatdisplayfilesofthattype.
MovingPictureExpertsGroup(MPEG)Afamilyofstandardsforcodingaudio-visualinformation,suchasmovies,video,andmusic,inadigitallycompressedformat.MPEGfilesaretypicallysmallerthanmostvideoformats,butprovidethesamequality.MPEG-formatfileshavean.mpegoran.mpgfilenameextension.
MPEGSeeMovingPicturesExpertsGroup
multi-hostingTheabilityofaWebservertosupportmorethanoneInternetaddressandmorethanonehomepage.Multi-hostingisalsocalledmulti-homing.
NBacktotop
name-valuepairThenameofaformfieldandthevalueofthefieldwhentheformissubmitted.Eachfieldinaformcanhaveoneormorename-valuepairsand
theformitselfcanhaveoneormorename-valuepairs.navigationbar
SeelinkbarNavigationview
InFrontPage,theviewforcreating,displaying,printing,andchangingthenavigationalstructureofaWebsite.Navigationviewincludesafolder-likeview,whereyoucandraganddropWebpagesinthenavigationalstructureofaWebsite.
networklocationInaURL,auniquenamethatidentifiesanInternetserver.Anetworklocationhastwoormoreparts,separatedbyperiods—forexample,www.example.com.AlsocalledhostnameandInternetaddress.
newsTheInternetprotocol(news://)forretrievingfilesfromanInternetnewsgroup.
NTLM(NTLanMan)TheWindowsNTChallenge/Responseauthenticationprotocol.Thisprotocolusesencryptiontohelpprotectthesecurityofpasswordsduringtransmission.
OBacktotop
ODBCSeeOpenDatabaseConnectivity
OLEAprogram-integrationtechnologyfortransferringandsharinginformationbetweenprograms.OLEletsanauthorinvokedifferenteditorcomponentstocreateadocumentthatembedsorlinkstoanotherdocument.
OpenDatabaseConnectivity(ODBC)Astandardmethodofsharingdatabetweendatabasesandprograms.ODBCdriversusestandardStructuredQueryLanguage(SQL)togainaccesstoexternaldata.
optimizedHTMLHTMLcodethatdoesn’tcontainunnecessaryformattingortags.ByusingFrontPage,youcanoptimizetheHTMLinyourWebpageswhenyoupublishthemtoaWebsite.
PBacktotop
pagebannerAsectionofaWebpagecontainingagraphicalelementandtext,suchasthepagetitle.PagebannerstypicallyappearatthetopofaWebpage.
pagetemplateApredesignedWebpagethatyoucancustomize.Pagetemplatesmightincludelayouttables,styles,formatting,graphics,orotherpageelements.
pagetitleDescriptivetextthatidentifiesapage.ApagetitleappearsinthetitlebaroftheWebbrowserwindowwhenapageisopen.
PageviewInFrontPage,theviewforcreatinganddesigningWebpages.
parentWebsiteInahierarchicalstructure,theWebsitethatcontainstheactivesite.
parent-levelpageInFrontPage,apageinaWebsitethatispartofthenavigationalstructureofthesiteandlinkstooneormorepagesonthechildlevelofthesite.Seealsolinkbar,Websitestructure.
passwordThestringofcharactersenteredbyausertoverifyhisorheridentitytothenetwork.Thesystemcomparesthecodeagainstastoredlistofauthorizedpasswordsandusers.Ifthecodeislegitimate,thesystemallowstheuseraccessatwhateversecuritylevelhasbeenapprovedfortheownerofthepassword.Ideallyapasswordisacombinationoftext,numbers,andpunctuationorothercharactersthatcannotbeguessedatoreasilycrackedbyintruders.
pathTheportionofaURLthatidentifiesthefolderscontainingafile.Forexample,intheURLhttp://www.example.com/hello/world/top.htm,thepathis/hello/world/.
PCPaintbrush(PCX)Agraphicsfileformatthatcompressesthegraphic'sdatawithRLE-typecompression,usedbyearlyversionsofWindowsPaintbrush.PCX-formatfilesareatypeofbitmapgraphicandtheyhavea.pcxfilenameextension.
PCDSeePhotoCD
PCX
SeePCPaintbrushPhotoCD(PCD)
AgraphicsfileformatdevelopedbyEastmanKodakCompany.PhotoCD-formatfileshavea.pcdfilenameextension.
pictureSeegraphic
plug-inAprogramthatallowsWebbrowserstoaccessandexecutefilesthatareembeddedinHTMLdocumentsandareinformatsthatbrowserstypicallywouldnotrecognize,suchasmanyvideoandaudioformats.Forexample,theWindowsMediaPlayerplug-inallowsInternetExplorertoplaymoviesinthebrowserwindow.
PNGSeePortableNetworkGraphics
Point-to-PointProtocol(PPP)AnInternetstandardfortransmittingdataoverseriallinksbetweencomputers.
portOneofthenetworkinput/outputchannelsofacomputerrunningTCP/IP.OntheWorldWideWeb,theportusuallyreferstotheportnumberaserverisrunningon.AsinglecomputercanhavemanyWebserversrunningonit,butonlyoneservercanberunningoneachport.ThedefaultportforWebserversis80.
PortableNetworkGraphics(PNG)Afileformatforcompressedbitmapgraphics,similartotheGIFformat.PNGsupportsvariabletransparencyofimages(alphachannels)andcontrolofimagebrightnessondifferentcomputers(gammacorrection).PNG-formatfileshavea.pngfilenameextension.
PPPSeePoint-to-PointProtocol
PreviewviewInFrontPage,aviewforviewingWebpagesastheywillappearinaWebbrowser.
progressiveJPEGAnenhancementtotheJPEGgraphicsfileformatthatgraduallydisplaysaphoto-realisticgraphicinaWebbrowser,showingincreasinglydetailedversionsofthegraphicuntiltheentirefiledownloads.AlthoughsimilartotheinterlacedGIFformat,theprogressiveJPEGformatretainshighquality,24-bitcolorandoffersthesamecompressionasstandardJPEGformat.See
alsointerlacedGIF.protocol
Asetofrulesandstandardsthatallowcomputerstocommunicate.proxyserver
Acomputerthatactsasagatewaybetweenanetworkprotectedbyafirewallandothernetworks.Forexample,aproxyserverpassesarequestforanInternetaddressfromaWebbrowserintheprotectednetworktoanoutsideserverandthenreturnstheresults.
publishTheprocessofmakingaWebsiteavailableontheWorldWideWeboranintranetbycopyingitspagesandfilestoaWebserverthatisconnectedtotheInternetornetwork.
QBacktotop
QuickTagEditorInFrontPage,awindowthatallowsyoutoinsert,wrap,andeditHTMLtags.
QuickTagSelectorInFrontPage,atoolbarinthedocumentwindowthatallowsyoutoselectspecificsetsofHTMLtags.
QuickTimeAmultimediatechnologythatisbuiltintotheAppleMacintoshoperatingsystem.MacintoshprogramsthatsupportaudioandvideocontentuseQuickTimetechnologytoplaythatcontent.AMicrosoftWindows-basedcomputercanalsoplayQuickTimefiles,iftheQuickTimeplug-inisinstalledonthatcomputer.
RBacktotop
rastergraphicsImagescreatedasacollectionofsmall,independentdots,calledpixels,whicharearrangedinrowsandcolumns.Seealsovectorgraphics.
RDBMSSeerelationaldatabasemanagementsystem
record
Inadatabase,agroupofrelatedfieldsofinformationthataretreatedasasingleunit.Recordsarethelogicalequivalentsofrowsinatable.InFrontPage,agroupofrecordsisreferredtoasarecordset.
referringdomainOntheInternetandintranets,theaddressofanetworklocationfromwhichsitevisitorsfollowahyperlinktoanotherWebsite.
registereduserAWebsitevisitorwhosenameandpasswordhasbeenrecordedwithintheWebsite.
relationaldatabasemanagementsystem(RDBMS)Adatabasesystemthatorganizesdataintorelatedrowsandcolumnsasspecifiedbyarelationalmodel.MicrosoftSQLServerandOracleareexamplesofrelationaldatabasemanagementsystems.
relativeURLTheInternetaddressofaWebpageorotherWorldWideWebresourcerelativetotheInternetaddressoftheactivepage.ArelativeURLgivesthepathfromtheactivepagetothedestinationpageorresource.
remoteWebsiteWhenpublishingfilesfromonelocationtoanotherbyusingFrontPage,theWebsiteonthedestinationserver.SeealsolocalWebsite.
RemoteWebSiteviewInFrontPage,aviewforpublishingfoldersandfilesinaWebsitetoaWebserver.Youcanalsosynchronize,ormergechangesbetween,filesintwoormorelocationswhenyoupublishthem.
ReportsviewInFrontPage,aviewforanalyzingthecontentsofaWebsite.Forexample,youcancalculatethetotalsizeofthefilesinyoursite,andidentifysloworoutdatedpages.
resampleTheprocessofchangingthepixeldimensionsofagraphicafterchangingitssize.Agraphiccanberesampleddown,whichdecreasesthenumberofpixelsinit,orresampledup,whichincreasesthenumberofpixelsinthegraphicbymatchingthecolorvaluesoftheexistingpixels.
SBacktotop
script
Atypeofcomputercodethatsendsasetofinstructionstoaprogram,suchasaWebbrowser.Ascriptisrundirectlybyaprogramthatcaninterpretthelanguageinwhichthescriptiswritten.OntheWorldWideWeb,scriptsarecommonlyusedtocustomizeoraddinteractivitytoWebpages.
SecureSocketsLayer(SSL)Astandard,developedbyNetscapeCommunications,forencryptinginformationandtransmittingitovertheInternetmoresecurely.
selectorInacascadingstylesheetstyledefinition(orstylerule),theHTMLelementlinkedtoaparticularsetofstylepropertiesandvalues.
separatorcharacterAcharacterthatindicateswhereyouwantnewrowsorcolumnstobeginwhenyouconverttexttoatable.
serverOnanetwork,acomputerthatprovidesaccesstofilesandotherresourcesthatarealsopartofthenetwork.OntheWorldWideWeb,acomputerthathostsWebpagesandrespondstorequestsfromWebbrowsers.
server-sideimagemapAnimagemapthatpassesthecoordinatesofthemousepointertoaCGIhandlerroutineontheserver.Server-sideimagemapsrequiretheWebservertocomputethetargetURLofthehyperlinkbasedonthemousepointercoordinates.Seealsoimagemap.
SGMLSeeStandardGeneralizedMarkupLanguage
sharedborderInFrontPage,aregionofaWebpagethatiscommontooneormorepagesinaWebsite.Asharedbordermaybearegionatthetoporbottomofapage(similartoapageheaderorfooter),attheleft,orattheright.Usesharedborderstoplacethesamecontentonmultiplepagesinonestep,ratherthaneditingeachpage.
slowpageAWebpagethatrequiresaninordinateamountoftimetoopeninaWebbrowser.
SplitviewInFrontPage,aviewthatcombinesCodeandDesignviewsbydisplayingeachviewinaseparatepaneofthedocumentwindow.OnepanedisplaysthesourcecodeoftheWebpageandtheotherpanedisplaysanapproximatedWYSIWYGviewofthatpage.
SQL
SeeStructuredQueryLanguageSSL
SeeSecureSocketsLayerstagingWebsite
AWebsitethatismaintainedonaprivatefileorWebserver.StagingsitesallowauthorsandworkgroupstochangeandreviewWebpagesorfilesbeforepublishingthosepagesorfilestotheWorldWideWeboracompanyintranet.SeealsoliveWebsite.
StandardGeneralizedMarkupLanguage(SGML)Alanguagefororganizingandtaggingelementsanddatainadocument.SGMLitselfdoesnotspecifyanyparticularformatting;rather,itspecifiestherulesfortaggingelements.Tagscanthenbeinterpretedtoformatelementsindifferentways.
StructuredQueryLanguage(SQL)Adatabasequeryandprogramminglanguagewidelyusedforaccessing,querying,updating,andmanagingdatainrelationaldatabasesystems.ByusingSQL,youcanretrievedatafromadatabase,createdatabasesanddatabaseobjects,adddata,modifyexistingdata,andperformother,morecomplexfunctions.WithSQL,youcanalsochangetheserverconfiguration,modifydatabaseorsessionsettings,andcontroldataandaccessstatements.
styleAsetofformattingcharacteristicsfortextorotherpageelements.Seealsocascadingstylesheet.
subsiteAnamedsubdirectoryofaWebsitethatisalsoacompletesite.
synchronizeWhenpublishingfilesbyusingFrontPage,theprocessofidentifyingdifferencesbetweentwoormoreversionsofafileandresolvingthosedifferencesbymergingthecontentintoasingleversionofthefile.
TBacktotop
tableOneormorecolumnsandrowsofcellsthatorganizethelayoutofapageorarrangedatasystematically.
tag
SeeHTMLtagTaggedImageFileFormat(TIFF)
Ahigh-resolution,tag-basedfileformatcommonlyusedforthescanning,storage,andinterchangeofgray-scalegraphics.TIFF-formatfileshavea.tiffor.tiffilenameextension.
Targa(TGA)Aphotorealistic,rastergraphicsfileformatdevelopedbyTruevisionIncorporatedanddesignedforsystemsthathaveaTruevisiondisplayadapter.TGA-formatfileshavea.tgafilenameextension.
targetframeThenameofaframeinwhichthetargetofahyperlinkisdisplayed.Typically,ahyperlinkfromoneframeonaframespagewillsupplyasitstargetframeanotherframeontheframespage.Seealsoframe,framespage.
TasksviewInFrontPage,aviewthatlistsboththetasksrequiredandthetasksyouchoosetotrackwhencompletingormaintainingaWebsite.
TCPSeeTransmissionControlProtocol
templateAsetofpredesignedtextformatting,graphics,andlayoutsettingsforaWebpageorsite.Afteryoucreateapageorsitebyusingatemplate,youcancustomizeit.SeealsoDynamicWebTemplate.
TGASeeTarga
themeInFrontPage,asetofcolorschemes,graphics,andotherpageelementsthatyoucanapplytooneormorepagesinaWebsite.
threadIne-mailandInternetnewsgroupsconversations,aseriesofmessagesandrepliesthatarerelatedtoaspecificsubject.
thumbnailAsmallrepresentationofapictureonaWebpage,usuallycontainingahyperlinktoafull-sizeversionofthegraphic.
TIFFSeeTaggedImageFileFormat
top-levelWebsiteTheuppermostfolderinahierarchyofWebsitefolders.Atop-levelWebsitecanbehostedonaWebserver,avirtualservernetwork,oralocalcomputerharddisk.Atop-levelWebsiteisalsocalledarootWebsite.See
alsosubsite.TransmissionControlProtocol(TCP)
InternetnetworkingsoftwarethatcontrolsthetransmissionofpacketsofdataovertheInternet.Amongitstasks,TCPchecksforlostpackets,arrangesthedatafrommultiplepacketsintothecorrectorder,andrequeststhatmissingordamagedpacketsbesentagain.ComputersmustrunTCPtocommunicatewithWebservers.
TWAINDevelopedbyaconsortiumofimaginghardwareandsoftwaremanufacturers,TWAINisacross-platforminterfaceforsharinggraphicsbetweencomputersandTWAIN-compliantscanners,digitalcameras,andstill-framevideocaptureboards.
UBacktotop
UniformResourceLocator(URL)SeeInternetaddress
UNIXAmulti-user,multitaskingoperatingsystemthatexistsinvariousformsandimplementations,typicallyusedonproprietarycomputerworkstations.ManyWebserversrunonUNIXsystems.
VBacktotop
VBSeeVisualBasic
VBASeeVisualBasicforApplications
VBScriptSeeVisualBasicScriptingEdition
vectorgraphicsImagesgeneratedfrommathematicaldescriptionsthatdeterminetheposition,length,anddirectioninwhichlinesaredrawn.Vectorgraphicsarecollectionsoflinesratherthanpatternsofindividualdotsorpixels.Seealsorastergraphics.
VectorMarkupLanguage(VML)
AnXML-basedlanguageforcreatingtwo-dimensionalvectorgraphicsinanHTMLorXMLdocument.VMLusesXMLtagsandcascadingstylesheetstocreateandplacegraphics,suchascirclesandsquares,inadocument,suchasaWebpage.Thesegraphicscanincludecolorandcanbeeditedinseveralgraphicsprograms.
virtualserverAcollectionoffileandotherhostingservicesthatappearstobeaseparateserver,butisnotassociatedwithaspecificserver.EachvirtualserverhasitsowndomainnameandIPaddressandappearsasanindividualWebsite.AWebserverthatsupportsvirtualserversiscalledamulti-hostingWebserver.
visitInWebsiteusagereports,avaluethatindicatesthatasitevisitorhasaccessedyourWebsiteandviewedoneormorefilesbeforefollowingahyperlinktoanothersiteorclosingthebrowser.Seealsohit.
visitedhyperlinkSeefollowedhyperlink
VisualBasicAnobject-orientedprogramminglanguage.VisualBasicwasdevelopedbyMicrosoftforbuildingWindows-basedprograms.
VisualBasicforApplications(VBA)AsubsetoftheMicrosoftVisualBasicprogramminglanguage.VBAisusedforprogrammaticallyaccessingWindowsprogramsandissupportedbyseveralMicrosoftOfficeprograms,includingFrontPage.
VisualBasicScriptingEdition(VBScript)AscriptinglanguagethatcanbeusedtoaddfunctionalitytoaWebpageoraWebsite,ortoenhancethelookofone.VBScriptisoptimizedforWeb-relatedprogramming,anditisasubsetoftheMicrosoftVisualBasicprogramminglanguage.
VMLSeeVectorMarkupLanguage
WBacktotop
W3CSeeWorldWideWebConsortium
watermark
AgraphicthatappearsonthebackgroundofaWebpage.Unlikebackgroundpictures,watermarksdonotscrollwiththeotherelementsonaWebpage.
WebbrowserAprogramthatinterpretsHTMLfiles,formatsthemintoWebpages,anddisplaysthem.YoucanuseaWebbrowsertojumpfromoneWebpagetoanotherbyfollowinghyperlinks,todownloadfilesfromtheInternettoyourcomputer,andtoplayaudioorvideofilesthatareembeddedinaWebpage.
WebPartAmodularunitofinformationthatcontainsWeb-basedcontentandisthebuildingblockofaWebPartPage.AWebPartismadeupofseveralcomponentfilesthatstorethedataandinformationnecessarytorendertheWebPart.
WebsiteAsetofassociatedWebpages,graphics,documents,multimedia,andotherrelatedfilesthatarestoredinashareddirectoryonaWebserver.
WebsitestructureInFrontPage,thesetofrelationshipsbetweenthepagesinaWebsite.Seealsolinkbar,Navigationview.
Web-basedDistributedAuthoringandVersioning(WebDAV)AnapplicationprotocolrelatedtoHTTP1.1thatallowsauthors,usingdifferentcomputers,topublishandmanagefilesontheWorldWideWeb.WebDAVprovidessupportforstoringvarioustypesofinformationaboutafile,suchastheauthorofafile.Byusingthisinformation,youcanbothviewandchangeinformationaboutthecontentofafileanditsproperties,withoutoverwritingchangesthatsomeoneelsemighthavemadetothatfile.
WebDAVSeeWeb-basedDistributedAuthoringandVersioning
well-formedXMLdocumentAnXMLfileinwhichthereisonlyonerootelementandalltheelements,delimitedbystart-andend-tags,nestproperlywithineachotherandaresyntacticallycorrect.
WindowsMetafileFormat(WMF)AvectorgraphicsfileformatforWindows-basedcomputers.Thisformatistypicallyusedwhenworkingwithgraphicsinawordprocessingprogram,suchasMicrosoftWord.WMF-formatfileshavea.wmffilenameextension.
WMF
SeeWindowsMetafileFormatWorldWideWeb
Thegraphical,multimediaportionoftheInternet.ThemostcommonfilesontheWorldWideWebareHTMLdocuments,whicharealsoknownasWebpages.EachWebpage,aswellasothertypesoffiles,ontheWorldWideWebhasanaddress,calledaUniformResourceLocator(URL),whichuniquelyidentifiesit.
WorldWideWebConsortium(W3C)AconsortiumofcommercialandeducationalinstitutionsthatoverseesresearchandpromotesstandardsinallareasrelatedtotheWorldWideWeb.
WYSIWYGAnacronymfor"WhatYouSeeIsWhatYouGet."WithaWYSIWYGview,youcanseehowyourWebpageordocumentwillappearinthefinalproduct.Youcanalsodirectlyeditthetext,graphics,andotherelementsinadocumentwhileusingaWISYWIGview.
XBacktotop
XMLSeeExtensibleMarkupLanguage
XSLSeeExtensibleStylesheetLanguage
XSLTSeeExtensibleStylesheetLanguageTransformation
DesignyourWebsite
What'snewhome
MicrosoftOfficeFrontPage2003hasanimproveddesignenvironment,newlayoutanddesigntools,templates,andimprovedthemes—allcreatedtohelpyourealizeyourWebsitevisionwithoutrequiringanyknowledgeofHTML.
Improvedworkenvironmentandlargerdesignarea
FrontPage2003centralizesalloftheWebdesignfeaturesandgivesyouapanoramicviewofyourentireWebsite,makingsiteandpagedesigneasierthanever.Thelargerdesignareaalsoreducesscrolling.
Layouttablesandcells
Youcancreateprofessional-lookingWebpagelayoutsbyusinglayouttablesandcells.Alayouttableistheframeworkyoucreateforyourpage.Layoutcellsareregionswithinthatframeworkthatcontainthecontentinapage,includingtext,images,Webparts,andotherelements.Youcanselectfromalistofpredefinedlayoutsoryoucandrawyourown—andyoucantryavarietyoflayoutsbeforeyoumakeyourfinaldecision.
Thelayouttabletoolsarelocatedinaneasilyaccessibletaskpane.Youcanusethetoolstoapplyadditionalformatting,suchasroundedcorners,borders,autostretch,andothervisualeffects.
ImageTracing
Whenyouuseimagetracing,youcreateamock-upimageofaWebpageinagraphicsprogramandthenuseitasavisualguidetocreateortracetheWebpagedesigninFrontPage.Youcanshoworhidetheimage,setitsopacity,andchangeitsposition.
DynamicWebTemplates
YoucanquicklycreateHTMLpagesthatsharethesamelayoutbyattachingDynamicWebTemplatestothem.Youcanspecifythatcertainregionswithinatemplateareavailableforediting,whilealloftheotherregionsremainprotected.Thismeansthatyoucanallowotherstoaddandeditcontent,yetpreservethelayoutofthepagesandthetemplateitself.
YoucanuseanynumberofDynamicWebTemplatesinaWebsite,andyoucanattachaDynamicWebTemplatetoasmanypagesasyoulike.YoucanalsosaveDynamicWebTemplate(.dwt)filestoanylocation.IfyouchoosetodetachaDynamicWebTemplatefromoneormorepagesinasite,youdonotremovethecontentfromthosepages.Youremoveonlytheformattingprovidedbythetemplate.
Pagerulersandlayoutgrid
Precisiondesignandplacementisasnapwithhelpfulpositioningguides,suchaspagerulersandthebackgroundlayoutgrid.Youcancustomizetherulersorthegridbychoosingaunitofmeasurement,linestylesandcolors,andspacingoptions.
Design-timelayers
InFrontPage2003,layerscancontainHTMLelements,suchastextandgraphics.IntheLayerstaskpane,youcanviewanitemizedlistofallthelayersonyourWebpage.Youcanoverlap,nest,andshoworhidelayersonapage.YoucanalsoanimatelayersbyusingtheBehaviorstaskpane,whichenablesyoutoaddDynamicHTML(DHTML)scripttoanyelementonaWebpage.
Improvedthemes
FrontPage2003usescascadingstylesheetsratherthanHTMLtoapplythemes,soyourfilesaresmaller,moretransparent,andeasiertocontrolandmodify.Additionally,pageswithHTMLthemesappliedinpreviousversionsretaintheirsettingsinFrontPage2003.
ShowAll
DevelopyourWebsite
What'snewhome
MicrosoftOfficeFrontPage2003hasanimprovedauthoringenvironment,newgraphicfeatures,powerfulcodingtoolstohelpyouapplyandincreaseyourknowledgeofvariouscodinglanguages,andtoolstohelpyoucreateinteractivescripts.Inaddition,FrontPage2003generatesefficientandcleanHTMLandgivesyoumorecontroloverthecode.
Webpageviews
YoucanworkwithyourWebpagesinanyofthefollowingPageviews:
DesignviewDesignandeditWebpagesinDesignview.ThisviewprovidesanapproximatedWYSIWIGauthoringexperienceasyoucreateyourWebpagesbyusingthedesigntools.
CodeviewView,write,andedittheHTMLtagsyourself.WiththeoptimizedcodefeaturesinFrontPage2003,youcancreatecleanHTML,anditiseasierforyoutoremoveanycodethatyoudonotwant.
SplitviewReviewandeditWebpagecontentinasplit-screenformatthatoffersyousimultaneousaccesstoboththeCodeandDesignviews.
PreviewviewApproximatehowthepagewilllookintheWebbrowserwithouthavingtosaveyourpage.UsethisviewtocheckchangesyoumakeasyoucreateyourWebpage.
Graphicstools
Improvedgraphicsupport
Workingwithgraphicsfromotherprogramsiseasierthanever.NewinterfacesclearlyexplainthedefaultbehaviorswhenyouimportimagesintoyourWebsiteandwhatbehaviortoexpectwhileyoueditthoseimages.Thisgivesyoumorecontroloverhowimagesaredisplayedandsaved.
Multiple-editorconfiguration
Choosewhicheditortousefordifferenttypesofcontent.Forexample,ifyouhaveanumberofGIFformatfiles,someofwhicharephotosandsomeofwhicharediagrams,youcaneditthephotosinAdobePhotoShopandworkwiththediagramsinMicrosoftOfficeVisio2003.
MacromediaFlashsupport
ToenhanceandupdateyourFrontPageWebsite,youcannowaddMacromediaFlashcontent,includingmovies,repetitiveaudio-enhancedanimations,andpreviouslyrecordedpresentationsorcourses.Youcansetoptionsforautomaticplayback,suchasplayingashortanimationonetimewhenthesitevisitorfirstloadsthepageorloopingthecontenttoplaycontinuously.
Scriptingandcodingtools
Behaviors
BehaviorsarescriptingoptionsthatenableyoutoquicklyaddinteractivityorincreasedfunctionalitytotextorotherelementsofyourWebpage.Forexample,youcanaddabehaviortoanimagesothatitdisplaysdifferentlywhenasitevisitormovesthepointeroverit.YoucanalsoviewandeditthescriptsassociatedwiththecurrentpagebyviewingalistintheBehaviorstaskpane.
InteractiveButtons
Youcanaddprofessional-lookingbuttonstoyourWebpagebyselectingthemfromalist.Afteryouselectabutton,addbuttontext,choosethefontandbuttoncolor,definealink,andsettheimageandtextsettingsfororiginal,hover,andpressedstates.
QuickTagTools
UsetheQuickTagSelectortoquicklyselectanytaginyourWebpage.UsetheQuickTagEditortoinsert,wrap,andeditHTMLtags.
Professionalcodingtools
IntelliSense
FrontPage2003nowprovidesIntelliSensetechnologyinCodeviewtoreduceerrorsincode.IntelliSenseincludesstatementcompletionandshowstheparametersavailableforthecodeyou'rewriting,justasyouwouldseeinMicrosoftVisualStudio.IntelliSenseisavailableforHTML,ExtensibleStylesheetLanguage(XSL),ECMAScriptasdefinedbythespecificationoftheEuropeanComputerManufacturersAssociation—suchasJScriptorJavaScript—MicrosoftVisualBasicScriptingEdition(VBScript),andASP.NET.
Typingaids
FrontPage2003offersanumberofhelpfultoolstospeedupthecode-writingprocess,includingwordwrap,linenumbers,automaticindentation,tagcompletion,bookmarks,andadvancedcodeselection.
Codesnippets
InFrontPage,codesnippetsareoneormorelinesofHTMLorothercodethatyoucansaveanduseagain.Youcanstoreblocksofcodeandinserttheminpagesfromalibraryofcodesnippets.CodesnippetscancontainanythingyoucaninsertinCodeview—HTML,CSS,andsoforth.
ASP.NETcontrols
ASP.NETisasetoftechnologiesintheMicrosoft.NETFrameworkfordevelopingWebprogramsandXMLWebservices.WithFrontPage2003,youcannowpreview,reposition,andresizeASP.NETcontrols.IntelliSensesupportforscriptinghelpsyoutohookup,tailor,orevencreatenewASP.NETintrinsiccontrols.
ShowAll
Developadata-drivenWebsite
What'snewhome
MicrosoftOfficeFrontPage2003extendsthepowerofyourWebsitetoconnectwithpeopleandinformationinnewways.UseMicrosoftWindowsServer2003withMicrosoftWindowsSharePointServicestoconnectto,edit,andpresentlivedatafromavarietyofdatasources—includingWindowsSharePointServicesdata,XML,Webservices,orOLEDBdatasources—tobuildrich,interactivedata-drivenWebsitesinaWYSIWIGeditor.
Datasources
DataSourcecatalog
FrontPage2003letsyoueasilyinsertdataviewsintoyourWebpage.ThecatalogcontainsdatasourcesthatarealreadypartofyourWebsite—suchaslistsinWebsitesbasedonWindowsSharePointServicesandanyXMLfilesintheWebsite—anditallowsyoutoconfigureanyotherdatasourcesthatyouwanttoworkwithinWYSIWYGformat.Supporteddatasourcesinclude:
WindowsSharePointServicesdataXMLfilesWebservicesorURLsthatreturnXMLOLEDBdatasources
DataSourceDetailsview
TheDataSourceDetailsviewinFrontPage2003allowsyoutoseethedatastructureofadatasourceandevenwalkthroughindividualrecords.Ifyouareunfamiliarwiththedatasource,youcanseeitsstructureandcontentsbeforeinsertingaviewintoapage.
WebParts
WebPartpagesandzones
WiththeWebPartstaskpane,youcanaddoneormoreWebPartstoapage.WhenyouconnectWebParts,changestodataorformattinginoneWebPartarereflectedintheothers.Thisallowsyoutocreatesophisticatedmasterdetailviewsofyourdata,wherethesitevisitorcanselectcategoriesfromoneWebPartandseethedetailsforthatcategoryinanother.YoucanalsodefineWebPartzonesthatsitevisitorscanaddWebPartstobyusingaWebbrowser.
DataViewWebPart
YoucanusetheDataViewWebParttoauthordataviewsonlivedata,directlyinFrontPage2003Designview.Whenyouinsertadataview,youareactuallyaddingaDataViewWebParttoyourpage.ThisWebPartistransparentinbothDesignandCodeviewsandlooksjustlikeregularFrontPagecontent,butyoucanmanipulatethedatainanew,WYSIWIGway.Youcanformatthedatabyusingthestandardformattingtools.ThisformattingisautomaticallyappliedtoallofthedatapointsatthesameleveloftheXMLtree(orinthatcolumnofthedatabase).Nospecialcontrolsarerequiredtoformatthedata.YousimplyselectthetextandapplyformattingjustasyouwouldformatregularHTMLtext.
Whenyouformatyourdata,FrontPageauthorsanExtensibleStylesheetLanguageTransformation(XSLT)toapplythatformattingtoyourpage.TheXSLTispresenteddirectlyinlineintheHTMLfileandcanbeeditedintheCodeorSplitviewsinFrontPage2003.
CustomizedDataViews
InFrontPage2003,youcanquicklychangetheoveralllookofdata—eitherbymanuallyformattingthedataorbyapplyingaprebuiltDataViewstyle.Applyingastylepreservesanyapplicablemanualformattingyouhavealreadydone,andyoucanapplyadditionalmanualformattingafteryouspecifythestyle.YoucanalsocustomizetheDataViewtosuityourneeds.
Webpackages
FrontPagehelpsyoutopackageWebsolutionsanddistributeandsharethemwithothers.YoucanusetheWebPackagestemplatetopackageaportionofyourWebsitebasedonMicrosoftWindowsSharePointServicesintoamodulethatotherscanaddtotheirsites.Forexample,youcanpackageaservicesolutionthatisspecifictoacertaintypeofbusiness.Youcanthenconvertthatfunctionalityintoaconvenientsinglefileformat(acabinetfilewithan.fwpfilenameextension).
WhenyouexportorimportWebpackagesfromWebsitesbasedonMicrosoftWindowsSharePointServices,FrontPage2003makessurethatalldependentfilesareincluded,sothedeployedpackageworksseamlesslyonthenewWebsite.
XMLsupport
YoucanuseExtensibleMarkupLanguage(XML)tocomplement,ratherthanreplace,youruseofHTML.Youcanvieworeditfiles,applystandardformattingtothestructureofcodeinXMLfiles,viewtheXMLstructure,andcreatecustomdisplaysofXMLdataonWebpages.Forexample,youcanuseFrontPagetocreateaWebpagethatdisplaysdatafromanXMLfile,andthenyoucanapplyfiltering,sorting,andconditionalformattingtodisplaythedatathewayyouwant.
PublishyourWebsite
What'snewhome
RemoteWebsiteview
ThenewRemoteWebSiteviewinMicrosoftOfficeFrontPage2003helpsyoupublishentireWebsitesandindividualfilesandfolderstoanylocation—anextendedWebserver,aWebserverthatsupportstheFileTransferProtocol(FTP)orWeb-basedDistributedAuthoringandVersioning(WebDAV),oralocationinyourfilesystem.
RemoteWebSiteviewdisplaysthefilesinboththelocalWebsiteandtheremoteWebsite.Iconsanddescriptivetextindicatethestatusofyourfilesandfolders,andthesynchronizationfeaturehelpsensurethatyoudon'toverwriteanyfilesorfoldersaccidentally.
ConnectingtoremoteWebsites
ThenewremoteWebsitedialogboxallowsyoutospecifyconnectionsettings,andithelpsyoutomanageconnectiontypesandprotocols—includingSecureSocketsLayer(SSL)orpassiveFTP.
PublishtoFTPandWebDAVservers
Workwithothersbyusingthenewsite-buildingtoolsfoundinFrontPage2003.FilelockingisprovidedonWebDAVserversusingWebDAVfilelocking.OnFTPservers,filelockingissupportedthroughtheuseof.lckfiles.ThesefilesarefullycompatiblewiththoseusedbyMacromediaDreamweaver,soyoucanworkwithDreamweaverusersonanFTPserverwithoutaccidentallyoverwritingeachother'schanges.
ShowAll
MaintainyourWebsite
What'snewhome
MicrosoftOfficeFrontPage2003offersnewcompatibilityandHTMLtoolstohelpyoumaintainyoursite.
Compatibilitytools
Browserandresolutionreconciliation
Targetspecificbrowsersorresolutions,orseehowyoursitewilllookinvariouscombinationsofbrowsersandresolutions—includingsimultaneouspreviewingofmultiplebrowsers.
Accessibilitychecking
UsetheAccessibilityCheckertoselecttheguidelines(includingU.S.governmentSection508guidelines)youwanttofollowinyourWebsite.Suggestionstoimproveaccessibilityareshowninalist,andyoucanjumpbackandforthbetweenthatlistandyoursitetoaddresstheissues.
HTMLtools
Smartfindandreplace
FrontPage2003providesbasicfindandreplacefunctionality,aswellasarulesengineforHTMLsearches.Youcanquicklysearchandreplaceattributesortagsacrossyourentiresiteoronspecificpages.Youcansaveyourqueriesforlateruseandyoucansharethemwithotherauthors.ThisallowsyoutoupdateyourWebsitequicklywithgreataccuracy.
Edittextfiles
FrontPage2003allowsyoutoeditfiletypesotherthanHTMLdirectlywithinFrontPage.Youcanopenandedittextfiles,filesthatcontainECMAScriptasdefinedbythespecificationoftheEuropeanComputerManufacturersAssociation—suchasJScriptorJavaScript—XMLfiles,andXSLTs.Textfilesareformattedasplaintext,whilescriptfiles,XMLfiles,andXSLTfilesaredisplayedwithcodeformattingapplied.Inaddition,whenyoueditXMLandXSLTfiles,theXMLViewtoolbarprovidesadditionaloptionsforformattingyourcode.
OptimizeHTML
YoucangeneratecleanHTMLcodeinfilesandfoldersoneitheryourlocalWebsiteorwhenyoupublishpagestoyourremoteWebsite.Thismeansthatyoucanreducethesizeofapagebyremovingunnecessaryformattingandtags.WebdesignersusewhitespacetomakeHTMLmoreattractivetoview,butitisnotrequiredforthepagetofunctioncorrectly.Youcanremoveemptytags,whitespace,redundanttags,unusedandemptystyledefinitions,andevencertaintagsthatyouspecify.
MorenewfeaturesinOffice
What'snewhome
NewlookforOffice
MicrosoftOffice2003hasanewlookthat'sopenandenergetic!NewandimprovedtaskpanesincludeGettingStarted,NewPageorWeb,Help,andSearchResults.
MicrosoftOfficeOnline
MicrosoftOfficeOnlineisbetterintegratedinallMicrosoftOfficeprogramssothatyoucantakefulladvantageofwhatthesitehastoofferwhileyouwork.YoucanvisitMicrosoftOfficeOnlinedirectlyfromwithinyourWebbrowser,oryoucanusethelinksprovidedinvariousMicrosoftOfficeFrontPage2003taskpanesandmenustoaccessarticles,tips,clipart,templates,onlinetraining,downloads,andservicesthatenhancehowyouworkwithOfficeprograms.ThesiteisupdatedregularlywithnewcontentbasedondirectfeedbackandspecificrequestsfromyouandotherswhouseOffice.
Improvingqualityforthecustomer
Microsoftstrivestoimprovethequality,reliability,andperformanceofMicrosoftsoftwareandservices.TheCustomerExperienceImprovementProgramallowsMicrosofttocollectinformationaboutyourhardwareconfigurationandhowyouuseMicrosoftOfficeprogramsandservicesinordertoidentifytrendsandusagepatterns.Participationisoptional,anddatacollectioniscompletelyanonymous.Additionally,errorreportinganderrormessageshavebeenimprovedsothatyouareprovidedwiththeeasiestapproachtoreportingerrorsandthemosthelpfulinformationaboutalertsatthetimeyouencounteraproblem.Finally,withanInternetconnection,youcangiveMicrosoftfeedbackaboutanOfficeprogram,Helpcontent,orMicrosoftOfficeOnlinecontent.Microsoftiscontinuallyaddingandimprovingcontentbasedonyourfeedback.