MACROMEDIA CONTRIBUTE User manual

Brand: MACROMEDIA

Model: CONTRIBUTE

Category: Software

Type: User manual

Contribut eManual

· UsingTemplateswithContribute

Navigatingtowebpages

· CreatinganewpagefromaTemplate

o EditableRegions

o OptionalRegions

· Editingexistingwebpages

· Editingpageelementsnotineditableareas

· UsingCascadingStyleSheetsinContribute

· AddingWordandExceldocumentstoawebsite

· WorkingwithtablesinContribute

· MakinghyperlinkswithContribute

· Addinganimagetoapage

· Addingkeywordsandadescriptionforapage

· SavingDrafts

· Cancelingadraftornewpage

· PublishingYourPage

UsingTemplateswithContribute

Howtemplateswork

AdevelopermakesatemplateinDreamweaverbycreatingapageandaddingcontentthat

he/shewantstobepresentonallpagesthatusethetemplate.Asimpletemplatemightonly

containatablewiththelogoandabackgroundcolorforthepage.Amorecomplextemplatemay

haveafullnavigationsysteminplace,additionalcontentacrossthetopofthepage,andafooter

containingcopyrightinformationalongthebottom.

Thepoweroftemplates,though,liesinthevariousmethodsof editingormodifyingcertain

sectionsofthepage.Thetemplatecreatorpickscertainareasofthetemplatethatshouldremain

editableoroptional,anduserswhomakepagesfromthistemplatewillonlybeabletoedit(and

add)thecontentinthosespecificareas.

ForContributeadministratorswhowantmoreinformationabouthowtocreateatemplatein

DreamweaverMX,pleaseseetheAdditionalinformationsectionatMacrom edia’swebsite. Fora

moredetailedusermanual,downloadMacromedia’sUsingContributeManual(PDF),andvisit

ContributeSupportCenter.

Navigatingtowebpages

TheeasiestwaytofindawebpageyouwanttoeditistobrowsetothepageinContribute,just

asyouwouldbrowsetoapageinanywebbrowser.Youcanusetheaddressbarinthe

ContributewindowjustasyouwouldanInternetExplorerorNetscapebrowserwindowaddress

bar.

Viewingdraftsandnewpages

Draftsyouarecurrentlyediting,andnewpagesyou’vecreatedbuthaven’tpublishedyet,appear

inthePagespanel.YoucanalsoaccessthesepagesusingtheFile menu.

Toviewadraftornewpage,dooneofthefollowing:

· ClickthedraftornewpagetitleinthePagespanelinthesidebar.

· SelectFile>Drafts,thenselectapagefromthepopupmenu.

Addingapagetoyourbookmarks

Youcanaddanywebpage–notjustpagesinwebsitesyou’veconnectedto–toyourbookmarks

list.

Toaddapagetoyourlistofbookm arks:

1. Browsetothepageyouwanttoaddtoyourbookmarkslist.

2. SelectBookmarks>AddBookmarkfromthemenu.

TheAddBookmarkdialogboxappears.

3. Ifyouwanttochangethenameofthebookmark,enteranewnameintheNametext

box.

Thisisthenamethatappearsinyourbookmarkslist.

4. Ifyouwanttoaddthepagetoafolder,clickanexistingfoldernameorclickNewFolder

toaddafolder.

5. ClickOK.

Creatinganewpagefromatemplate

1. InContribute,chooseFile>NewPage.

2. IntheNewPagewindow,therewillbealistoft emplatesavailabletoyouforcreatinga

newpage.Createanewpagebyclickingonatemplatefromthetemplatesfolder.

Note:Iftheneededtemplatedoesnotshowupinthetemplatesfolder,clicktheRefresh

Templatesbutton.

3. Afteryouhaveselectedthenameofthetemplateyouwouldliketouse,youwillseewhat

theblanktemplatelookslikeinthepreviewpanetotheright.

4. Specifyatitleforthepageinthepagetitlefield.PageTileshouldbeintheformat:

PageTitle:DepartmentName:IndianaUniversity

clickOKtomakethepage.

EditableRegions

Aneditableregionisaspaceonthetemplatebasedpageinwhichyoucanputincontent.Thisis

themostcommontemplatefeaturethatyouwillbeusing.InContribute,abasiceditablearea

looksliketheimagebelow.Thelightblue/greenoutlinedefinestheeditableregion.Inthis

example,boththeDepartmentNameareaandContentareaareoutlinedinblue/greenand

