實驗報告

　　專業(yè)

　　XXXXXX

　　班級

　　XX 班

　　學號

　　XXXXXX

　　姓名

　　XXX

　　報告完成日期

　　2012-12-26

　　指導教師

　　XXX

　　評語：

　　成績：

　　批閱教師簽名：

　　批閱時間：

　　一、制作時間

　　2012年12月18日至2012年12月26日。

　　二、實習內容

　　1、使用Dreamweaver制作網(wǎng)站，該網(wǎng)站為福建工程學院網(wǎng)站

　　2、網(wǎng)站不少于8個頁面，主頁和各模塊相關頁面；

　　3、頁面中包含文字、圖片；

　　4、使用CSS實現(xiàn)網(wǎng)頁相關頁面設置，要求在實現(xiàn)網(wǎng)頁內能夠顯示文字，圖片等信息；

　　5、使用網(wǎng)頁瀏覽器進行網(wǎng)站測試。

　　三、實習環(huán)境

　　1、硬件環(huán)境：計算機一臺；

　　2、軟件環(huán)境：Dreamweaver cs4；

　　3、測試環(huán)境：IE、firework等網(wǎng)頁瀏覽器。

　　四、網(wǎng)站總體設計

　　1、網(wǎng)站主題

　　本網(wǎng)頁是以福建工程學院網(wǎng)站為主題，針對不同的年齡階段的人給出了不同的學院的信息。

　　2、設計思路

　　首先構思了基本網(wǎng)頁的布局，主頁采取了常用的1-（1+1+1），附頁采用了1-（1+1），上了多個網(wǎng) 最后決定參照福建工程學院的官方網(wǎng)站進行制作，但是布局并不相同 素材取自福建工程學院官方網(wǎng)站，部分圖片取自百度，網(wǎng)站包括1個主頁7個子頁，子頁包含了所有的學校狀況，分別為：學校簡介、現(xiàn)任校領導、教學機構、管理機構、校紀校訓校歌、校園風光、新校區(qū)建設；采用了較難的二級菜單 和 JVAV技術實現(xiàn)導航欄上面的圖片進行4張輪播。

　　五、制作步驟

　　1.首先確定網(wǎng)頁的主題后，從網(wǎng)上查看各名校的網(wǎng)站，并從中尋找思路開始做網(wǎng)頁。經過長時間的瀏覽，最終選擇福建工程學院作為參照（網(wǎng)址： 導航輪播和下面的有塊區(qū)域的圖片輪播，結果因為不知道如何同時初始化2個JVAV函數(shù) 最后以失敗告終 只好放棄

　　4.本次制作最難的地方是導航菜單的二級菜單和圖片輪換

　　在制作過程中，遇到很多次的制作混亂，最后還是老師幫忙解決的。

　　5.原計劃那些JVAV代碼因為無法同時初始化他們放棄了 只好以一些列表代替

　　6.最后，將一些小細節(jié)的東西做了些處理，最后打包上交。

　　六、實習總結

　　這次是我們web的期末考試制作，通過這一次的制作，不僅鞏固了以前學過的知識，還學會很多課堂上未教授的東西。通過老師的講解、查閱資料，解決了很多制作上的困難，這一點我在這要好好感謝我們的XX老師和我們宿舍的學姐，謝謝她們幫我很大的忙。

　　七、參考文獻

《HTML+CSS網(wǎng)頁設計與布局》 《PHP編碼》

Dreamweaver網(wǎng)頁設計教學計劃[!--empirenews.page--]...3篇(dreamweaver網(wǎng)頁設計課程)相關文章：