MACROMEDIA CONTRIBUTE User manual

Contribute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Macromedia’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bookmarks:

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templates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clickingon TemplatePropertieslink. Selectoptionalregion,

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

Yourpagewillnowdisplaytheoptionalrightnavigation.

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editable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in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the

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.When

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original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columns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is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.

Table of contents

Other MACROMEDIA Software manuals

MACROMEDIA

MACROMEDIA BREEZE User manual

MACROMEDIA

MACROMEDIA COLDFUSION 5-CFML Service manual

MACROMEDIA

MACROMEDIA BREEZE 5 Operator's manual

MACROMEDIA

MACROMEDIA DIRECTOR MX 2004-USING DIRECTOR Mounting instructions

MACROMEDIA

MACROMEDIA FLEX-FLEX ACTIONSCRIPT LANGUAGE Service manual

MACROMEDIA

MACROMEDIA DIRECTOR MX 2004-USING DIRECTOR Mounting instructions

MACROMEDIA

MACROMEDIA DREAMWEAVER 8-GETTING STARTED WITH... User manual

MACROMEDIA

MACROMEDIA COLDFUSION 5-ADVANCED ADMINISTRATION User manual

MACROMEDIA

MACROMEDIA FLASH MEDIA SERVER 2-MANAGING FLASH MEDIA... User manual

MACROMEDIA

MACROMEDIA COLFUSION MX 7-GETTING STARTED BUILDING COLDFUSION... User manual

MACROMEDIA

MACROMEDIA BREEZE-SECURITY User manual

MACROMEDIA

MACROMEDIA CONTRIBUTE 3-DEPLOYING CONTRIBUTE User manual

MACROMEDIA

MACROMEDIA FLASH 8-DEVELOPING FLASH LITE 2.X User manual

MACROMEDIA

MACROMEDIA COLFUSION MX 7-CFML User manual

MACROMEDIA

MACROMEDIA FLASH 8-COMPONENTS LANGUAGE Service manual

MACROMEDIA

MACROMEDIA COLDFUSION MX-CLUSTERCATS Mounting instructions

MACROMEDIA

MACROMEDIA FLASH 8-USING FLASH Mounting instructions

MACROMEDIA

MACROMEDIA DRUMBEAT 2000 ECOMMERCE EDITION User manual

MACROMEDIA

MACROMEDIA BREEZE-USING THE BREEZE PUBLISH WIZARD Mounting instructions

MACROMEDIA

MACROMEDIA FLASH MEDIA SERVER 2-INSTALLING FLASH MEDIA SERVER... User manual

MACROMEDIA

MACROMEDIA FLASH 8-FLASH Service manual

MACROMEDIA

MACROMEDIA COLDFUSION MX 7.0.2-USING COLDFUSION MX WITH FLEX... Mounting instructions

MACROMEDIA

MACROMEDIA FLEX BUILDER-USING FLEX BUILDER Mounting instructions

MACROMEDIA

MACROMEDIA FREEHAND 10-USING FREEHAND Mounting instructions

Popular Software manuals by other brands

COMPRO

COMPRO COMPROFM manual

Muratec

Muratec OFFICEBRIDGE ONLINE user guide

Oracle

Oracle Contact Center Anywhere 8.1 installation guide

Adobe

Adobe 65007312 - Photoshop Lightroom Programmer's guide

Avaya

Avaya NULL One-X for RIM Blackberry user guide

HP ProLiant BL420c user guide

PS Audio

PS Audio PowerPlay Programming manual

Brady

Brady LOCKOUT PRO 3.0 Administrator's guide

Avaya

Avaya Interaction Center user guide

Texas Instruments

Texas Instruments TI-83 Plus Silver Edition Guide book

Novell

Novell GROUPWISE 8 - INTERNET AGENT manual

Oracle

Oracle Application 9i Configuration guide

Acer

Acer RDM user guide

Canon

Canon Vixia HF21 instruction manual

Canon

Canon ZR950 instruction manual

Samsung

Samsung Auto Backup user manual

Polycom

Polycom Vortex EF2201 Application note

Brocade Communications Systems

Brocade Communications Systems Brocade 8/12c user manual