thereforeareeditable.InContribute,youwill onlybeabletoaddcontentwithintheseareas.

OptionalRegions

Youcanenableoptionalregionsbycli ckingon TemplatePropertieslink. Selectoptionalregion,

checkShow,andthenclickok.

Yourpagewillnowdisplaytheoptionalrightnavi gation.

Tohideoptionalregionclickontemplateproperties,selectoptionalregion,anduncheck

ShowRegion. ToedittherightnavigationpleaserefertotheEditingpageelementsnotin

editableareassection.

Editingexistingwebpages

Youcaneditanypagesonyourwebsite,aslongasyouhavepermissionandaslongas

someoneelseisnotcurrentlyeditingthepage.Whenyoubrowsetoapage,themessagearea

underthetoolbarindicateswhetheryoucaneditthatpage.

Openingapageforediting

Toopenapageforediting,simplybrowsetothepageorusetheContributeworkspacetoquickly

accessspecialpages.

Toeditapage:

1. Browsetoapageyouwanttoedit

2. Dooneofthefollowing:

· ClicktheEditPagebuttoninthetoolbar.

· SelectFile>EditPage.

Editingpageelementsnotined itableareas

Contributeenablesyoutoaccesspagesandfilesassociatedwithyourwebsitethatyoucan’t

browseto.UsetheChoosebuttoninthetoolbar(aftertheaddressbar)toaccesspagesandfiles

thataresavedinawebsitefolder,butaren’tlinkedfromanypageonyourwebsite. Themost

commoninstanceofthiswilloccurwhenyouneedtoupdatethefooter,leftnavigationorright

navigation.

Toedittheleftnavigation:

1. IntheContributebrowseroreditor,selectView>ChooseFileonWebsiteorclickthe

Choosebuttoninthebrowsertoolbar.

TheChooseFileonWebsitedialogboxappears.

2. Toedittheleftnavigation,doubleclickonthe_leftnav.shtmlfileintherootdirectory.

Includefilesareidentifiedwithanunderscore.

Whenyouselectthefile,apreviewwillappearsothatyoucanbesureyou’reselecting

thecorrectfile.

3. ClickOK

UsingCascadingStyleSheetsinContribute

CascadingStyleSheets(CSS)isalanguageusedi nconjunctionwithHTMLtodefinehowa

pagelooks.CSSconsistsofasetofrulesdefinedbythewebdeveloperordesignerthattellt he

browserhowtodisplaythepageelements.

WithCSS,youcanspecifythepagelayout,fontsize,typeandcolor,bordersandotherdesign

parameters.NotonlydoesCSSprovidemoreoptionsfordesignthanHTML,butitalsoallows

developerstomanagethelookoftheentirewebsitefromacentralfile.Simplychangearuleof

styleandit'sautomaticallyappliedacrossthesite!

OverviewofCSSstyletypes

Thereare3maintypesofstyles.Theyare:

1. Customclasses:Thesearestylesthatcanbeappliedtospecificpageelements,such

asparagraphsandtables.ThesecanbemadeavailabletoContributeusers.

2. RedefinedHTMLtags:Thesearerulesthataredefinedforspecifictags.Theyare

automaticallyappliedtoeveryinstanceofthattag.Forinstance,developerscanspecify

thateverytableonthesitewillhavea2pixel,redborder.Everynewtablethatismade

willautomaticallyhavethatruleapplied.

3. CSSSelectors:Selectorsareusedtospecify stylesforspecialcombinationsoftags.For

instance,selectorsareusedforremovingtheunderlinesfromlinks.LikeredefinedHTML

tags,theseareappliedautomaticallytoeveryinstanceoftheselectorrule.

Asnotedabove,customclassesaretheonlyCSSstylesavailabletoContributeusers.Thisis

becausetheothertypesarealreadyappliedgloballytothetags.WithcustomclassesContribute

userscanselectfromthelistofdefinedclassesandapplythemtowhateverelementtheywish.

ContributeuserscannotcreateCSSfiles,buttheycanusethecustomclassesthathavebeen

linkedtothepagebytheDreamweaverMXadministrator.Oncelinkedtothepagein

Dreamweaver,thecustomclasseswillbeavailableintheStyledropdownmenu.

Applyingthecustomclasses

Toapplyacustomclass:

1. Highlightthepageelementtowhichyouwouldliketoapplythestyle.

2. ClickontheStyledropdownmenu(shownabove)andselectthedesiredstyle.Itwill

automaticallybeappliedtotheselection.

