網(wǎng)頁設(shè)計實驗報告書

PAGE·PAGE1·管理學院實驗報告書學號20100姓名于安同組者無指導老師六洪專業(yè)班級信息管理與信息系統(tǒng)1001班實驗日期2011/5/28課程名稱網(wǎng)頁設(shè)計實驗名稱個人網(wǎng)站設(shè)計指導教師評語：簽名：操作分報告分總成績實驗報告具體內(nèi)容一般應包括：一、實驗目的和要求;二、主要儀器設(shè)備(軟件);三、實驗內(nèi)容及實驗數(shù)據(jù)記錄;四、問題與建議實驗名稱個人網(wǎng)站設(shè)計實驗目的和要求個人網(wǎng)站建設(shè)的目的：讓學生了解網(wǎng)站規(guī)劃的內(nèi)容，熟悉網(wǎng)站的建立過程，學會對網(wǎng)站進行測試和維護。個人網(wǎng)站建設(shè)要求：(1)在導航上要盡量清晰明了，布局合理，層次分明，頁面鏈接層次不要太深，盡量讓用戶用最短的時間找到需要的資料。(2)風格要統(tǒng)一：保持統(tǒng)一風格，有助于加深訪問者對你的個人的印象。(3)色彩要和諧、重點突出：在網(wǎng)頁設(shè)計中，根據(jù)和諧、均衡和重點突出的原則。(4)統(tǒng)一網(wǎng)站的CSS，有助于保持整個站點的風格統(tǒng)一，并且方便修改。二．主要儀器設(shè)備（軟件）實驗軟件：WindowsXP操作系統(tǒng)或者Windows2000,Windows2003操作系統(tǒng);Dreamweaver、Fireworks、Flash。三.實驗內(nèi)容及數(shù)據(jù)記錄實驗內(nèi)容1．創(chuàng)建網(wǎng)站，用Dreamwear 生成一個網(wǎng)站。2．規(guī)劃網(wǎng)站，通過對網(wǎng)站的整體規(guī)劃，和對風格的分析，總體規(guī)劃網(wǎng)站的功能和特色。3．素材收集，通過PHOTOSHOP或者FLASH，作好網(wǎng)頁圖片等的準備。4．欄目設(shè)置(1)基本概況：主要從地理位置和行政劃分兩個方面簡要介紹一下興義。(2)歷史；介紹興義及其周邊的七個縣的歷史沿革。(3)經(jīng)濟發(fā)展：從供電供水、開發(fā)前景、通信交通和招商引資幾個方面介紹興義的經(jīng)濟情況。(4)自然資源：主要介紹了興義的礦產(chǎn)、能源和生物。(5)興義名人：介紹了一些興義的名人，如張之洞等。5．網(wǎng)頁設(shè)計，通過用Dreamwear8工具，開發(fā)各個欄目設(shè)置中的網(wǎng)頁。6．網(wǎng)站測試，通過IE來測試網(wǎng)站的完整性，正確性和兼容性。7．網(wǎng)站發(fā)布，發(fā)布網(wǎng)站到指定的空間，可以申請免費的空間和域名，也可以把它發(fā)布到本機的IIS或其他WEB服務(wù)器上。實驗數(shù)據(jù)記錄第一步用Dreamweaver 生成一個網(wǎng)站。在計算機D盤上新建一個文件夾，命名為“安逸的興義”。在該文件夾中新建6個文件夾，分別命名為images（圖像）、jibengaikuang（基本概況）、media（媒體）、jingjifazhan（經(jīng)濟發(fā)展）、ziranziyuan（自然資源）、xingyimingren（興義名人）、lishi（歷史）。啟動Dreamweaver.選擇“站點”-“新建站點”命令，打開新建站點對話框。選擇“高級”選項卡，在分類欄本地信息中的站點名稱文本框中輸入安逸的興義。單擊本地根文件夾按鈕，定位到新建立的“安逸的興義”文件夾。單擊默認圖像文件夾按鈕，0定位到新建立的images文件夾，保持其他默認選項，單擊“確定”按鈕。第二步規(guī)劃網(wǎng)站，通過對網(wǎng)站的整體規(guī)劃，和對風格的分析，總體規(guī)劃網(wǎng)站的功能和特色。網(wǎng)站目標：宣傳我的家鄉(xiāng)-興義。用戶分析與市場需求：用戶對的家鄉(xiāng)有一定的興趣。期望能夠輕松簡便地方問到有關(guān)興義的信息。為此目的，一方面精選用戶最關(guān)心的信息，還需以容易訪問的方式展示給用戶。網(wǎng)站風格：簡明，大方得體。技術(shù)因素;使用網(wǎng)站較小，保證下載速度。瀏覽器以IE8為主，兼顧IE9和Firefox。頁面設(shè)計時的分辨率為10248*768，兼顧800*600和1280*1024。第三步素材收集，通過PHOTOSHOP或者FLASH，作好網(wǎng)頁圖片等的準備。通過Fireworks制作網(wǎng)站的Logo。通過Fireworks制作導航條。第四步欄目設(shè)置1、基本概況：主要從地理位置和行政劃分兩個方面簡要介紹一下興義。2、歷史；介紹興義及其周邊的七個縣的歷史沿革。3、經(jīng)濟房展：從供電供水、開發(fā)前景、通信交通和招商引資幾個方面介紹興義的經(jīng)濟情況。4、自然資源：主要介紹了興義的礦產(chǎn)、能源和生物。5、興義名人：介紹了一些興義的名人，如張之洞等。第五步網(wǎng)頁設(shè)計，通過用Dreamwear工具，開發(fā)第四步欄目設(shè)置中的各個欄目的若干網(wǎng)頁。1、制作首頁2、制作模板3、用模板進行批量生產(chǎn)第六步網(wǎng)站測試，通過IE來測試網(wǎng)站的完整性，正確性和兼容性。1、選擇“窗口”-“結(jié)果”命令，打開結(jié)果面板。2、單擊“鏈接檢查器”標簽，在線式列表中選擇“斷掉的鏈接”，單擊左邊的三角板按鈕,選擇“檢查整個當前站點的鏈接”選項，檢查的結(jié)果會在結(jié)果面板中顯示。3、單擊“站點報告”4、單擊左上方的三角按鈕，打開“報告”對話框在“報告在”列表中選擇“整個當前站點”，在選擇報告框選擇“HTML報告”-無標題報告，然后單擊“運行”按鈕。第七步網(wǎng)站發(fā)布，發(fā)布網(wǎng)站到指定的空間，可以申請免費的空間和域名，也可以把它發(fā)布到本機的IIS或其他WEB服務(wù)器上。1、再次反