.\.\題目：動漫網(wǎng)站畢業(yè)設(shè)計論文成績指導教師白燕青答辯成績主答辯教師綜合成績答辯委員會主任目錄摘要 錯誤!未定義書簽。TOC\o"1-5"\h\z\o"CurrentDocument"引言 3\o"CurrentDocument"一概述 4（一）軟件的選用與簡介 4（三）課題研究的主要簡介 5\o"CurrentDocument"二設(shè)計準備 5（一）設(shè)計愿望 5（二）確定網(wǎng)站主題 6（三）確定網(wǎng)站形象 6（四）確定網(wǎng)站內(nèi)容 7\o"CurrentDocument"三各模塊簡介 7（一）首頁模塊 7（二）關(guān)于宮園薰 7（三）人物介紹 8（四）在線觀看 9（五）動漫簡介 9\o"CurrentDocument"四具體實現(xiàn)與分析 10（一）靜態(tài)設(shè)計 10（二）站點的建設(shè)與收集素材 10（三）HTML語言 11（四）用框架表格進行布局和排版 13（五）添加網(wǎng)頁元素 13（六）旋轉(zhuǎn)字特效 13（七）網(wǎng)頁設(shè)計過程圖 14致謝 錯誤!未定義書簽。\o"CurrentDocument"參考文獻： 15引言隨著科技的進步、時代的發(fā)展，計算機信息行業(yè)也逐步壯大，人們也越來越離不開各種各樣的信息，人們對信息的追求越來越迫切。網(wǎng)站作為網(wǎng)絡信息主要的表現(xiàn)形式而且還是互聯(lián)網(wǎng)信息的主要承載者，在互聯(lián)網(wǎng)上表現(xiàn)出了它及其重要的地位，并發(fā)揮著及其重要的作用，無論是國內(nèi)還是國外都迅速的發(fā)展和壯大，并被人們重視。網(wǎng)站的迷人之處在于它綜合使用文本、圖像、聲音、動畫視頻信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動特點。毋庸置疑，網(wǎng)站已成為最吸引人的也是最有效的信息傳遞的手段與方式。隨著網(wǎng)絡技術(shù)的逐步發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。隨著動漫產(chǎn)業(yè)，動漫文化的不斷發(fā)展，動漫已經(jīng)從過去的低年齡層向全民動漫方向發(fā)展，動漫產(chǎn)業(yè)鏈逐步完善，喜歡動漫的愛好者越來越多。當然市場需求量也在不斷增長，越來越多的動漫愛好者在這一領(lǐng)域能希望得到更多動漫資源，獲得更多的一些能滿足他們各種愛好的資源集中地，而動漫網(wǎng)站則包含了動漫和動漫論壇，滿足了廣大動漫迷的需求，逐漸形成了動漫一種文化特色存在。一概述（一）軟件的選用與簡介Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。Dreamweaver具有制作效率高、操作直觀、簡單易學、站點管理方便等無可比擬的控制能力優(yōu)勢，但它也同樣存在著難以精確達到與瀏覽器完全一致、不能實時更新、不能對大量信息進行更改、操作不方便、頁面原始代碼難以控制等不足。本設(shè)計選用的是DreamweaverCS6。AdobePhotoshopCS4作為Adobe公司出品的最出色的圖形圖像處理軟件，Photoshop以其強大的功能向我們證明著它的名至實。在網(wǎng)站設(shè)計時一些圖片素材如背景圖片、按鈕、LOGO等在運用到網(wǎng)站前基本需要用Photoshop做適當?shù)奶幚?。（如圖1-1）OOT17.jpgJPK底限CKHia.jpgJPEG成母2.92KBoomgjpgDaD2D.jpgJPEG2.20KEOC021,jpgGOO25,jpgJPEGM2KOo^nntr.jp^JPEG度悻50jpgJPEG圖博240K05794.oiigOOT17.jpgJPK底限CKHia.jpgJPEG成母2.92KBoomgjpgDaD2D.jpgJPEG2.20KEOC021,jpgGOO25,jpgJPEGM2KOo^nntr.jp^JPEG度悻50jpgJPEG圖博240K05794.oiigphotoe-jpgJPEG慳醬 00022.jpgJPEG岳生2.56KB00024jpgrJPEG更母S.22KB00026.jpg00C27.jpgJPEG度回E|JPEGQftg.59KEI12.5KB9^.ipqin121.jpg1*JPEGEft園JPEG圖像丸94K日■32,8KB58^9.png6264pngPNGU4?NG昌堂—13翼宇節(jié)bg.pnghome-,png—PWGaePNG1熨字節(jié)1,96KBlogo.pngms.png>NG利而VPFtG4.42KQ23.5KQ1吊修四s7.jpg口JPEL,度博E0妙JPED3tP生的KB111KBvis-jpg嗎什jpg■ T年j--T1,fJPEG座怪JPEG1&1陽■wJ方7rliKB00tl23,jpg-二；之手5.74KBQ0028jpgJPEG團零g曲kbJ；995,jpeg