Note:ThestyleoptionsarealsoavailableintheFormat>Style menu.

3. Toremovetheclass,highlighttheselectionandselectNonefromtheStyledropdown

menu.

AddingWordandExceldocumentstoawebsite

WithContributeyoucaneasilyaddMicrosoftWordandMicrosoftExceldocumentsorcontentto

yourwebsite.

TherearetwowaystoaddWordorExcelcontenttoawebpage:

· AddthecontentsofaWordorExceldocumenttoaneworexistingwebpage

(recommendedforsmallerdocuments,under300KwhenconvertedtoHTML)

· InsertalinktoWordorExceldocumentonanexistingwebpage(recommendedfor

largerdocuments,over300KwhenconvertedtoHTML)

AddingWordorExcelcontenttoapage

YoucanaddthecontentsofaWordorExceldocumenttoaneworexistingwebpage.W hen

youaddcontenttoapage,ContributeconvertsthecontenttoHTMLandcopiesittoyourweb

page.YoucaneditthecontentinContribute;changesyoumaketotheorigi nalfileonyour

computerwillnotappearonyourwebsite.

ToaddthecontentsofaWordorExceldocumenttoaneworexistingwebpage:

1. Dooneofthefollowingtoselectthepagewhereyouwantthecontenttoappear:

· Browsetoanexistingwebpage,clicktheEditPagebutton,thenplacetheinsertion

pointinthedraftwhereyouwanttoaddthecontent.

· Createanewpage

2. Dooneofthefollowingtoselectthefile:

· DragthefilefromitscurrentlocationtoyourContributedraftwhereyouwantthe

contenttoappear.IftheInsertMicrosoftWordorExcelDocumentdialogbox

appears,clickInsertthecontentsofthedocumentintothispage,thenclickOK.

· SelectInsert>MicrosoftWordDocumentorInsert>MicrosoftExcelDocument.

IntheOpendialogbox,browsetothefileyouwanttoadd,thenclickOpen.

ThecontentoftheWordorExceldocumentappearsinyourdraft.

InsertingalinktoaWordorExceldocument

YoucaninsertalinktoaMicrosoftWordorExceldocumentinanexistingpage.

Whenyoupublishthepagewiththelink,ContributecopiestheWordorExceldocumentintoyour

website,andthenlinkstothatcopy(nottotheoriginalfileonyourcomputer).

TocreatealinktoaWordorExceldocument:

1. Browsetoanexistingpagewhereyouwantthelinktoappear,thenclicktheEditPage

buttoninthetoolbar.

2. Dooneofthefollowingtoselectthefile:

· DragthefilefromitscurrentlocationtoyourContributedraftwhereyouwantthelink

toappear.IftheInsertMicrosoftWordorExcelDocumentdialogboxappears,

clickCreatealinktothedocument,thenclickOK.

· Placetheinsertionpointinyourdraftwhereyouwantthelinktoappear,orselecttext

oranimageofthedraft,thenclicktheLinkbutton inthetoolbarandselectFileon

MyComputer.Enterlinktext,browsetothefileyouwanttolinkto,thenclickOK.

AlinktotheWordorExceldocumentappearsinyourdraft.

WorkingwithtablesinContribute

TableBasics

MacromediaContributemakesusingtableseasyandintuitive,butit'sgoodtohavean

understandingoftableterminologysothatyoucanbuildtablesquicklyanduseallavailabletools.

Tablesconsistofrowsandcolumns.Thenumberofrowsandcolum nsdefinethenumberofcells

inthetable.Cellsaretheindividualunitsorboxesinthetable.Allcontentisinsertedintothe

cells.Youcandefineatablewithanynumberofrowsandcolumns,andhavetheflexibilityto

add,subtractandmergecellstogether.Contributehasavarietyofwaysofcreatingandediting

yourtables.

Tablesalsohavepropertiesthatdefinethelookandlayout.

· BorderThelinethatsurroundstheoutsideofthetable.Thiscanbesettoanysizeor

noneatall,but13pixelsisstandard.Bordercolorscanalsobeset.

· CellPaddingThisistheamountofspacebetweentheactualcontentofthecellandthe

cellborder.Thispropertycanaffectthelayoutofcontentwithinacell.

· CellSpacingThisistheamountofspacebetweenthebordersofthecells.

· TableHeaderAheaderisarowthatisusedtodistinguishcolumnsorrows.Ifyouhave

atableofaddresses,theheaderi stherowthatspecifiestheName,Address,Phone,

