资源描述:
《网页设计基础(web design fundamentals)》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、网页设计基础(WebDesignFundamentals)WebDesignFundamentalsWiththedevelopmentandpopularizationofInternet(Internet),moreandmoreindividualsandcompanieswanttobuildahomeonInternet,andvariouswebsitesemergeasthetimesrequire.Webdesignandproductiontechnologyhasattractedmor
2、eandmoreattention.Howisthewebsitecreated?Whatcomputertechnologydoyouneed?Thischapterintroducesthebasicknowledgeofwebpagedesign,mainlyincludingthefollowingcontents:*HTMLFoundation*understandingXHTML*Dreamweaveracquaintance*createHTMLincodeview1.1HTMLFoundat
3、ionAllofthebeautifulwebpagesthatarebrowsedonInternetaremadebyhypertextmarkuplanguageHTML.ThissectionfirstintroducesthebasicsofHTML.Briefintroductionof1.1.1HTMLHTML(HypertextMarkedLanguage,hypertextmarkuplanguage)isasimplemarkuplanguageformakinghypertextdoc
4、uments.HypertextdocumentswritteninHTMLarecalledHTMLdocuments,whichcanbeindependentofvariousoperatingsystemplatforms(suchasUNIX,Windows,etc.).Since1990,HTMLhasbeenusedasaninformationrepresentationlanguageforWWW(WorldWideWeb),describingtheformatdesignofwebpa
5、gesandlinkinginformationwithotherwebpagesonWWW.UsingtheHTMLlanguagetodescribethedocument,youneedtoshowtheeffectthroughtheWWWbrowser.Theso-calledhypertextreferstodocumentscreatedinHTMLcanaddpictures,sound,animation,videoandothercontent,andcanjumpfromonedocu
6、menttoanotherfile,hostandfileconnectionallovertheworld.Thefollowingspecificoperationsaredescribedbelow.(1)openIE(InternetExplorer)browser,intheaddressbartoenterNetEasewebsitehttp://www.163.com,presstheEnterbutton,NetEasewebsitehomepageinfrontof,asshowninfi
7、gure1-1.(2)checkoutthesourcefileofthisbeautifulwebpagenow.IntheIEbrowserwindow,select"view"
8、"source"command,apop-upnotepadfile,asshowninfigure1-2.Youcanseethatthesourcefilesofawebpageconsistofonelineofcode,andthesearetheHTMLcode.Figure1-1NetEasewebsitehome
9、pageFigure1-2pagesourcefile1.1.2classroomexamplecreateandtestthefirstwebpageUnderstandingthecodestructureofHTMLdocumentsisthebasisforlearningwebpages.ThefollowingisasimpleexampletobegintounderstandHTML.(1)sel