網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐報(bào)告

網(wǎng)頁(yè)設(shè)計(jì)技術(shù)與應(yīng)用題目：“介紹長(zhǎng)沙”網(wǎng)站開(kāi)發(fā)與設(shè)計(jì)張旭專業(yè)班級(jí)：勞動(dòng)與社會(huì)保障院系：公共管理學(xué)院勞動(dòng)與社會(huì)保障學(xué)號(hào)：4304150105“介紹長(zhǎng)沙”網(wǎng)站開(kāi)發(fā)與設(shè)計(jì)目錄摘要： 2關(guān)鍵詞 2一、網(wǎng)站開(kāi)發(fā)設(shè)計(jì)思想 2二、網(wǎng)站功能及網(wǎng)站系統(tǒng)設(shè)計(jì) 3網(wǎng)站功能 3網(wǎng)站系統(tǒng)設(shè)計(jì) 4三、遇到的問(wèn)題及解決辦法 8｛一｝問(wèn)題 8｛二｝解決方法 9四、總結(jié) 9摘要：《網(wǎng)頁(yè)制作》實(shí)訓(xùn)的目的主要是讓我們通過(guò)這門實(shí)踐課程的學(xué)習(xí)了解和掌握網(wǎng)頁(yè)設(shè)計(jì)的基本方法，通過(guò)不斷上機(jī)實(shí)習(xí)訓(xùn)練達(dá)到解決實(shí)際的問(wèn)題。我所作的網(wǎng)頁(yè)主題為《長(zhǎng)沙》，其中主要是介紹關(guān)于長(zhǎng)沙的美食美景、歷史人物、人文景色等，在主頁(yè)面中展示的是整個(gè)頁(yè)面的布局排版，在分頁(yè)面中詳細(xì)的介紹了每個(gè)頁(yè)面的主要展現(xiàn)的主題。在制作初期，主要是收集設(shè)計(jì)素材、內(nèi)容，下載關(guān)于長(zhǎng)沙美食、交通、美景的圖片、個(gè)人介紹的視頻和各種鼠標(biāo)特性效果代碼，中期，主要是創(chuàng)建主頁(yè)面和分鏈接，瀏覽色彩搭配的效果，頁(yè)面是否美觀，分析如何使用框架和利用Dreamweaver8軟件創(chuàng)建模板和布局表格，最后，主要是細(xì)化各個(gè)頁(yè)面，對(duì)各個(gè)頁(yè)面的圖像、表格、鏈接進(jìn)行適當(dāng)?shù)恼{(diào)試，是站點(diǎn)更加美觀，并上傳和測(cè)試整個(gè)站點(diǎn)運(yùn)作情況，做好所有鏈接工作。關(guān)鍵詞：Dreamweaver、動(dòng)態(tài)網(wǎng)頁(yè)、靜態(tài)網(wǎng)頁(yè)、鏈接、層、框架、提交信息、瀏覽信息、層布局表格布局一、網(wǎng)站開(kāi)發(fā)設(shè)計(jì)思想通過(guò)網(wǎng)頁(yè)設(shè)計(jì)課程掌握的網(wǎng)站設(shè)計(jì)與制作方法，制作一個(gè)介紹家鄉(xiāng)—長(zhǎng)沙的網(wǎng)站。這個(gè)網(wǎng)站網(wǎng)站能夠全面展示家鄉(xiāng)長(zhǎng)沙的美麗景色、美食小吃、交通建設(shè)、經(jīng)濟(jì)發(fā)展情況，同時(shí)網(wǎng)站里插入作者個(gè)人的簡(jiǎn)介，了解網(wǎng)站制作者的信息另外還有留言板可以供瀏覽者留言。以便達(dá)到展現(xiàn)自我和交流溝通的目的。同時(shí)展示一般的網(wǎng)頁(yè)中的特效，使其網(wǎng)站更加可觀。二、網(wǎng)站功能及網(wǎng)站系統(tǒng)設(shè)計(jì)網(wǎng)站功能區(qū)塊功能留言板可以提交個(gè)人留言信息并且可以瀏覽查看留言信息，并且根據(jù)時(shí)間前后排序留言美食美食板塊主要介紹長(zhǎng)沙的美食小吃和各大小吃的地點(diǎn)，還提供小吃的制作方式。交通介紹長(zhǎng)沙的軌道交通，高鐵、火車、公交線路等，讓瀏覽者可以了解長(zhǎng)沙的具體交通狀況。視頻本視頻是作者的相關(guān)展示網(wǎng)站作者介紹介紹網(wǎng)站作者其他其他相關(guān)介紹網(wǎng)站系統(tǒng)設(shè)計(jì)介紹長(zhǎng)沙首頁(yè)背景音樂(lè)視頻中心美食介紹網(wǎng)站作者交通主要內(nèi)容頁(yè)面二級(jí)內(nèi)頁(yè)面作者介紹、美食圖片及美食制作方式、交通運(yùn)輸介紹、交通運(yùn)輸圖片等網(wǎng)站首頁(yè)二級(jí)網(wǎng)頁(yè)（美食、交通、景色）三級(jí)網(wǎng)頁(yè)（作者個(gè)人介紹等）三、遇到的問(wèn)題及解決辦法｛一｝問(wèn)題靜態(tài)網(wǎng)頁(yè)制作時(shí)表單的浮動(dòng)設(shè)置出現(xiàn)錯(cuò)誤，浮動(dòng)時(shí)出現(xiàn)表單層疊在制作導(dǎo)航條的時(shí)候，問(wèn)題較多。首先就是導(dǎo)航條不能均勻占據(jù)屏幕，調(diào)整后導(dǎo)航條呈現(xiàn)豎條分布。另一個(gè)問(wèn)題就是在制作導(dǎo)航條的時(shí)候，運(yùn)行時(shí)鼠標(biāo)點(diǎn)擊處顏色無(wú)法變化，并且當(dāng)設(shè)置的順序出現(xiàn)先后錯(cuò)誤時(shí)，之后的設(shè)置將無(wú)法修改，需要重新設(shè)置。而且對(duì)電腦數(shù)據(jù)不太敏感的我無(wú)法及時(shí)發(fā)現(xiàn)錯(cuò)誤的步驟，因此依照老師所做的導(dǎo)航條示例，一步步修改加上同學(xué)的幫助將此問(wèn)題解決。動(dòng)態(tài)網(wǎng)頁(yè)時(shí)動(dòng)態(tài)網(wǎng)頁(yè)制作時(shí)需要對(duì)本機(jī)進(jìn)行環(huán)境設(shè)置即安裝WEB服務(wù)器。本次實(shí)驗(yàn)需要的就是IIS服務(wù)器。設(shè)置時(shí)需要將每一個(gè)步驟都很仔細(xì)的去設(shè)定，起初的時(shí)候設(shè)置運(yùn)行時(shí)出現(xiàn)很多的運(yùn)行錯(cuò)誤，在閱讀書(shū)本詢問(wèn)同學(xué)之后就解決了。動(dòng)態(tài)網(wǎng)頁(yè)ASP開(kāi)始不知道怎么制作和打開(kāi)，需要安裝WEB服務(wù)器，添加虛擬目錄，需要對(duì)IIS管理器里的設(shè)置進(jìn)行一系列調(diào)整，此步驟比較簡(jiǎn)單但是需要很細(xì)致。第三個(gè)問(wèn)題就是數(shù)據(jù)庫(kù)與ASP動(dòng)態(tài)網(wǎng)頁(yè)相連接的時(shí)候，遇到了比之前多的運(yùn)行錯(cuò)誤。一是數(shù)據(jù)庫(kù)無(wú)法連接，服務(wù)器測(cè)試一項(xiàng)始終無(wú)法完成。二是在數(shù)據(jù)庫(kù)鏈接時(shí)，路徑雖然是正確的但是始終顯示錯(cuò)誤，這一問(wèn)題是在將文件修改為英文字體之后才的意解決。三是動(dòng)態(tài)網(wǎng)頁(yè)運(yùn)行時(shí)圖片根本無(wú)法顯示。四是在代碼復(fù)制粘貼時(shí)需要將路徑代碼全部修改一次轉(zhuǎn)換成自己電腦的路徑。四是數(shù)據(jù)提交與瀏覽遇到的問(wèn)題就是提交的數(shù)據(jù)無(wú)法保存導(dǎo)致無(wú)法瀏覽，這一問(wèn)題在將數(shù)據(jù)庫(kù)具體項(xiàng)與留言板對(duì)接后得到解決。｛二｝解決方法1、尋求老師幫助2、在電腦上尋找教程3、將運(yùn)行的錯(cuò)誤進(jìn)行百度搜索和詢問(wèn)老師同學(xué)進(jìn)行解決4、根據(jù)老師所提前制作的模版進(jìn)行模仿制作。四、總結(jié)網(wǎng)頁(yè)設(shè)計(jì)與制作綜合實(shí)訓(xùn)是教學(xué)過(guò)程中重要的實(shí)踐性教學(xué)環(huán)節(jié)。它是根據(jù)專業(yè)教學(xué)計(jì)劃的要求.在教師的指導(dǎo)下對(duì)學(xué)生進(jìn)行網(wǎng)頁(yè)制作專業(yè)技能的訓(xùn)練，培養(yǎng)學(xué)生綜合運(yùn)用理論知識(shí)分析和解決實(shí)際問(wèn)題的能力，實(shí)現(xiàn)由理論知識(shí)向操作技能的培養(yǎng)過(guò)程，因此，搞好實(shí)訓(xùn)教學(xué)，對(duì)實(shí)現(xiàn)本專業(yè)的培養(yǎng)目標(biāo)，提高學(xué)生的綜合素質(zhì)有著重要的作用.。訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力，充分培養(yǎng)和提高學(xué)生的動(dòng)手能力,學(xué)會(huì)通過(guò)網(wǎng)站、書(shū)籍等方式收集所需的文字資料、圖像資料、Flash動(dòng)畫(huà)、視頻和鼠標(biāo)特效等。培養(yǎng)學(xué)生運(yùn)用所學(xué)的理論知識(shí)和技能解決網(wǎng)站開(kāi)發(fā)過(guò)程中所遇到的實(shí)際問(wèn)題的能力及基本工作素質(zhì)。培養(yǎng)學(xué)生理論聯(lián)系實(shí)際的工作作風(fēng)，嚴(yán)肅認(rèn)真的科學(xué)態(tài)度以及獨(dú)立工作的能力，樹(shù)立自信心。我通過(guò)這次實(shí)訓(xùn)中非常感謝學(xué)校給了我這次制作網(wǎng)頁(yè)的機(jī)會(huì)，通過(guò)這次實(shí)訓(xùn)，我學(xué)到了很多有價(jià)值的東西。我們通過(guò)小組分工合作已經(jīng)完成了網(wǎng)站設(shè)計(jì)整體布局，深知要把整個(gè)網(wǎng)站建設(shè)好的重要性。在整個(gè)網(wǎng)站的建設(shè)中，我學(xué)會(huì)了怎么制作動(dòng)態(tài)靜態(tài)網(wǎng)頁(yè)，我發(fā)現(xiàn)對(duì)于平時(shí)的知識(shí)有了很大的提高，并且合理的在試驗(yàn)中進(jìn)行了實(shí)踐。在這次實(shí)驗(yàn)的過(guò)程中，我搜集了大量的素材、圖片和網(wǎng)頁(yè)設(shè)計(jì)的制作整體布局方法，這些學(xué)習(xí)不但增加了我的知識(shí)面，而且使我在以后的設(shè)計(jì)過(guò)程中能博采眾長(zhǎng)，為制作出好的網(wǎng)頁(yè)打下了基礎(chǔ)。最后，我感受最深的是