etc...Headersareusuallymadebold.

· BackgroundcolorBackgroundcolorscanbesetforthewholetableorforindividual

cells.

CreatingaTable

CreatingatableinContributeiseasy.

1. Putthecursoratthepointinthedocumentwhereyouwanttoinsertthetable.

2. ClicktheTablebuttoninthetoolbar(Ctrl+Alt+T).Thisfollowingdialogboxwillappear.

3. Setthenumberofrowsandcolumns.Morecanbeaddedlaterifneeded.

4. SettheWidthofthetable.Autom aticWidthisthedefaultsetting.Specificwidthallows

youtospecifyacertainvalue.Inwebpagesonlywidthisdefined,heightisnotdefined.

Youcanspecifythetablewidthtobeacertainnumberofpixelswideorasapercentage

ofthepage.Ifyousetthewidthto50%,thetablewillextendhalfthewidthoftheusers

screen,nomatterwhatsize.

5. Specifyanyborderwidth,cellpaddingandcellspacingyouwish.Again,thesecanbe

modifiedlater.

6. Clickonaheaderstyleifyouwantone.ClickOKtocreatethetable.

Note:Onceyouhavecreatedthetable,youcanselectitandclickanddragonthelower

rightcornertoresizeit.

Awordabouttablewidths

Tablewidthscanbesetasapixelvalueorapercentagevalue.Pixelvaluesaregoodwhenyou

wanttohaveaveryconsistentlookonthepageandnothavethingsmovearound.Percent

valuesaregoodwhenyouwanttofillthepagetoaconsistentdegree.

Whenusingavaluelike50%,thetableshouldalwaysfilluphalfthescreen.However,thereare

somelimitationstothis.Textcanstretchandwrapasn eededwhenresizingabrowserwindowor

ondifferentscreenresolutions,butimagescannotstretchandcompress.Ifyouhaveaseriesof

imagesacrossyourtable,thetablewillnotbeabletocompresssmallerthanthetotalwidthofall

theimages.Thecellscanstretchtomakethetablebigger,butthiswillonlyaffectthespacingof

theimagesnottheirsize.

Addinganddeletingrowsandcolumns

Attimesyoumayneedtoaddaroworacolum ntoyourtable.

Toaddordeleterowsandcolumns:

· ClickontheAddRow orAddColumn button.Thiswilladdarowabovethe

selectedrowandacolumntotheleftoftheselectedcolumn.

· ChooseTable>Insert>MultipleRowsorColumns.Thiswillallowyoutospecifyhow

manytoaddanddeterminewhethertheygobeforeorafterthecursor.

· Rightclickonthetabletogetspecificplacementoptions(AddRowaboveselection,Add

rowbelowselection...).

· Todeletearoworcolumn,clickwithinthecorrectroworcolumn,rightclickandselect

theappropriateDeleteoptionorchooseTable>Delete>RoworColumn.

Mergingandsplittingcells

Attimesyoumaywanttomergetwocellstogetherorpossiblyentirerowsorcolumns.

Sometimesitisnecessarytosplitcellstoreformatyourtable,whichisquitesimpleinContribute.

Tomergecells:

1. Selectthecellstobemerged.

Toselectanentireroworcolumn,putyourcursorinthefirstcelloftheroworcolumn,

holddowntheShiftkeyandclickinthelastcell.

Toselectcertaincellsonly(youcanonlymergetouchingcells),holddowntheCtrlkey

andclickinallthecellsyouwanttomerge.Youcanalsoclickanddragoverthecellsyou

wishtoselect.

2. RightclickandchooseMergeCells.

Tosplitacell:

1. Selectthecelltobesplit.

2. Rightclick(orchooseTable>SplitCell)andchooseSplitCell.

3. Inthedialogboxthatopens,chooseRowsorColumnsandspecifyhowmanytomake.

ClickOK.

Settingtableproperties

Onceatableiscreatedyoucangobackandadjustthepropertiesofthetableandalsothecells.

Thereareseparatepropertysettingsforthewholetableandforeachofthecells.

Tomodifytableandcellproperties:

1. Makesurethetableisselectedorhavethecursorwit hinthetable.

2. ChooseTable>TableProperties.

TheTablePropertiestabwillgiveyouthepropertiesavailablewhenyoucreateatable:

cellpaddingandspacing,borders,etc.

TheCellPropertiestabgivesyouaccesstocellspecificproperties.Hereyoucansetthe

