資源描述:
《網(wǎng)頁設(shè)計(jì)基礎(chǔ)(web design fundamentals)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、網(wǎng)頁設(shè)計(jì)基礎(chǔ)(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