A“EG留品

星忸25SKfl日bouLipngPNG再由3.00KBibodyihg.pngPNGH?25.4KBmsS.png口NG圖.13JIKB史頤JPEG句霹15?9KB圖1-1一些被PS處理過的圖片（二）選題的目的和意義動漫作為一個文化產(chǎn)業(yè)，以其獨特的優(yōu)勢，新穎的特點，廣大的受眾，政府的扶持，迅速在各個市級城市體現(xiàn)價值，各個地方也都把動漫產(chǎn)業(yè)作為經(jīng)濟新的增長點，與此同時，大量動漫從業(yè)者涌入社會，各種機會，挑戰(zhàn)應運而生，動漫市場的虛火與雜化為目前主要表現(xiàn)特征，從業(yè)者面臨更多困境，從而有些轉(zhuǎn)入相關(guān)行業(yè)。在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)已成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，因此網(wǎng)站建設(shè)在Internet應用上的地位越來越重要了。目前Internet上已有上百萬個web站點，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領(lǐng)域，其用戶群十分龐大。動漫設(shè)計網(wǎng)站成為越來越多動漫愛好者和非動漫愛好者獲得信息和交流的平臺，它滿足了廣大用戶隨時隨地進行交流和溝通的需要，為網(wǎng)上用戶提供交流場所，實現(xiàn)高效動態(tài)信息交換?，F(xiàn)在雖然有很多動漫網(wǎng)站，但版面千篇一律，缺乏個性化、前瞻性、頁面設(shè)計混亂，不利于用戶查看，因此我針對以上問題設(shè)計一個個性化、能個用戶帶來特殊視覺感動的動漫網(wǎng)站。網(wǎng)站實現(xiàn)的基本模塊有顯示動漫雜談信息，在線觀看動漫影片，動漫愛好者可以根據(jù)自己的需要進行瀏覽，本網(wǎng)站的主要特色是頁面新穎友好，內(nèi)容直觀，操作簡單方便，適用于廣大動漫愛好者。（三）課題研究的主要簡介現(xiàn)在互聯(lián)網(wǎng)是社會發(fā)展的必然趨勢，很多人已經(jīng)意識到網(wǎng)絡強大生命力和它在未來將要處于的重要地位。他們進行鉆研并且努力進入到一個新的空間、新的領(lǐng)域。其中包括動漫網(wǎng)站。在我們的日常、休閑生活當中，越來越多的人喜歡觀看動漫。就這個課題的研究，因為是介紹動漫的網(wǎng)站，所以我只選擇了自己擅長和喜愛的動漫內(nèi)容，在突出動漫的風格個性和特點的同時，還應用了我所學過的的網(wǎng)站設(shè)計技術(shù)和Photosho技術(shù)等。二設(shè)計準備“動漫網(wǎng)站要發(fā)展，要從動漫愛好者的需求出發(fā)，網(wǎng)頁設(shè)計是一門新興起的設(shè)計類，近幾年來隨著網(wǎng)絡的發(fā)展而逐漸受到人們的重視，它自己本身以網(wǎng)絡作為載體,把各種各樣的信息以最快捷、方便的方式傳達給大家。一個網(wǎng)站項目的確立一般是建立在各種各樣的需求上面的，這是動漫網(wǎng)站，所以這種需求一般來自于動漫愛好者，其中每個人的實際需求占了絕大數(shù)部分。因此如何更好地了解、分析需求，并且又能夠準確、清晰地以文檔的形式表達出來，保證開發(fā)過程以動漫愛好者的需求為目的正確項目開發(fā)方向進行。（一）設(shè)計愿望越來越多的人喜歡上動漫，這就出現(xiàn)了越來越多的動漫網(wǎng)站設(shè)計以及推廣的工作和任務。就我個人來說，我之所以在畢業(yè)設(shè)計的時候選擇這個課題是因為我自己也是一個動漫愛好者，在互聯(lián)網(wǎng)上擁有我自己的一席之地，從而真正的參與到互聯(lián)網(wǎng)中去，做個網(wǎng)絡新時代的主人，同時也希望自己喜歡的一些動漫能夠和大家一起分享，和互聯(lián)網(wǎng)上的朋友一起分享。（二）確定網(wǎng)站主題做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容的問題，即是確定網(wǎng)站的主題。如果自己在某些方面越有興趣，或掌握的資料越多，就可以做一個自己感興趣的東西。你可以有自己的見解，做出自己的特色網(wǎng)站。當然，也可以推銷自己，讓別人了解自己，和別人進行溝通和交流，展示一些自己的東西，讓大家更好地了解自己。對于內(nèi)容主題的選擇，要做到小而精，即主題定位要小，且內(nèi)容要精。不要去試著作一個包羅萬象的站點，這往往會失去你的網(wǎng)站的特色，也會帶來很大的勞動，給網(wǎng)站的及時更新帶來更大的困難。我的網(wǎng)站主題是以我個人喜愛的動漫來制作的，介紹了這部動漫。（三）確定網(wǎng)站形象網(wǎng)站形象的設(shè)計可以從網(wǎng)站的LOGO、網(wǎng)站的色彩、網(wǎng)站的字體宣傳語等這些方面著手。網(wǎng)站色彩，網(wǎng)站給人的第一印象來自于視覺的沖擊，不同的色彩搭配會產(chǎn)生不同的效果，并可能影響到訪問者的情緒?！皹藴噬省敝傅氖悄荏w現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，給人們一種以整體統(tǒng)一的感覺。我個人網(wǎng)站的色彩是以淺藍色色為主，淺藍色的字體和淺色的圖像給人一種舒服的感覺，仿佛生活在虛幻的世界里。網(wǎng)站字體，和標準色彩一樣，標準字體是指用于標題、主菜單的一些特有字體。為了體現(xiàn)網(wǎng)站所特有的風格，可以根據(jù)自已的網(wǎng)站所表達的內(nèi)涵，選擇更貼切的字體。（如圖1-2）!你的帚第IS值出況**廂噴用過汨的也說現(xiàn)，告曲崛制前萬文印ifH；，怛是，我血距出典曲，如Y詠彩在!你的帚第IS值出況**廂噴用過汨的也說現(xiàn)，告曲崛制前萬文印ifH；，怛是，我血距出典曲，如Y詠彩在舊一fANG首而關(guān)于官國篋人物介紹在法觀看源s筒介用許前甫水植.囚儻如此魏也①始自！*埠氈中冷0PfSRlii<H1￥3學生口字錢：布立里音中苧初三早生%電話；K<K<M>Xr3t￡?圖2-1我的動漫網(wǎng)站LOGO（四）確定網(wǎng)站內(nèi)容我的動漫網(wǎng)站大體上包括了一些內(nèi)容：首頁、關(guān)于宮園薰、人物介紹、在線觀看、動漫簡介等動漫網(wǎng)站常用內(nèi)容，方便的大家的瀏覽。三各模塊簡介一個網(wǎng)站的首頁其實是一個文檔，當一個網(wǎng)站服務器收到一臺電腦上網(wǎng)絡瀏覽器的信息連接請求時，便會向這臺電腦發(fā)送這個文檔。當在瀏覽器的位址列輸入域名，而并未指向特定目錄或檔案時，通常瀏覽器會打開網(wǎng)站的首頁。網(wǎng)站首頁往往會被編輯的很易于了解該網(wǎng)站所提供的所有資訊，并引導互聯(lián)網(wǎng)用戶瀏覽網(wǎng)站其他部分的內(nèi)容。這部分內(nèi)容一般被認為是一個目錄性質(zhì)的內(nèi)容，我的動漫網(wǎng)站的首頁給大家一目了然的感覺，打開首頁就可以了解我的個人網(wǎng)站的設(shè)計風格還可以看到一些特定的功能，大家可以盡情地瀏覽其中的信息。（一）首頁模塊介紹了一些關(guān)于動漫《四月是你的謊言》的的基本信息，比如女主角的姓名、學校、興趣愛好、還有一些動漫里的經(jīng)典語錄、包括網(wǎng)頁背景音樂等。希望大家可以進一步的了解《四月是你的謊言》這部動漫。如下圖1-3所示。，ANG四月是你的黨宣茶里理-胃兒1后1，ANG四月是你的黨宣茶里理-胃兒1后1劑I蚊也博11上歷紀善神tBi第霏i萬克■葡+/經(jīng)餐知11班舉;了懶，套tit印I刷以之中，或許前踏青爬,即便如比我色Q施Mi3看的可外受q占用止??聞趙，?字主@tfiil E圖3-1網(wǎng)站首頁（二）關(guān)于宮園薰介紹了宮園薰的一些基本信息，里面有宮園薰的資料（宮園薰，女，市立墨谷中學初三學生，小提琴手。家中開蛋糕店，喜歡小孩子，樂觀開朗，元氣十足。積極向上的心態(tài)也感染了身邊的人，有時候意外的會說出意義深刻的話或者引言。