alignmentforacell,thebackgroundcolorandwhetherornotthetextwillwrap

automatically.

Youcanalsosetpropertiesattheroworcolum nlevel.Itdependsonwhatisselectedwhenyou

opentheTablePropertiesbox.

Tosetpropertiesforacolumnorrow:

1. Selecttheentirerow.Youcandothisbyselectingallthecellsintheroworcolumnorif

youplaceyourcursorattheveryrightortopedgealongthetable,itwillturnintoan

arrowthatwillselecttheroworcolumnwhenclicked.Theselectionareaisnarrow!

2. RightclickandgotoTableProperties.Thedial ogwillnowsayTableColumnProperties.

SetthevaluesandClickOKtoclosethedialogbox.

Formattingatable

Contributehasbuiltintableformatting.Thesearepredefinedwaysofsettingcolorandformatting

schemes.

ToFormatatable:

1. Putthecursorwithinthetable.

2. ClickontheFormatTablebuttoninthetoolbarorchooseTable>FormatTable.

3. Adialogboxwillopenwithalistofformattingoptions.

TheBasictabwillshowpreviewsofthecolorschemesavailabletoyou.Youcanchoose

thedefaultsettingorgototheAdvancedtab.TheAdvancedtabwillallowyoutochange

therowcolor,textstyleandtextalignmentforeachoftherowtypes.

4. ClickApplytopreviewyourtableorclickOKtofinishthetable.

Sortingatable

Contributealsohassortingoptionsforthedatai nyourtable.Youcansorttablesalphabeticallyor

numerically,ascendingordescendingandthensubsortwithinanothercolumn.

Tosortatable:

1. Putthecursorinthetable.(Tablesthathavemergedcellscannotbesorted.)

2. ClickontheSortTablebuttonorchooseTable>SortTable.

3. Inthedialogboxthatopens,choosethecolumnnumberthatyouwanttosort,choose

alphabeticallyornumericallyandascendingordescending.

Ifyouwishtosubsortbyanothercolumn,enterthesettingsinthe'Thenby'fields.There

arecheckboxesthatallowyoutoincludeheadersandhootersandotheroptions.

4. ClickApplytotesttheoptionsandclickOKwhenyouaresatisfiedwiththetable.

MakinghyperlinkswithContribute

OnereasontheWorldWideWebiseasytouseisbecauseitallowsyoutoeasilylinkfromyour

pagetoanyotherwebpagewithasingleclick.Alink,technicallycalledahyperlink,isasmall

instructionaddedtothepagethattellsthebrowsertogotothespecifiedpagewhensomeone

clicksonthelink.

Makinglinksiseasy,andthisdocumentexplainsthedifferentkindsoflinksandhowtomake

theminMacromediaContribute.

BasicLinkTypes

Thereare3basictypesoflinksontheweb:

· Linkstootherpagesonyourwebsite.Thesearecalledrelativelinkssincetheyare

withinthesamesite.

· Linkstootherwebsites.Thesearecalledabsolutelinksbecauseyouneedtospecifythe

fulladdresstothesite.

· Emaillinks.Theselinkswillopenupanewemailwindowwiththeperson'saddress

alreadyfilledin.

MakinglinksinContribute

MakingalinkinContributeiseasy.Itisamatterofselectingthetextorimagethatyouwantto

makethelinkandthentellingContributewhereyouwanttogowiththatlink.

Tomakealink:

1. Selectthetextorimagethatyouwanttomakethelink.

Textandimagesarethemostpopularitemstom akeintolinks.Otherobjectscanbe

links,butyouwanttomakeitobviousthatyourobjectisalink.Thisiswhytextisblue

andunderlinedandthecursorchangesintoahand.

2. ClickontheLinkbuttonandselectDraftsandRecentPages.

LinkingtoDraftsandRecentPages

DraftsareContributepagesthatyouareworkingonbuthaveyettopublish.Theywillshowupin

thePlaces WindowinthetopleftcornerofContribute.Recentpagesarejustthat:pagesthatyou

havevisitedrecently,likeahistorylist.

1. ClickonLink>DraftsandRecentPages.

2. Youwillseealistofdraftsandrecentpagesi ntheInsertLinkDialog.Selectthepagein

whichyouwanttolink.

ThePreviewWindowwillshowthepagethatyouhaveselected.

3. ClickOKtomakethelink.

Ifyouhavelinkedtoapagethathasnotbeenpublishedyet,Contributewillpromptyou

touploadtheotherpageafteryoupublishthecurrentpage.Thisactionwillpreventa

