1、網(wǎng)頁設(shè)計與制作工程實訓(xùn)大作業(yè)選題名稱：伊人網(wǎng)的制作與體會 設(shè) 計人：李薇 班級：軟件工程081 班 學(xué)號：8000108025 南昌大學(xué)軟件學(xué)院2010.元設(shè)計說明書:一選題的分析我是怎么想到做女性網(wǎng)站的？首先，一個女性網(wǎng)站針對了我的特點，是我想做的，也是我感興趣做的。其次，一個女性網(wǎng)站可以包括購物頻道和bbs頻道，可以充分將我學(xué)到的知識運用上去而又不免于流俗。我要表達什么內(nèi)容，如何展開設(shè)計？二如何運用網(wǎng)絡(luò)的優(yōu)點進行更好的表達給對方提供自己的意見，交流平時美容護膚的心得，互相曬曬對方收藏的美男， 不亦樂乎。因為網(wǎng)站的定義還有時尚，所以要求網(wǎng)站的多媒體強大。我決定運用flash圖像查看器，彈開窗

2、口，浮動窗口，超鏈接等增加網(wǎng)站的多媒體化。三網(wǎng)頁的結(jié)構(gòu)與分解每頁的結(jié)點如下圖。登錄注冊購物車計算伊人購物美容護膚品彩妝香水區(qū)歡彈出廣告迎首界頁登錄面注冊伊人話題情感效應(yīng)娛樂前沿旅游戶外購物注冊注冊成功話題登錄首頁注冊四網(wǎng)頁所采用的技術(shù)網(wǎng)頁是使用dreamweaver xm 2004層，行為，模板，JavaScript等將設(shè)計與編寫代碼一起制作完成的。五網(wǎng)頁設(shè)計日志網(wǎng)頁設(shè)計之中出現(xiàn)了很多問題，這是我始料未及的。制作網(wǎng)站的一開始，由于我想做的是一個自己的網(wǎng)站，網(wǎng)站的logo就成了我一個心頭大石。想要制作一個動人的，能抓住別人眼球的logo要使用photoshop， 可是我對Photoshop不甚了

3、解，而要我在原本就拮據(jù)的做網(wǎng)站的時間里擠出時間來學(xué)習(xí)photoshop，這實在不是一個什么好主意。我想了很久之后，決定使用powerpoint的藝術(shù)字功能外加截圖完成我網(wǎng)站logo的制作。結(jié)果出來之后，雖然沒有達到我心目中的想象，但是相比我什么都做不出是好上千倍萬倍。解決完網(wǎng)站logo問題之后，我又碰到了網(wǎng)頁規(guī)劃的問題。我原本計劃是做一（即伊人讀書，伊人blog和登陸注冊頁面總共9個頁面的，可是我制作網(wǎng)頁的速度是2點總共8個小時號由于考試不能一天都花在制作網(wǎng)頁17blog的版塊刪去。此時我擁有了歡迎界面，首頁，購物頁，bbs頁面，登錄頁，注冊頁， 注冊成功頁，和購物車計算頁。除去歡迎頁面，購物

4、頁，bbs頁并未采用模板技5leftframe，mainframe和兩個不同的rightframe（被leftfrrame鏈接。最后面臨的是頁面美化問題和功能問題，我將我們上過的課件都瀏覽了一 等一大批以javascript18號就要交上作業(yè)，內(nèi)心決定在寒假里再仔細鉆研達到能運用自如的階段。自身點評網(wǎng)頁的內(nèi)容與功能不可能與一些大型的網(wǎng)站如21CN163同樣，首頁設(shè)計、整體的風(fēng)格很重要。跟著就是要采集素材，一個網(wǎng)頁只有內(nèi)容一個網(wǎng)站的時候，你是因為界面的美觀還是因為內(nèi)容的需要你收藏在你的IE中， 我相信80%人是因為內(nèi)容，20%中有部分是設(shè)計人員，因為界面的美觀，互聯(lián)的制的東西。最后謝謝老師的教導(dǎo)

5、，老師您也辛苦啦！網(wǎng)頁打印稿所有不同風(fēng)格網(wǎng)頁頁面均截圖打印出來，并做簡要說明（頁面特色等。我的網(wǎng)站包括歡迎界面，首頁，購物頁，bbs頁面，登錄頁，注冊頁，注冊成功頁，和購物車計算頁。除去歡迎頁面，購物頁，bbs頁并未采用模板技術(shù)， 其他頁面均采用了模板技術(shù)。購物頁面是個框架集頁面，其中包括5個子頁面， 被leftfrrame鏈接的三個鏈接均為錨點鏈接。另外每頁的“聯(lián)系我們”為電子郵件鏈接。另打開網(wǎng)站時會彈出一個如下界面請老師點擊允許，否則一些效果不會出現(xiàn)，謝謝！這是我的歡迎頁面，點擊 enter 可以進入，進入時播放音樂logo 點擊“登錄”時的登錄頁面點擊“注冊”后的注冊頁面注冊成功之后的頁面，可選擇跳轉(zhuǎn)到購物或 bbs 頁面。首頁點擊“聯(lián)系我們”時的電子郵箱鏈接購物頁面。首頁點擊“shopping”時可進入。這是一個框架集頁面。購物窗口打開時彈出廣告窗口，頁面中間是個 flash 圖像查看器，圖片能變換。mainframe改變了內(nèi)容mainframe變化點擊購物頁面的“購物車”可進入購物計算