喜歡美食，特別是甜食。）如下圖1-4所示談:正現(xiàn)在由位EE&二?受｝關(guān)于工院9戢?弋口宜馬上主碼比慢士主，哈十觸11一公上鼻口酒?上生內(nèi)。SSITiW），&S5T'夭m+n皋，士承談:正現(xiàn)在由位EE&二?受｝關(guān)于工院9戢?弋口宜馬上主碼比慢士主，哈十觸11一公上鼻口酒?上生內(nèi)。SSITiW），&S5T'夭m+n皋，士承U斗昭琳醫(yī)Til切身更N艇"，"世*在就？1；也,'電&1B：W吟比和?因干雍立即而依新**聲*，但互導斷＞:多物s*的卻亂用雌兒二；爵國港臚■謂笆工?主不m并"日己界皆明日學？『薛峰玷糊趙粘?是在看的，拌用&姓愴住制二:阡嚙的限即革,二^刑腦中一堂主再清由不舞H*■調(diào)叫聲立如廷股市,K明曜熱艮是在小■■13年“小田畀?EJ..足■專斗齒-國將■鉆上景已謁了於由居許-總在星褥*1比?避指卡力38杵不后皆，由ir融更士生眼百城打I?：-rt*）t±Eft*K.■JflWflllJIWiRW-主?7叢生的蔣塞?后網(wǎng)（IE/決二司中谷修馬金生自事目從黎1起悵HE主招*/白相E》情4.M山曾他的小芯京母￡』在黑天謂咐了目己不久于人世后聯(lián)罰才需明生知由?不田!■金前目日閽￡*?ffOSAgaffKiB*?■加丁尊彰姓主2忤自己?應曩棄方?山方更叼七生討工W皆看把世仃手，??.燈中依E開入世,:r干手/呂斗?四月是你的流宣用友于■型中-于BlSfe一無二的■型三中1SE-立，市立要百中手機三字生，小11翼哥?:?！：中斗*恒1，?斌小注孑?樂次開幅，元氣十足中地岫上趴七曲IS琳7H淵兒.*“愣豆計甲囹戲星:七三俎血*引■，mg*i相觀曲后?hhx★胃中，出生忤/切TEii附田市中”上景-坦里四自己|工＞|0而杵x-沖后和iinmm-觸了一?iu媯口目西，X甫口Hg期?：?在,中■堇*I*K苫*左小，回首聶亡.且￡凌?左眼?人?在聚心上如士生用熱生退擇了士生日午生?■呵!1片孑姑■小法ELM#*因索曲口值-色生有甥g』ih星ifi壬屆這一交MK讓邁主倡舅了用軍淌軻?一■岳周型生??4也曰一時才更值同河馬心主鉆涌了龍狂耳常峭■■?^ANG首頁關(guān)于做1般人糊然a在趣解輛簡介E1用!在即使酒患也￡.期期汨成由而部東狡，即使如此找也Ufti各打1cl電中國外卑止?小虎昵*學生松：書五■占中宇F.OZ節(jié)主圖3-2關(guān)于宮園薰（三）人物介紹在這里介紹了《四月是你的謊言》動漫里的一些主要登場人物包括男主角有馬公生、女主角宮園薰、澤部椿、渡亮太、相座武士等。還有旋轉(zhuǎn)字特效、網(wǎng)頁背景音樂、論壇導航、留言信息、和一些最近訪客。如下圖1-5所示四月是你的疏言1MHy日嶼*"有馬垃生軍解二M用它：［EA^JSE?四月是你的疏言1MHy日嶼*"有馬垃生軍解二M用它：［EA^JSE?白羊*J9E警（用里劭8體昌工四月8四天百f即園王鼻b.同EI珀用西府王HH簽1玉-風劃t胸廂RK師『＜白小X在目節(jié)尸比0彳￥=E濟門石解，桿通內(nèi)學工泊北附怔恪訐小力彳二用中并顯。一：裊兒『，?山測邑是青弟由片里壯莫澤?蘭生乩事?普生為下裊期自己用比打開啟得圖〒■I^N哂薛而JI即超將，欣?怙”是戢一總-區(qū)基母?牙日多的■■LEFT-在通金的*其％日中助胃加中?粒歡的招生甑子鷺如悅出了一便邸的吼*訐渤?訂算了「之后不:工父主昭吊機士世7?：?稻r%金曲父主比在，了比亮比照tj&wawTMFwaiBfi^lUlHl^SS^T?長龍Ufa67a*S5mfl?E4，干是又開心蝴*百度百品邙普H期￡iWlXS?口?祖|夏后?小!!￥□由女星歲中罕靶三甲生f小把琴手，米中開幅F廟.?Khi?于*樂3開gb元氣+罡聞科雨Iff配出;也縣升了則h血3看時看獨*眸制電工節(jié)刊6解京■引■中■左吉■-粒利網(wǎng)N■一日小招生，&郎過一畀節(jié)生皿加馬￡主后炳了近?向期即吊。由原與士生用sx鼻r擇里力手札*f0手中寒rw開，?也夫于才rjwubmf與^^IliliUEftiaU-BHfiHrANG前關(guān)于育園置入物介組在雄財硒震惱介Mt總電］?自國喜團BB的宏涕氏■:m【■炭】底里電?用力司縣1師叫|?M0月5了育）面7世界強加何?0月VIKA看計iJIftMM-［qp］沾“eh耳鼻川中的【附司氐[W)iEK3R±足也沮食忤的中玉圖3-3人物介紹（四）在線觀看在線觀看這部分中列舉出了《四月是你的謊言》22集縮略圖及觀看地址網(wǎng)頁的底部還有一些網(wǎng)友自己制作的動漫相關(guān)MAD和觀看地址，本頁面同樣包括了，旋轉(zhuǎn)字特效、論壇導航、留言信息、最近訪客等。如下圖1-6所示圖3-4在線觀看本設(shè)計含源文件等完整資料聯(lián)系Q:1225467431獲取，代做課設(shè)畢設(shè)（五）動漫簡介在動漫簡介這部分中介紹了《四月是你的謊言》這部動漫得過的相關(guān)獎項、出版時間、動漫劇情介紹、和《四月是你的謊言》幕后制作工作人員表?！端脑率悄愕闹e言》是由日本漫畫家新川直司作畫的漫畫。曾獲得講談社漫畫賞少年部門獎。故事講述了擁有少見才能的中學男生（鋼琴家），和女生（小提琴家）共同努力、成長的青春物語。在2014年3月21日舉行的noitaminA的10周年紀念活動"noitaminA發(fā)表會2014?10thAnniversary?"上，《四月是你的謊言》宣布TV動畫化［1-2］。電視動畫于2014年10月9日首播，全22話。在2015年5月15日發(fā)售的漫畫最終卷第7卷特裝版，會同捆推出OVA動畫。如下圖1-7所示。rANG惜/的！云巖麗舌力別片，口麗金王土闡化忘蟠i蹄一四月是你的謠言?；謖右的旗工手.tra>--^tt-:<>>?《四月是你的謊言》踹前價，《四月是"的度官》是由日本步國事馱jii＞司下畫的暹扇。青潮出送tt看畫？sm中部?如的斤講逑了娟有1rANG惜/的！云巖麗舌力別片，口麗金王土闡化忘蟠i蹄一四月是你的謠言?；謖右的旗工手.tra>--^tt-:<>>?《四月是你的謊言》踹前價，《四月是"的度官》是由日本步國事馱jii＞司下畫的暹扇。青潮出送tt看畫？sm中部?如的斤講逑了娟有1’打腳并十肘（鋼琴口》,和姓5?攙*閩井眼九江蹄翰語.在小珥母舊孕間nuit3raiuWgLnJ&iF^EW>^Sy]"r>:at6inA!fe^^3tti4-LXh加1111']「口尸”上:■《四月是3的段音％宣布T『動畫代Lir］?電覘就近于:m4年1口月田百幅,主揄話.在勇16肆嘰耳小日常哲的澧近最弱蒼背7卷特袋.版，含同豆推出川聞畫中有馬?生的母字一心想把有馬培苜成幸世屬昌的用厚冢，而有馬也不時司親的碑.，在鼻d學時SiBIf?許第謂挈比黑的大獎，11歲的秋天，有馬的母辛過世,以北氈再也聽不同自己噓下的謂套聲』沮去的他也Q燈也棄酒事:但在N歲那年.?轉(zhuǎn)由「恒寸玩ft的介筆j沙馬認歸了小提琴手匐麗（.?用旗的白由弄岫嗔弓L設(shè)F君贏宣開動漫筒介首頁 關(guān)于官園靜 人物弁紹 在線觀看詒h5沆戲曲中【毀】野點百日期堂生的【逝班】覺里是哥打竹馬至越開勝再…卻悴自已找，兄看了一立凸■早年修束四月是御盾彳”5件也明考出帚r［時知］?想對四月里的.人物確L度同壬用景】北里是恩主有馬生生的fist-，的四月喻了忻，行了世界工如何I的國也史有圻的看王效旁免了I?？陂V沖日月，年子￥院了。最育曲的》-圖3-5動漫簡介四具體實現(xiàn)與分析（一）靜態(tài)設(shè)計先用Dreamweaver進行布局和排版。（二）站點的建設(shè)與收集素材創(chuàng)建本地站點的具體操作步驟如下：要制作一個網(wǎng)站，第一步操作都是一樣的，就是要創(chuàng)建一個“站點”，這樣可以使整個網(wǎng)站的結(jié)構(gòu)清晰地展現(xiàn)在面前，避免了以后復雜的管理。打開Dreamweavers菜單中選擇“站點新建站點”在彈出的對話框中填寫目錄和指定文件夾，輸入站點名稱和默認的存放圖像的位置。在文本框中輸入自己已經(jīng)想好的網(wǎng)站名稱“個人網(wǎng)站”。填好后，單擊“下一步”，進入下一個步驟。由于我要做的是一個靜態(tài)的網(wǎng)頁，所以選擇上面的一項“否，我不想使用服務器技術(shù)。”單擊“下一步”，進入下一個步驟。在此選項中有兩個選擇，選擇推薦的“編輯我的計算機上的本地副本，完成后再上傳到服務器”。底下的文本框允許在本地磁盤上指定一個文件夾，Dreamweaver將在其中儲存站點文件的本地副本。單擊該文本框后面的文件夾圖標，新建并指定一個空的文件夾“D:/ys"。之后單擊“下一步“，進入下一個步驟。這一步是如何設(shè)置連接到遠程服務器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完成”，這樣，一個站點就算建好了。收集素材：收集一些網(wǎng)站所需要的素材，比如圖片、音樂、文字等。做網(wǎng)站前的一些準備工作也是很重要的。只有有了充足的準備我們才能把網(wǎng)站做好。因此在做網(wǎng)站前我們必須把做網(wǎng)站的過程中可能所需的所有的材料都準備好，這樣才能做出讓自己和大家都滿意的網(wǎng)站，而不至于在做的過程中亂了手腳。圖片的LOGO如下圖1-8所示圖4-1LOGO展示圖(三)HTML語言要想建出專業(yè)的Web頁面，就要學會利用HTML來編寫網(wǎng)頁。HTML(HypertextMarkupLanguage)超文本標記語言，是用于編寫網(wǎng)頁的主要語言。它是純文本的類型的語言，語法非常的簡單。它通過對各種標記、元素、屬性、對象等的設(shè)置來建立與圖形、聲音、視頻等多媒體信息以及對其它超文本的鏈接。一般典型網(wǎng)頁應該包括如下HTML代碼:<!doctypehtml><html><head><metacharset="gb2312"><title>楊松的畢業(yè)設(shè)計-四月是你的謊言</title><linkhref="css/base.css"rel="stylesheet"><linkhref="css/index.css"rel="stylesheet"><linkhref="css/media.css"rel="stylesheet"><metaname="viewport"content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"><!--[ifltIE9]><scriptsrc="js/modernizr.js"></script><![endif]--></head><body><divclass="ibody"><header><h1>四月是你的謊言</h1><h2>星星在你的頭頂上閃耀著，與你交互訴說的話語，一句一句地，如同星點般翩然落至眼前。</h2><divclass="logo"><ahref=""></a></div><navid="topnav"><ahref="index.html”>首頁</a><ahref="about.html">關(guān)于宮園薰</a><ahref="newlist.html”>人物介紹</a><ahref="share.html">在線觀看</a><ahref="new.html”>動漫簡介</a></nav></header><article><divclass="banner"><ulclass="texts"><p>春天馬上就要來了</p>p> 讓我與你相遇的春天就要來了</p>p> 再也沒有你的春天就要來了</口>p>---有馬公生</p></ul></div><divclass="bloglist"><h2>p><span>經(jīng)典</span>語錄</p></h2><divclass="blogs"><h3><ahref=〃/〃>第四集出現(xiàn)</a></h3><figure><img src="images/01.jpg" width="101%"height="96"></figure><ul>其中，<title>與</title>之間是網(wǎng)頁的標題，一般被顯示在瀏覽器的標題欄中。<head>與</head>之間可以聲明和定義變量、方法，還可以加入java-script/vb-script等一些腳本語言。<body>與</body>之間是網(wǎng)頁的主要內(nèi)容，任何網(wǎng)頁元素都可以加入其中。例如在主體中可以加入^^>與</div>標簽是定義了一個層，加入<￡。族>與</font>標簽是定義字體樣式，加入<style><! --></style>標簽是定義一個CSS樣式等。（四）用框架表格進行布局和排版主頁面使用的是上方固定，左側(cè)嵌套的框架共四個網(wǎng)頁。然后在main、top和left每個網(wǎng)頁中又嵌套了一個表格那是整個版面看起來更加整齊、清晰。Top中的表格用來組織頁面頭部的元素（下稱“頭表格”），在設(shè)計視圖下將鼠標光標置于網(wǎng)頁編輯區(qū)，點擊“插入”一“表格”，設(shè)置2行、3列的表格，“表格寬度”1000像素，“邊框粗細”為1，點擊確定。選中表格在屬性控制面板中設(shè)置對齊方式為“居中對齊”。然后再將第二行單元格合并。并插入所需要的元素。Left中再插入一個2行1列的表格，用來組織左邊頁面的主體內(nèi)容，其它屬性同頭表格。再填入所需內(nèi)容，并加入超鏈接。最后再在Main網(wǎng)頁中插入一個1行2列的表格，用來組織頁面的主要內(nèi)容元素。 “邊框粗細”為1，設(shè)置表格為顯示邊框。（五）添加網(wǎng)頁元素利用設(shè)置表格圖片、插入圖片等形式添加網(wǎng)頁圖片元素。利用鍵盤輸入或復制粘貼等方式添加文字，文字顏色設(shè)置為紅色。（六）旋轉(zhuǎn)字特效代碼如下<divclass="rnav">liclass="rnavl"><ahref="/"干燥的空氣</2></11>liclass="rnav2"><ahref="/"塵埃的味道</a></li>liclass="rnav3"><ahref="/"我在其中</a></li>liclass="rnav4"><ahref="/"踏上旅途</a></li></div><divclass="ph_news">（七）網(wǎng)頁設(shè)計過程圖如下圖1-92-1所示解?r^ri船?編湎?<11：=-：ahtsf-hripi/''baLkfr-g」如.cmu']Lf^^jr]=hjD咒b*ecu3MLtnwm酒L-AfKijPKmjwqg兇貝田蘋uwrnrki”JKlTxi川工mJHJ1l2i?44q.*A^B郭</ag<K>Cxhc-rE-httpi/XbaUrcibaj.dsknc*ZlM'ii7url=q:tti-HH4?LrlHtU1amA-/t2a：：hUPrHHY向￡UU^F?lKv為工卜口00注臼1上」工?二44￡^|5【為期111.周由1熨3^囪江田：臼￡>田-用為於金半±*:=?:>>"13?U1?</di.qr>t/disrS-<7ar*:lflle>鎘虱<divulxrm^HtuM尸》aial?S5=amr.v]不埸的E氣仃⑥Oil?口1dHH口TTiivfi-hTtf=7'>*mffint:?■：/&>Vli><Licliir-B?jr3"><■hrrf-V--^ftjy*01必械￡/KT閏網(wǎng)>3m心"-工國強0diG<dj.nrciM3??^pli_nHw"><h2>十?法壇與社小?</h2>￡U1日【贓UpJi_K?WliX/xnDlBidnuJ'M]]歲中9值hr^r：-(5ffi]由電宮團■用空彳山</1q幻心Spin門配步餐3r：：0E*幫g<*bftf二W。LJE量】達就《胃黃書馬牙承H的■量售,了4X/1”dliHspmc-19xx?7:nu2! xpu><1hr的幫自己摘國反尋了一ifigDii)《lix咋點舊國力spaap:hwr;丁，四月初早午晚宜43/1￡>^LiX3pin，-[fi</zFsn>-：>hr?f--Se>，ANG戀情在由應責是--E＞如好I汴＞＞?年四月足腦加吉;是由日本鼻百京:『」|■司作百的*■.旨IMSV3!回口處niz*LI/L單印t巾支械》團關(guān)于官園H人樓的在法現(xiàn)磨.，」詁府介長四月是你的端方?圖4-2網(wǎng)站設(shè)計過程□w卻汨E.EJH>1 修組出?SJO)as=|C|ti*.t：iHDi'^iHSilHliMe-.hlpihFhl間x■ hWEfc￡E￡ :iaH?S= Mftith.ifiCEK1：H\」!EtWRBH就硼融電以限巴三（&'"倍拓圖沖11南卜口月是1海:1