brokenlink.

CreateaNewPage

Thisoptionisusedwhenyouwanttolinktoanewpagenowandenterthecontentsofthatnew

pagelater.Thisisusefulwhentryingtocreatethebasicstructureofyoursite.

1. ClickLink>CreateNewPage.

Youwillbepresentedwithadialogboxthatlistsyournewpageoptions.Youcanchoose

between:

· CopyofCurrentpage.Thiswillsimplycopyyourcurrentpageasthenew

page.

· Templates.Youwillbeabletocreateaninstancefromoneofthetemplate.

2. Selectthetypeofnewpageyouwanttocreate.

3. Givethepageatitle.Thisisthetitlethatwill appearatthetopleftofthebrowserwindow

whenthepageisviewedontheweb.Thetitleshouldfollowthefollowingformat:

PageTitle:UnitName:IndianaUniversityKokomo

4. ClickOK.Thenewpagewillbecreatedandthelinkwillbem adeintheoriginalfile.

LinkingtoaWebPage

Thisoptionwillallowyoutomakealinktoapageanywhereontheweb.

1. SelectyourlinktextandclickLink>Browsetowebpage.

2. InthedialogboxtypetheURLofthepageinthefieldgiven.Thepreviewpanewillshow

thepageyouhaveselected.ClicktheRefreshbuttontoupdateifneeded.

Oftentimes,URLsarelongandunintuitivemakingiteasytomistypeacomplicatedURL.

Topreventtypos,it'sbesttobrowsetothepageandletContributewritethelink.

3. ClicktheBrowsebutton.Asmallbrowserwindowwillopeninwhichyoucanbrowseto

thespecificpagethatshouldbelinked.

Youcanalsoenterthebasewebsiteaddressandbrowsetothespecificpage.For

instance,tolinktoaspecificpageontheMacromediawebsite,put

http://www.macromedia.cominthelinkfieldandthenclickBrowse.T heminibrowserwill

opendirectlytotheMacromediahomepage.Youcanthenbrowsetothespecificpageto

whichyouarelinkingandclickOK.ThefullURLwillthenbeadded.

4. ClickOKtocompletethelink.

Linkingtoanemailaddress

Sometimesyouwantpeopletoclickonalinkandsendanemail.

1. ClickLink>EmailAddress.

2. Inthedialogboxtypeintheperson'semailaddress.

3. ClickOKtofinish.

Note:Itisadvisabletoencodeanemailaddress,topreventitfrombeingharvested.Contribute

doesnothaveemailobfuscationcapabilities,soyouneedtoencodetheemailaddressbefore

pastingittotheemaildialogbox.Youcanusethis:

http://www.wbwip.com/wbw/emailencoder.html

oranyotheronlinetooltoperformthisstep.

Linkingtoafileonyourcomputer

Whenlinkingtoafileonyourcomputer,Contributeassumesthatyouwanttoputfilethisonthe

website.Therefore,itwillmakeacopyofthefile,uploadittotheserverandmakealinktoit.

1. ClickonLink>FileonMyComputer.

2. ClickontheBrowsebuttonandbrowsetothefileonyourcomputer.

3. ClicktheSelectbuttontochoosethefile.Thepathwillshowinthefilefield.

4. ClickOKtofinishthelink.Whenyoupublishthepagethelinkedfilewillbeuploaded

alongwithyourContributepage.

CreatingasectionanchorinContribute

Asectionanchorisaninvisiblemarkerplacedinyourpagetomarkaspecifictopicorplace.You

canthencreatelinkstotheanchorthatallowwebsitevisitorstojumptothespecifiedpositionin

thepage.Thisiscommonlyusedonpageslikeglossariesthatallowvisitorstoquicklyjumptothe

"M"section.Youcanalsomakelinkstootherpagesbypointingdirectlytotheanchoronthenew

page.

1. InEditmodeplacethecursoratthepointonthepagetowhichyouwishtocreatealink.

2. ClickInsert>SectionAnchor.Adialogwillopen.

3. Enterthenameoftheanchor,makingitclearandmeaningfulsothatotherswill

understandwhatit'smarking.Forinstance,ifyouarejumpingtothe'products'section,

nametheanchorproducts.

4. ClickOKtoclosethedialog.Asmallglobeiconwillbeaddedatthecursorpoint.Thiswill

onlybevisibleinEditmode.Itwillnotbevisiblewhenbrowsingthewebpage.

5. Repeatthisforeachanchorneeded.

