关闭

关闭

关闭

封号提示

内容

首页 Dreamweaver英文版教程.doc

Dreamweaver英文版教程.doc

Dreamweaver英文版教程.doc

上传者: 哭不出来哇 2017-09-18 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《Dreamweaver英文版教程doc》,可适用于IT/计算机领域,主题内容包含Dreamweaver英文版教程DreamweaverLab#Thisweekyouwillstartthecreationofyourwebsit符等。

Dreamweaver英文版教程DreamweaverLab#Thisweekyouwillstartthecreationofyourwebsites!ThislabwilllastforweeksWhichmeansyoushouldhaveyourfirstpagecompletetwoweeksfromtoday!ThetoolwewillbeusingisDreamweaverTheprogramislargewithalotofoptions,sodon’tfeelbadifyougetlostandhavequestionsYouwillcatchonovertime,BUT,beforeyouaskmeaquestion,seeifyoucanfindtheansweryourselfusingtheDreamweaverHelpIwillnotansweranyquestionsyouhaveuntilyouhavealreadyattemptedlookingfortheansweryourselfTheprogramcomesequippedwithanindepthandwellputtogetherHelpfeature…learnitanduseitBeforewegetintothenittygrittyinstructionsforcreatingyourfirstpagedesign,Iwanttogooverafewrulesrequirementsthatwillneedtobeadheredtoinordertoaccomplishthislabsuccessfully,Wherethewebsitewillbecreated:oOnyourM:DriveintheHomefolderWe’vetalkedaboutthisinclassYoucanfindit(ifyouareonalabcomputer)byclicking:,StartMenu>MyComputer>usernameon‘ITSPLYMOUTHEDU’,It’sthegrayboxwithyourusernameonit,SaveyourworkOFTEN,NamingyourfilesoWhencreatingwebpagesthereareafewrulesyoumustadheretoinordertopreventanyproblems,AllwebpagefilesyoucreatemusthavehtmlattheendofthemThattellsthewebbrowserthatthefileisanHTMLdocumentandshouldbedisplayedlikeawebpage,ThepagethatyouwanttobethehomepageofyoursiteMUSTbenamed:indexhtml,Allfilenamesshouldbelowercaseonly!,IfIwantedtonameafileBorkhtml…Ishouldactuallynameit:borkhtml,DoNOTusespaces…useunderscoresinstead,IfIwantedafilecalled,mattsmellshtml…Iwouldhavetonameit:mattsmellshtml,Ifyoudon’tknowhowtomakeanunderscore,holddowntheshiftbuttonandpressthe““key,DoNOTuseanypunctuation…iecommas,periods,semicolons,quotes,etc,WeareusingDreamweaver,whichIbelieveisavailableonlyinthislabSoyes,youwillneedtodoyouroutofclassworkhere,Ifyoualreadyknowhowtocreateasitesomeotherway,byallmeansdoitifyou’dlikeIjustwon’tbeansweringquestionsaboutanyapplicationsotherthanDreamweaver…IwillanswergenericdesignHTMLCSSquestionsTimetogetstarted!OpenDreamweaveraYoucanfinditbyclicking:Start>AllPrograms>Classes>WebExpressions>DreamweaverbDreamweavermaypromptyouaskingifyouwanttoopenitinDesignorDevelopermode…justclickDesignandhitOKFirstthingyouwanttodoonceyouhaveopenedDreamweaverissetupyoursite(youmayhavetodothiseachtimeyouuseDreamweaveronanewmachine)aOnthetopmenus:ClickonSite>ManageSitesbIfyousee‘WebExpressions’clickonitandclickDone(skipto#)…ifyoudon’tsee‘WebExpressions’continuetostepccClickNew>SitedInthefirstfield,enter:WebExpressionseLeavethesecondfieldblankfClickNextgThenextwindowshowstwooptionsMakesure“No,Idonotwanttouseaservertechnology”IsclickedhClickNextiThenextwindowhasanoptionandafieldMakesure“Editdirectlyonserverusinglocalnetwork”isselectedjInthefieldtitled:“Whereonyourcomputerdoyouwanttostoreyourfiles”,type:M:HomekClickNextlClickDonemYoushouldnowseea‘Files’sectionoverontherighthandsideofDreamweaverYoucannavigatearoundyoursite’sfilesandfoldersrightfromDreamweaver!Initially,youwon’tseeanyfilesorfoldersbutasyoursitedevelopsandyoucreatepagesandaddimages…thiswillfillupnicely,CreateanimagesfoldertostoretheimagesyoucreateanddownloadfromthewebaInthefilessectionontherighthandsideofDreamweaver,clickonthegreenfoldertitled“Site–WebExpressions”bRightclickonthatfolderandclickNewFoldercNameyournewfolder:imagesAquicknote:DeletingfilesiseasyinDreamweaverSimplyclickonthefileyouwishtodelete,rightclick,thenclickEdit>DeleteNowtocreatethefirstpageofyoursite!aOnthemenusatthetopoftheprogram,clickFile>NewbAwindowwillpopupIntheCategorysection,makesurethat‘Basic’isselectedcIntheBasicpage:section,makesureHTMLisselecteddClickCreateYoushouldnowseeablankpagewithrulersalongtheleftandtop(note:therulersmayormaynotbethere…theywon’tbenecessaryforthislab,sodon’tworryaboutthem)ThisisyourblankwebpageYoushouldsaveitrightawaytomakeyourlifeeasieraClickFile>SavebGotoMyComputer>“usernameonITS…”>HomecNameyourfileindexhtml(remembertousealllowercaseletters!)dClickSaveNowyouneedtonameyourhomepage!ThisnameiswhatappearsontheinternetbrowserbarChangethewords“UntitledDocument”towhatevernameyouwanttogivethispageYoushouldnowmodifysomeofthepropertiesofthepageThebackgroundcolor,thefontyouwishtouse,etcTodothis,usingthemenusatthetopofthepage,clickModify>PagePropertiesThefollowingwindowwillpopupExploreandaltersettingsSeehowitworksDon’tpickbackgroundtextcolorsthathurttheeyesorthatmaketexthardtoreadNowwe’llstartwiththelayoutofthepageManysitesuse‘tables’tolayouttheirdesignsThetablesarefairlyeasytoworkwithandallowsyoutopositionpageelementswhereyouwantthem(withinreason)Letsinsertthetablethatwillcontainyourheader,sidebar,andbodyofthepageaFromDreamweaver’smenus,click:Insert>TablebThefollowingwindowwillpopup:cSet:iRows=iiColumns=iiiTablewidth=pixelsivBorderthickness=vCellpadding=viCellspacing=Youwillnowseeyourtable!Thetopcellwillholdyourbannerpagetitle(likemyfeettitlepictureonBorkwebcom)Thebottomcellwillholdyourpage’scontentBeforeyouaddanycontent,clickintothebottomtablecellRightclickthenclickTable>SplitCellSplitcellintoColumnsNumberofColumnsClickOkYourtablewillnowlooklikethis:(noticehowthebottomcellnowhastwosectionsThelefthandsidewillbeforyournavigationlinksLetssetupthenavigationClickanddragthelittleborderbetweenthosetwonewcellssothatthelefthandcellisonlypixelswideSetyourheadertobepixelshighaClickinthetopcellofthetablebLookatthebottomofDreamweaverandyouwillseeaPropertiessectionthatlookslikethis:cSettheHeight(H)oftheCelltoandhitenterdNoticehowthetable’stopcellhaschangedsizeStartfillingoutyourfirstpage’sinformationTitle,sidebarlinks,contentNoticethatasyouclickaroundthepage,thepropertiessectionatthebottomwillchangegivingyounewpropertiestoplaywithExperiment,trynewpropertiesHerearesomeideas:aChangethecolorofthecellsbChangefontweight,size,typecChangealignmentdSetborderseCreatelinksOh,youmaywanttoinsertanimageofsomesortHere’showtodothat:aFirst,findanimagethatyouwantandsaveittoyourM:DriveinHomeimagesbNext,inDreamweaver,clickonthesectionyouwishtoaddanimagecOverontherighthandsideofDreamweaverinthe‘Files’section,clicktherefreshbuttondNowdoubleclickontheimagesfolderandyoushouldseetheimagethatyouhavesavedeDragthatimagetowhereyouwantit

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +2积分

资料评价:

/10
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部