實(shí)驗(yàn)報(bào)告

　　專業(yè)

　　XXXXXX

　　班級(jí)

　　XX 班

　　學(xué)號(hào)

　　XXXXXX

　　姓名

　　XXX

　　報(bào)告完成日期

　　2012-12-26

　　指導(dǎo)教師

　　XXX

　　評(píng)語(yǔ)：

　　成績(jī)：

　　批閱教師簽名：

　　批閱時(shí)間：

　　一、制作時(shí)間

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

　　二、實(shí)習(xí)內(nèi)容

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

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

　　3、頁(yè)面中包含文字、圖片；

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

　　5、使用網(wǎng)頁(yè)瀏覽器進(jìn)行網(wǎng)站測(cè)試。

　　三、實(shí)習(xí)環(huán)境

　　1、硬件環(huán)境：計(jì)算機(jī)一臺(tái)；

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

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

　　四、網(wǎng)站總體設(shè)計(jì)

　　1、網(wǎng)站主題

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

　　2、設(shè)計(jì)思路

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

　　五、制作步驟

　　1.首先確定網(wǎng)頁(yè)的主題后，從網(wǎng)上查看各名校的網(wǎng)站，并從中尋找思路開(kāi)始做網(wǎng)頁(yè)。經(jīng)過(guò)長(zhǎng)時(shí)間的瀏覽，最終選擇福建工程學(xué)院作為參照（網(wǎng)址： 導(dǎo)航輪播和下面的有塊區(qū)域的圖片輪播，結(jié)果因?yàn)椴恢廊绾瓮瑫r(shí)初始化2個(gè)JVAV函數(shù) 最后以失敗告終 只好放棄

　　4.本次制作最難的地方是導(dǎo)航菜單的二級(jí)菜單和圖片輪換

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

　　5.原計(jì)劃那些JVAV代碼因?yàn)闊o(wú)法同時(shí)初始化他們放棄了 只好以一些列表代替

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

　　六、實(shí)習(xí)總結(jié)

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

　　七、參考文獻(xiàn)

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

Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)教學(xué)計(jì)劃[!--empirenews.page--]...3篇(dreamweaver網(wǎng)頁(yè)設(shè)計(jì)課程)相關(guān)文章：