Note:Keepinmindwhenpreviewingthepagethatanchorsatthebottomofthepagemaynotbe

seenifthepageisscrollable,andtheywilljumptothetopofthepageonlyifitisalongpagewith

roomtoscroll.

Nowthatthesectionanchorshavebeencreated,youneedtolinktothem:

1. Ineditmodehighlightthetextorelementthatwillbethelink.

2. ClicktheLinkbuttonandchooseDraftsandRecentPages.

3. Inthedialogthatopenschoosethepageonwhichyouareworki ng.Itwillbemarkedas

CurrentPage.

4. Toaccesstheanchors cli ckontheAdvancedbut tontoopentheadvancedlinkoptions.

5. Intheadvancedoptionsclickthesectionanchorpopupmenutoseethelistofanchors

ontheselectedpage.

Whenlinkingtootherdraftsorrecentpages,checkthesectionanchorpopupmenufor

anchorsthathavebeenestablishedwithinthesepages.

6. Selecttheanchortowhichyouwanttolink.

7. ClickOKtocreatethelink.

8. Totesttheanchorlink,publishthepageandclickthelink.YoucanalsousethePreview

inBrowseroption(F12).

Note:Ifyouaretryingtolinktoananchoronanexternalwebpage,theanchorsshouldshowup

intheadvanceddialog.Iftheyarenotlisted,findtherightlinkbygoingtothepageinquestion

andclickingonthelinkthatleadstot heanchor.Thefullpathwill bedisplayedintheaddressbar,

andanchornamewillbelistedattheendofthepath.Itshouldsomethinglike:#anchornam e.Add

