可視化程序設(shè)計(jì)實(shí)踐報(bào)告

%%%%大學(xué)可視化程序設(shè)計(jì)實(shí)踐題題目樂我旅途院系電氣信息工程學(xué)院專業(yè)班級(jí)學(xué)生姓名學(xué)生學(xué)號(hào)指導(dǎo)教師班2013年7目錄TOC\o"1-4"\h\z\u1設(shè)計(jì)目的 12需求分析 12.1用戶 12.2主要功能 12.3基本流程 13網(wǎng)站開發(fā)過程 23.1主頁面的設(shè)計(jì) 23.2子頁面設(shè)計(jì) 34心得體會(huì) 65參考文獻(xiàn) 61設(shè)計(jì)目的本課程的設(shè)計(jì)目的是通過設(shè)計(jì)一個(gè)簡(jiǎn)單、美觀、符合實(shí)際的網(wǎng)頁頁面，能夠較全面地理解、掌握和綜合運(yùn)用所學(xué)的知識(shí)，理解并初步掌握運(yùn)用Dreamweaver可視化開發(fā)工具進(jìn)行網(wǎng)頁開發(fā)的方法；了解網(wǎng)頁設(shè)計(jì)制作過程。通過設(shè)計(jì)達(dá)到掌握網(wǎng)頁設(shè)計(jì)、制作的技巧。了解和熟悉網(wǎng)頁設(shè)計(jì)的基礎(chǔ)知識(shí)和實(shí)現(xiàn)技巧。根據(jù)題目的要求，給出網(wǎng)頁設(shè)計(jì)方案，利用合適圖文素材設(shè)計(jì)制作符合要求的網(wǎng)頁設(shè)計(jì)作品。熟練掌握Dreamweaver軟件的的操作和應(yīng)用。增強(qiáng)動(dòng)手實(shí)踐能力，進(jìn)一步加強(qiáng)自身綜合素質(zhì)。我本次主要是設(shè)計(jì)的是一個(gè)“樂我旅途”為主題的旅游網(wǎng)頁，對(duì)各大著名的旅游景點(diǎn)做了介紹。2需求分析2.1用戶網(wǎng)站的主要瀏覽者是主要準(zhǔn)備旅游的觀光者。2.2主要功能建立樂我旅途網(wǎng)站可以用精美的畫面向旅游者展示每個(gè)景點(diǎn)的大概信息。通過建設(shè)網(wǎng)站宣傳，提高知名度，吸引更多的旅游觀光者來。除此之外，也是希望通過本人建立的網(wǎng)站，可以讓更多人了解各個(gè)旅游地點(diǎn)的風(fēng)光以及特色，以此來促進(jìn)旅游的更好更快發(fā)展。2.3基本流程首先建立一個(gè)首頁，在首頁上鏈接了4個(gè)主頁，分別是旅游指南，暢游中國(guó)，歐洲之旅以及浪漫之旅。而在每個(gè)子頁里面我又鏈接了一個(gè)或幾個(gè)子頁，分別詳述了中國(guó)的幾大特色景區(qū)以及歐洲的著名的美景，還有被稱為浪漫圣地的幾座“小島”。首頁（首頁（index）旅游指南（html1）暢游中國(guó)(html2歐洲之旅(html3)浪漫之旅(html4)旅游的注意事項(xiàng)夢(mèng)幻的九寨溝七彩云南古城西安閩南風(fēng)情浪漫法國(guó)“高傲”的英國(guó)經(jīng)典希臘音樂之都——維也納最愛——-巴厘島風(fēng)情——普吉島浪漫——馬爾代夫唯美—濟(jì)州島圖1網(wǎng)站具體結(jié)構(gòu)圖3網(wǎng)站開發(fā)過程3.1主頁面的設(shè)計(jì)首頁主要是提供導(dǎo)航功能，頁面內(nèi)容是對(duì)景區(qū)的大概介紹，提供地圖對(duì)景區(qū)結(jié)構(gòu)有一定了解。一層欄目以重要景點(diǎn)，二層欄目為旅游指南，住宿交通信息等的鏈接。讓瀏覽者對(duì)網(wǎng)站布局大概了解，瀏覽速度快，能準(zhǔn)確獲得信息。首頁通過一個(gè)唯美的封面圖片來吸引瀏覽者的眼球，通過一些“名人”對(duì)旅游的感受來引起瀏覽者對(duì)旅游的向往，然后通過頂部的四個(gè)模塊，讓瀏覽者對(duì)本網(wǎng)站的主要宣傳內(nèi)容一目了然，浪漫的馬爾代夫心形小島，更是激起了瀏覽者們想要去體驗(yàn)的欲望。在首頁的部分，我手動(dòng)在拆分欄里/head后輸入sdsound.src,添加了背景音樂，使瀏覽者們?cè)跒g覽的時(shí)候保持愉快的心情。因?yàn)橛X得本人能力有限，不能滿足觀者的需求，所以在首頁底部做了一個(gè)鏈接，可以觀看到旅游網(wǎng)的內(nèi)容。圖2主頁面設(shè)計(jì)圖3.2子頁面設(shè)計(jì)1）副頁暢游中國(guó)（html1）主要是對(duì)國(guó)內(nèi)的幾大風(fēng)景進(jìn)行了介紹，并配圖說明。在這個(gè)部分，我用了2乘2表格來講述四個(gè)旅游景點(diǎn)，每個(gè)小標(biāo)題都可以連接到具體的介紹部分。圖3暢游中國(guó)在暢游中國(guó)部分，分別有夢(mèng)幻九寨溝、七彩云南、古城西安、和閩南風(fēng)情四個(gè)部分，這四個(gè)標(biāo)題都可以連接到具體介紹頁面，并配以圖片說明。圖4九寨溝圖5云南景色2）副頁歐洲之旅主要是對(duì)歐洲的景色進(jìn)行大概介紹，并且以圖片作為展示說明。通過4乘1的表格來講主要的四個(gè)有特色的國(guó)家，每個(gè)小標(biāo)題都可以鏈接到具體內(nèi)容。圖6圖6歐洲之旅在小標(biāo)題的鏈接里，用文字詳細(xì)地介紹了四個(gè)國(guó)家的風(fēng)俗以及特色，并配圖說明，而且在底部可以返回主頁。圖7大本鐘4心得體會(huì)網(wǎng)頁設(shè)計(jì)，幾乎是自己邊做邊把興趣培養(yǎng)起來的，雖然剛開始并沒覺得這是好玩的東西，但是越做越能獲得學(xué)習(xí)中的樂趣。制作的過程是艱辛的，但是結(jié)合教材及老師的指導(dǎo)，通過自身的實(shí)踐，終于制作了自己的第一份網(wǎng)頁設(shè)計(jì)，即使還有很多不足，但是我仍然覺得有種成功感?？偟膩碚f，我學(xué)會(huì)了很多知識(shí)，收獲了很多。1）對(duì)網(wǎng)頁的構(gòu)架要有個(gè)宏觀的構(gòu)思。剛開始，就是因?yàn)?，沒有構(gòu)建好框架，表格幾行幾列都沒想好就開始做了，以致于在制作中產(chǎn)生了不少的麻煩，甚至有的看起來沒有一個(gè)整體美，這主要是沒有經(jīng)過周密的構(gòu)思。2）對(duì)其中的一些概念的理解，文字什么的都要統(tǒng)一，圖片也要規(guī)范大小一致，網(wǎng)頁設(shè)計(jì)師一個(gè)講究整齊簡(jiǎn)介的頁面。所以在制作后，我知道制作要統(tǒng)一規(guī)范化。在制作了之后，收獲了很多，激發(fā)了我對(duì)網(wǎng)頁設(shè)計(jì)的興趣，我會(huì)用更多的時(shí)間去學(xué)習(xí)，去提高我的水平，讓自己以后設(shè)計(jì)的網(wǎng)頁更精美實(shí)用。5參考文獻(xiàn)[1]何國(guó)民，仲志國(guó).ASP動(dòng)態(tài)網(wǎng)站設(shè)計(jì)[M].科學(xué)出版社,2009,09.[2]胡秀源.基于APS技術(shù)的動(dòng)態(tài)網(wǎng)站設(shè)計(jì)[J].制造業(yè)自動(dòng)化，2011,03.[3]吳幸.基于APS.NET的動(dòng)態(tài)網(wǎng)站設(shè)計(jì)[J].電腦知識(shí)與技術(shù)，2006,10.[4]前沿文化.網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)[M].科學(xué)出版社，2003,01.[5]郝倩.APS在動(dòng)態(tài)網(wǎng)站設(shè)計(jì)中的應(yīng)用[J].軟件導(dǎo)刊，2009,11.“可視化程序設(shè)計(jì)實(shí)踐”課程成績(jī)?cè)u(píng)價(jià)表序號(hào)評(píng)價(jià)指標(biāo)滿分評(píng)分1報(bào)告格式規(guī)范，條理清晰，結(jié)構(gòu)嚴(yán)謹(jǐn)，文理通順，撰寫規(guī)范，內(nèi)容充實(shí)。202網(wǎng)站設(shè)計(jì)的需求分析合理可靠，條理清晰，主題突出。頁