theanchornameinthesectionanchordialogwithoutthepoundsign(#),orpastethefullpathin

totheURLfield.

Addinganimageto apage

1. Placetheinsertionpointinyourdraftwhereyouwanttheimagetoappear.

2. Dooneofthefollowing:

· ClicktheImagebuttoninthetoolbar.

· SelectInsert>Image.

3. SelectFromMyComputerorFromWebsitefromthepopupmenu.

TheSelectImageorChooseImagefromWebsitedialogboxappears.

4. Browsetoandselecttheim age,thenclicktheSelectorOKbutton.

5. IftheImageDescriptiondialogboxappears,entertexttodescribetheimageforpeople

withdisabilitiesorforpeoplewiththeirbrowserssettodisplaytextonly,thenclickOK.

Theimageappearsonyourdraft.

Iftheimageisfromyourcomputer,Contributecopiestheimagetoanim agesfolderon

yourwebsitewhenyoupublishthedraft.YoucannotedittheimageinContributeuntil

youpublishthedraft.Iftheimageisfromyourwebsite,youcanedittheimagein

Contributebeforeyoupublish.

Note:Youcanalsodragorcopyandpasteanimageintoadraft.

Addingkeywordsandadescriptionforapage

Youcanassociatekeywordsandadescriptionwithyourwebpage.Addingkeywordscanenable

visitorstotypethosewordsinasearchengineandfindthepage.

Toaddorchangekeywordsandadescriptionforapage:

1. Browsetothepageyouwanttoaddkeywordsandadescriptionfor,thenclicktheEdit

Pagebuttoninthetoolbar.

2. SelectFormat>KeywordsandDescription

ThePageKeywordsandDescriptiondialogboxappears.

3. EnterorchangekeywordsintheKeywordspane.

Separateeachkeywordwit hasinglespaceandcomma(forexample,“meeting,minutes,

planning,committee,holiday,party”).

4. EnterorchangethepagedescriptionintheDescriptionpane.

5. ClickOK.

SavingDrafts 

Whenyoueditapage,Contributeautomaticallysavesthepageasadraft,andthedrafttitle

appearsinthePagespanelinthesidebar.Contributecontinuestosaveyourdraftasyouwork

onit,butyoucanalsoperiodicallysaveyourworkif youwant.

Tosaveadraftandcontinueworking:

· SelectFile>Save.

Cancelingadraftornewpage

Tocancelchangestoadraftofapublishedpage:

· Inyourdraft,clicktheCancelbuttoninthetoolbar.Thepublishedversionofthepage

appearsintheContributebrowser,withoutanyedits.

Tocancelanewpage:

· Inthenewpageyou’reediting,clicktheCancelbuttoninthetoolbar.Contributediscards

thenewpage.

PublishingYourPage

Publishingadraftmakesi tliveonyourwebsite,sothatyourwebsitevisitorscanviewthepage.

Beforeyoupublishyourdraft,youcanpreviewitinyourbrowser.Youcanalsomakethedraft

availabletoothersforreview,togetapprovalorfeedback,beforeyoupublishthedraft.Ifyou

decidenottopublishyourdraft,youcancancelit,leavingthepublishedversionofthepageasis.

Ifthedraftyou’republishingwasalreadyonyourwebsite,MacromediaContributereplacesthe

existingpagewithyourupdatedversion.Youcanalsomakeupdatestoanexistingpage,t hen

publishitasanewpagewithoutalteringtheoriginalpage.

Ifthedraftyou’republishingisanewpagethatwasnotonyourwebsite,Contributeaddsitto

yourwebsite.Fornewpages,Contributeasksyoutonamethefileforthepagebeforeyou

publish.Filenameshouldbealllowercasewithnospaces.

Afteryoupublishadraft,ifyourealizethatyouneedtounpublishthedraft,don’tworry–youcan

reverttoapreviousversionofthepage,ifyourwebsiteadministratorhasenabledthePage

Rollbackfeature.

Previewingapageinyourdefaultbrowser

Topreviewapageinyourbrowser,dooneofthefollowing:

· SelectFile>PreviewinBrowser.

· PresstheF12key.

Makingyourdraftavailableforreview

1. Inyourdraft,selectFile>EmailReview

Contributecreatesanewemailmessageinyourdefaultemailapplication.

2. Inthemessage’sTotextbox,enterthereviewer’semailaddress.

3. Inthebodyof themessage,addamessageifyouwant.

Contributeincludesamessagewiththewebaddressforthetemporarycopyofthedraft.

4. Sendtheemailmessage.

5. InContribute,workonanotherdraft orswit chtotheContributebrowseruntilyoureceive

feedbackfromthereviewer.

6. Whenyoureceivefeedbackfromthereviewer,clickthedrafttitleinthePagespanelto

returntothedraftandupdateit.

Note:ImagesandglobalelementsmaynotdisplayproperlywhenusingEmailReviewfunction

Publishingapagetoyourwebsite

Topublishupdatestoanexistingpage:

1. Inyourdraft,clickthePublishbuttoninthetoolbar.

Ifthedraftdoesnotcontainlinkstoanynew,unpublishedpages,thenContribute

publishesthedraft.

Ifthedraftcontainslinkstoanynewpages,thenthePublishNewLinkedPagesdialog

boxappears.

2. Foreachunpublishedlinkedpage(clickthepagenametoselectit),changethefilename

andfolderlocationifyouwant,thenclickPublishAll.

Thefilenameappearsattheendofthewebaddressforeachpage.Thewebaddressis

thelocationwhereContributesavesthepagesonyourwebsite.

Contributepublishesthedraft(andanynewpagesitlinksto)toyourwebsite,then

displaysitintheContributebrowser.

Topublishanewpage:

1. Inthenewpageyou’reediting,clickthePubli shbuttoninthetoolbar.

ThePublishNewPagedialogboxappears.

2. Changethefilename. Filenameshouldbelowercaseandnotcontainanyspecial

charactersorspaces.Besuretoadd.shtmltotheendofwhateverfilenameyou

choose.Thisisextremelyimportant.Notadding.shtmlwillmakemanyareasofthe

pagedisappearorbecomebroken.Thefilenameappearsattheendofthewebaddress

forthepage.

3. ClicktheChooseFolderbuttonbesidethefilenameifyouwanttosavethispagein

anotherlocationonyourwebsite. ClickPublishorNext.

Ifyourpagedoesnotlinktoanynewpages,Contributepublishesthenewpagetoyour

website,thendisplaysitintheContributebrowser.

Ifyourpagelinkstoanynewpages,thePublishedLinkedNewFil esdialogboxappears.

4. Foreachunpublishedlinkedpage(clickthepagenametoselectit),changethefilename

andfolderlocationifyouwant,thenclickPublishAll.

Thefilenameappearsattheendofthewebaddressforthewebpage.Thewebaddress

isthelocationwhereContributesavesthepageonyourwebsite.

Publishinganexistingpageasanewpage

Page is loading ...

MACROMEDIA CONTRIBUTE User manual

Brand: MACROMEDIA

Model: CONTRIBUTE

Category: Software

Type: User manual

Download PDF

report

MACROMEDIA CONTRIBUTE User manual

MACROMEDIA CONTRIBUTE User manual

Related papers

Other documents