頁(yè)面布局：

結(jié)束語(yǔ)

在系統(tǒng)的需求分析過(guò)程中，由于不熟悉，產(chǎn)生了很大的困難，通過(guò)與指導(dǎo)老師的探討與溝通，我漸漸地對(duì)系統(tǒng)有了一個(gè)大體的認(rèn)識(shí)。雖然說(shuō)在系統(tǒng)需求分析過(guò)程中花費(fèi)了很多時(shí)間，但是我認(rèn)為這是必要的也是必須的。

第三篇：網(wǎng)站美工基礎(chǔ)考試試題

網(wǎng)站美工考試試題

一、單選題（每題一分）

1.文本被做成超鏈接后，鼠標(biāo)移到文本，光標(biāo)會(huì)變成什么形狀（）

A.手形 B.十字形 C.向右的箭頭 D.沒(méi)變化 2.下面關(guān)于超鏈接說(shuō)法錯(cuò)誤的是（）

A.超鏈接包括超文本鏈接和超媒體鏈接兩大類 B.超文本鏈接可以鏈接所有類型的文件 C.超媒體鏈接只能鏈接各類多媒體文件

D.超鏈接不僅可以用于網(wǎng)頁(yè)，還可以用于其他各類文檔 3.下面哪些不屬于網(wǎng)頁(yè)的多媒體元素（）

A.音頻 B.視頻 C.動(dòng)畫(huà) D.圖片 4.下列關(guān)于Html標(biāo)記不正確的是（）

A.a標(biāo)記 用來(lái)標(biāo)記超級(jí)鏈接 B.img標(biāo)記 用來(lái)插入圖片

C.table標(biāo)記 用來(lái)插入表格 D.table 標(biāo)記 用來(lái)插入框架網(wǎng)頁(yè) 5.在網(wǎng)站設(shè)計(jì)中可以直接插入以下內(nèi)容

a)圖片

B）動(dòng)畫(huà)

C）超級(jí)鏈接

D）以上都可以直接插入

6.在Photoshop中，給對(duì)象填充背景色和前景色的快捷鍵分別是（）

A.CTRL+DEL ALT+DEL B.ALT+DEL CTRL+DEL C.SHIFT+DEL CTRL+ENTER D.CTRL+ENTER SHIFT+DEL 7.在網(wǎng)站美工設(shè)計(jì)中，關(guān)于網(wǎng)絡(luò)廣告的尺寸規(guī)格，第一次規(guī)范標(biāo)準(zhǔn)中全尺寸的BANNER是：

A.468×60 B.392×72 C.234×60 D.125×125 8.在網(wǎng)站設(shè)計(jì)中，下列哪一個(gè)屬性表示表格中的單元格間距：

A.width B.cellspacing C.cellspadding D.border 9.在網(wǎng)站設(shè)計(jì)中，表格嵌套實(shí)際上是用到了表格的哪種屬性？

A.表格在頁(yè)面中的對(duì)齊方式 B.表格的邊框 C.表格的寬與高

D.表格內(nèi)的文字對(duì)齊方式

10.在網(wǎng)站設(shè)計(jì)中，下列哪個(gè)操作對(duì)庫(kù)不能實(shí)現(xiàn)

A.在資源管理器面板中創(chuàng)建庫(kù)

IPTC－版本所有

Page 1 of 7

B.在資源管理器面板中對(duì)已創(chuàng)建的庫(kù)進(jìn)行修改和刪除

C.只要在資源管理器面板中對(duì)庫(kù)進(jìn)行刪除，那么在頁(yè)面中引用的庫(kù)也會(huì)被刪除 D.只要在資源管理器面板中對(duì)庫(kù)進(jìn)行修改，那么在頁(yè)面中引用的庫(kù)也會(huì)發(fā)生相同的變化。

二、多選題（每題2分）

1.在網(wǎng)站設(shè)計(jì)中，網(wǎng)頁(yè)框架設(shè)計(jì)為區(qū)域劃分時(shí)分為哪幾個(gè)部分？()A.頂部區(qū) B.底部區(qū) C.導(dǎo)航區(qū)

D.一區(qū)，二區(qū)，三區(qū)

2.在網(wǎng)站美工設(shè)計(jì)中，如果我們將靜態(tài)頁(yè)面設(shè)計(jì)成不規(guī)則框架結(jié)構(gòu)，則有可以選擇以下哪幾種方法？()A.無(wú)框架式的整張圖片設(shè)計(jì)

B.頁(yè)面橫向很長(zhǎng)，需要滾動(dòng)條的網(wǎng)頁(yè) C.把這三種框架揉合運(yùn)用 D.多變化Flash頁(yè)面設(shè)計(jì)

3.在網(wǎng)站美工設(shè)計(jì)中，網(wǎng)頁(yè)制作中常用的按鈕效果有:()A.簡(jiǎn)潔按鈕 B.水晶按鈕 C.迷你按鈕 D.塑料按鈕

4.在Photoshop中,可以新建文檔的操作有(): A.文件菜單中選擇新建

B.啟動(dòng)應(yīng)用程序后的歡迎窗口中 C.快捷鍵:CTRL+N D.按CTRL鍵的同時(shí),在界面中的灰色區(qū)域雙擊 5.下列關(guān)于網(wǎng)站整體形象規(guī)劃說(shuō)法正確的是：()A.想要讓網(wǎng)站有一見(jiàn)傾心的效果，首先要頁(yè)面顏色協(xié)調(diào)，沒(méi)有給人刺眼的感覺(jué)； B.其次要看網(wǎng)站上的內(nèi)容是否易于閱讀； C.圖片設(shè)計(jì)是否合理

D.頁(yè)面中的“動(dòng)”、“靜”元素結(jié)合是否適度 6.下列有關(guān)網(wǎng)站字體設(shè)計(jì)說(shuō)法不正確的是：()A.排版時(shí)要注意：大標(biāo)題、小內(nèi)文；粗標(biāo)題、細(xì)內(nèi)文； B.頁(yè)面中字體與背景的顏色對(duì)比度要大； C.字體大小可隨意設(shè)置；

D.全文排版要有層次，不可混亂

7.在Photoshop中，下列哪些選項(xiàng)屬于“圖層樣式”：()A.顏色疊加 B.斜面與浮雕 C.內(nèi)陰影 D.外發(fā)光

8.在網(wǎng)站美工設(shè)計(jì)中，網(wǎng)頁(yè)中常見(jiàn)的裝飾邊線有哪些類型？()A.虛線

IPTC－版本所有

Page 2 of 7

B.內(nèi)嵌線條 C.斜紋線條 D.交叉線條

9.背景圖像分為哪幾種：()A.單色背景 B.漸變色背景 C.位圖背景 D.紋理背景

10.在網(wǎng)站美工設(shè)計(jì)中，既要不違反原設(shè)計(jì)意圖，也要保證圖片清晰的情況下，我們應(yīng)該從哪些方面優(yōu)化網(wǎng)頁(yè)？()A.把大的背景分割，不需要的部分省去，另一部分可換成表格背景，分開(kāi)插入頁(yè)面。B.注意到頁(yè)面的長(zhǎng)度，考慮好是否可重復(fù)使用圖片，以及是否以x、y軸重復(fù)圖片； C.單色的，可以使用表格背景填充。有文字的，不做在圖片里

D.花色最好是橫向重復(fù)的或者是水平線形花紋，在一定程度上解決分辨率問(wèn)題

11、行為是（）和（）的組合 A： 事件 B： 頁(yè)面體 C： 動(dòng)作 D： 幀

12、下面是Dreamweaver MX 8.0提供的各種應(yīng)用程序接口的是()A： JavaScript應(yīng)用程序接口 B： 文件輸入輸出接口 C： 圖像記錄接口

D： Fireworks MX集成接口

13、在Dreamweaver MX 8.0中，只需要三個(gè)參數(shù)()來(lái)加入一個(gè)Shockwave影片 A： 位置 B： 高度 C： 寬度 D： 長(zhǎng)度

14、在Dreamweaver MX 8.0文檔窗口中插入空格且生成 代碼的操作有()A： 在中文的全角狀態(tài)下按空格鍵 B： 插入一個(gè)透明的圖 C： 選擇Instert（插入）菜單下的Special Character（特殊字符）-> none-breaking Space D： CTRL+SHIFT+空格鍵

15、在Dreamweaver MX 8.0中建立框架網(wǎng)頁(yè)時(shí)，正確的操作是（）A： 在HTML代碼中生成

B： 按住“Alt”鍵后用鼠標(biāo)拖拽邊框 C： 按住“Ctrl”鍵后用鼠標(biāo)拖拽邊框 D： 按住“Shift”鍵后用鼠標(biāo)拖拽邊框

IPTC－版本所有

Page 3 of 7

16、在Dreamweaver MX 8.0 中，在插入欄中的Head的對(duì)象面板中包含下面哪些對(duì)象()A： Meta(MIME字符集信息)B： Keywords(網(wǎng)頁(yè)的關(guān)鍵字信息)C： Description(網(wǎng)頁(yè)或網(wǎng)站的描述信息)D： Base(設(shè)置網(wǎng)頁(yè)的主目錄)

17、在Dreamweaver MX 8.0 中，下面的類資源面板里有的是()A： 圖像 B： 顏色 C： 鏈接 D： Flash

18、在Dreamweaver MX中的標(biāo)簽的屬性可以通過(guò)Page Properties窗口設(shè)置的是：()A： Background Image：背景圖像 B： Background：背景顏色 C： Text：文字顏色

D： Tracing Image：跟蹤圖像

19、標(biāo)題標(biāo)簽包含了下面哪些網(wǎng)頁(yè)的屬性信息：()A： 網(wǎng)頁(yè)題目 B： 關(guān)鍵詞 C： 網(wǎng)頁(yè)類型 D： 語(yǔ)言內(nèi)碼

20、在Dreamweaver中，設(shè)置插入表格參數(shù)對(duì)話框時(shí)，下面哪些你可以用來(lái)設(shè)置：()A： 水平行數(shù)目 B： 垂直行數(shù)目 C： 表格的預(yù)設(shè)寬度

D： 每個(gè)單元格以及整個(gè)表格的邊框的寬度

三、判斷題(每題1分)1.在網(wǎng)站制作時(shí)，一般頂部的區(qū)域有高度的限制，而底部區(qū)域是沒(méi)有限制的。()A.對(duì) B.錯(cuò)

2.在網(wǎng)站區(qū)域劃分時(shí)，有頂部，底部，一區(qū)，二區(qū)和三區(qū)，這五部分缺一不可。()A.對(duì) B.錯(cuò)

3.在“新建CSS樣式”對(duì)話框中,選擇“只對(duì)當(dāng)前文檔”選項(xiàng),表示即可在當(dāng)前文件用,也可在當(dāng)前站點(diǎn)內(nèi)的其他文件中引用.()A.對(duì)

IPTC－版本所有

Page 4 of 7

錯(cuò)

4.CSS樣式定義對(duì)話框中【區(qū)塊】設(shè)置是對(duì)某區(qū)域內(nèi)文本的各種空隙大小的設(shè)置。()A.對(duì) B.錯(cuò)

5.Dreamweaver中，表格與層可以互相轉(zhuǎn)換。（）

A.對(duì) B.錯(cuò)

6.Dreamweaver中，可以通過(guò)菜單插入一條垂直的豎線。（）

A.對(duì) B.錯(cuò)

7.Dreamweaver中，模板文件后綴名是dwt。（）

A.對(duì) B.錯(cuò)

8.Dreamweaver中網(wǎng)站的首頁(yè)文件的擴(kuò)展名只可以是html或htm。

A.對(duì) B.錯(cuò)

9.HTML表格在默認(rèn)情況下沒(méi)有邊框。（）

A.對(duì) B.錯(cuò) 10.WWW是World Wide Web的縮寫(xiě)，也可簡(jiǎn)寫(xiě)為Web，中文叫做萬(wàn)維網(wǎng)或因特網(wǎng)。（）

A.對(duì) B.錯(cuò)

11、在Dreamweaver中它只能對(duì)HTML文件可以進(jìn)行編輯()A： 對(duì) B： 錯(cuò)

12、在Dreamweaver中，可以導(dǎo)入外部的數(shù)據(jù)文件，還可以將網(wǎng)頁(yè)中的數(shù)據(jù)表格導(dǎo)出為純文本的數(shù)據(jù)文件?()A： 對(duì) B： 錯(cuò)

13、在Dreamweaver中，可以把已經(jīng)創(chuàng)建的僅用于當(dāng)前文檔的內(nèi)部樣式表轉(zhuǎn)化成外部樣式表()A： 對(duì) B： 錯(cuò)

14、在Dreamweaver MX 2004中不能添加object的外部插件()A： 對(duì) B： 錯(cuò)

15、在Dreamweaver MX 2004中，可以導(dǎo)入外部的數(shù)據(jù)文件，還可以將網(wǎng)頁(yè)中的數(shù)據(jù)表格導(dǎo)出為純文本的數(shù)據(jù)文件()A： 對(duì)

IPTC－版本所有

Page 5 of 7 B.B： 錯(cuò)

16、在Dreamweaver MX 2004 中它只能對(duì)HTML文件可以進(jìn)行編輯()A： 對(duì) B： 錯(cuò)

17、Dreamweaver MX 2004中默認(rèn)的撤消步驟是５０步()A： 對(duì) B： 錯(cuò)

18、Dreamweaver MX 2004中，表格與層可以相互轉(zhuǎn)化()A： 對(duì) B： 錯(cuò)

19、Dreamweaver MX 2004制作鏈接的快捷操作是Ctrl+L()A： 對(duì) B： 錯(cuò)

20、Dreamweaver MX 2004 中可以實(shí)現(xiàn)圖片的四周模糊羽化的效果()A： 對(duì) B： 錯(cuò)

IPTC－版本所有

Page 6 of 7

四、操作題(30分)單選題

1.A

2.C

3.D

4.D

5.D

6.A

7.A

8.B

9.D

10.C

多選題

1.ABD

2.ABC

3.ABCD

4.ACD

5.ABCD

6.ABD

7.ABCD

8.ABCD 9.ABCD

10.ABCD

11.AC

12.ABCD

13.ABC

14.CD

15.AB 16.ABCD

17.ABCD

18.ABCD

19.ABCD

20.ABCD

判斷題

1對(duì)

2錯(cuò)

3錯(cuò)

4對(duì)

5對(duì)

6錯(cuò)

7對(duì)

8錯(cuò)

9錯(cuò)

10對(duì) 11錯(cuò)

12錯(cuò)

13對(duì)

14錯(cuò)

15對(duì)

16錯(cuò)

17對(duì)

18對(duì)

19對(duì)

20對(duì)

IPTC－版本所有

Page 7 of 7

第四篇：美工實(shí)訓(xùn)手冊(cè)

實(shí)（網(wǎng)店美工）

上

創(chuàng) 訓(xùn) 手

杭州沃土教育科技有限公司 業(yè)

網(wǎng) 冊(cè)

目錄

第二章 網(wǎng)店美工....................................................錯(cuò)誤！未定義書(shū)簽。

第一節(jié) 圖片美化.................................................錯(cuò)誤！未定義書(shū)簽。

一、圖片去除水印...............................................................................................錯(cuò)誤！未定義書(shū)簽。

二、圖片添加水印...............................................................................................錯(cuò)誤！未定義書(shū)簽。

三、店鋪招牌制作...............................................................................................錯(cuò)誤！未定義書(shū)簽。

四、店鋪標(biāo)志制作...............................................................................................錯(cuò)誤！未定義書(shū)簽。

五、圖片輪播制作...............................................................................................錯(cuò)誤！未定義書(shū)簽。第二節(jié) 店鋪裝修.................................................錯(cuò)誤！未定義書(shū)簽。

一、店鋪基本設(shè)置...............................................................15

二、店鋪商品分類...............................................................15

三、旺鋪裝修...................................................................16 2

第二章

網(wǎng)店美工

第一節(jié)

圖片美化

一、去除水印

1、美圖秀秀：打開(kāi)美圖秀秀軟件，選擇需要處理的一張圖片，如右圖所見(jiàn)。

2、點(diǎn)擊左側(cè)的“消除筆”，彈出右邊頁(yè)面。

3、美圖秀秀水印處理效果不是特別理想，但是方法非常簡(jiǎn)單。效果見(jiàn)右圖。

4、用PS軟件給圖片去水?。捍蜷_(kāi)PS軟件，打開(kāi)需要處理的一張圖片，如右圖所見(jiàn)。

5、使用PS軟件中的圖章工具去除水?。哼x取仿制圖章工具，按住Alt鍵，在無(wú)文字區(qū)域點(diǎn)擊相似的色彩或圖案采樣，然后在文字區(qū)域拖動(dòng)鼠標(biāo)復(fù)制以復(fù)蓋文字。

6、使用PS軟件中的修補(bǔ)工具去除水?。哼x取修補(bǔ)工具，在公共欄中選擇修補(bǔ)項(xiàng)為“源”，關(guān)閉“透明”選項(xiàng)。然后用修補(bǔ)工具框選文字，拖動(dòng)到無(wú)文字區(qū)域中色彩或圖案相似的位置，松開(kāi)鼠標(biāo)就完成復(fù)制。修補(bǔ)工具具有自動(dòng)匹配顏色的功能，復(fù)制出的效果與周圍的色彩較為融合，這是仿制圖章工具所不具備的。如下圖所示。

二、添加水印

1、美圖淘淘：打開(kāi)美圖淘淘軟件，批量導(dǎo)入圖片，添加圖片完成，選擇圖片作用，點(diǎn)擊“確定導(dǎo)入”。

2、添加素材：點(diǎn)擊上方“素材”，右邊出現(xiàn)添加素材欄，可根據(jù)需求選擇不同素材，點(diǎn)擊選擇的素材，素材即刻出現(xiàn)在圖片上面，可放大或縮小素材，也可將素材存為水印備用。也可點(diǎn)擊“管理分類”，選擇產(chǎn)品分類，即可出現(xiàn)相應(yīng)的素材。需要?jiǎng)h除素材時(shí)，只需點(diǎn)素材，按“Delete鍵”。如右圖所示。

3、添加文字:點(diǎn)擊上方“文字”，右邊出現(xiàn)添加文字欄，選擇需要的字體、顏色、大小，在文本框內(nèi)輸入需要打入的文字，點(diǎn)擊“應(yīng)用”即可。如下圖所示。

4、添加水?。狐c(diǎn)擊上方“水印”，右邊出現(xiàn)添加水印欄，可“新增水印”，也可使用素材保存的“我的水印”，點(diǎn)擊“我的水印”中的素材，即可出現(xiàn)在圖片上，可放大縮小。

5、添加邊框：點(diǎn)擊上方“邊框”，右邊出現(xiàn)添加邊框，點(diǎn)擊“管理分類”，勾選所需分類，點(diǎn)擊“確定”。例如勾選了“個(gè)性邊框”，點(diǎn)擊“確定”后，再點(diǎn)擊“個(gè)性邊框”時(shí)，右邊則出現(xiàn)對(duì)應(yīng)的邊框素材可供選擇。如下圖所示。

三、店鋪招牌制作

1、打開(kāi)PS軟件，新建一個(gè)空白文檔，寬950像素，高120像素。

2、打開(kāi)一張用于制作店招的圖片，復(fù)制此圖片。

3、粘貼該圖片至新建文檔，調(diào)整位置與大小后合并圖層，修改后保存。

4、添加文字：點(diǎn)擊左側(cè)工具欄內(nèi)的“T”，在需要添加文字的地方左鍵單擊，輸入文字，文字的字體、大小及顏色可在上方工具欄內(nèi)更改。

5、添加圖片：打開(kāi)需要添加的圖片，使用移動(dòng)工具將圖片左鍵按住，拖移至店招圖片上，若需調(diào)整圖片大小，同時(shí)按Ctrl和T，即可拖動(dòng)圖片邊緣框改變圖片大小（調(diào)整圖片大小時(shí)按住Shift即可按原圖比例縮放）。

四、店鋪標(biāo)志制作

1、打開(kāi)LOGO生成軟件，找到合適的LOGO模板。

2、在相應(yīng)圖層中按需要進(jìn)行修改。并保存為JPG格式。

3、根據(jù)需要進(jìn)行圖片裁剪與圖像大小修改。

五、圖片輪播制作

1、使用PS軟件新建一個(gè)950*250（像素）的空白文檔。

2、打開(kāi)需做成公告的圖片并復(fù)制。

3、在空白文檔處粘貼并修改，合并圖層。若需調(diào)整圖片大小，同時(shí)按Ctrl和T，即可拖動(dòng)圖片邊緣框改變圖片大?。ㄕ{(diào)整圖片大小時(shí)按住Shift即可按原圖比例縮放）。第二節(jié)

店鋪裝修

一、店鋪基本設(shè)置

1、登陸淘寶網(wǎng)，進(jìn)入賣家中心，點(diǎn)擊左側(cè)功能欄中的“店鋪基本設(shè)置”，出現(xiàn)以下頁(yè)面。

2、所有帶紅色“*號(hào)”的為必填項(xiàng)，包括店鋪名稱、店鋪類目、聯(lián)系地址、郵政編碼、店鋪介紹等。填完點(diǎn)擊“保存”。店鋪名總長(zhǎng)度2-10個(gè)漢字（4-20個(gè)字母），不得包含知名品牌、非法字符等。

3、上傳店鋪標(biāo)志：點(diǎn)擊“上傳圖標(biāo)”，將做好的店標(biāo)上傳即可。

二、店鋪商品分類

1、登陸淘寶網(wǎng)，進(jìn)入“賣家中心”，點(diǎn)擊左側(cè)功能欄上的“寶貝分類管理”，出現(xiàn)以下頁(yè)面。

2、點(diǎn)擊“添加新分類”，在分類名稱的文本框內(nèi)輸入商品類別名稱，在此分類名稱下方可點(diǎn)擊“添加子分類”，細(xì)分商品名稱。

3、如需用圖片區(qū)分就點(diǎn)擊“添加圖片”下面的“編輯圖片”鏈接，將圖片的網(wǎng)絡(luò)地址填寫(xiě)進(jìn)去即可。

4、點(diǎn)擊 “寶貝歸類”，在“選擇分類”框里選擇相應(yīng)的分類,如:未分類寶貝、全部寶貝等。在寶貝列表里勾選需要?dú)w類的寶貝，單件商品歸類點(diǎn)擊右邊的“添加所屬分類”按鈕進(jìn)行歸類,添加或移動(dòng)多件寶貝則在勾選后到頁(yè)面最下端“選擇分類操作”里選擇“批量添加”或“批量移動(dòng)”，將寶貝放入新選的分類里,點(diǎn)擊“確定”按鈕，寶貝即進(jìn)入到新的分類里。

三、旺鋪裝修

1、登陸淘寶網(wǎng)，進(jìn)入“賣家中心”，點(diǎn)擊左側(cè)功能欄上的“店鋪裝修”，出現(xiàn)以下頁(yè)面。

2、樣式管理：點(diǎn)擊頁(yè)面上方的“裝修”，選擇樣式管理，出現(xiàn)以下頁(yè)面。選擇自己所需的樣式，點(diǎn)擊右上方“發(fā)布”。

3、點(diǎn)擊左邊“背景設(shè)置”，點(diǎn)擊“頁(yè)頭背景色”，彈出顏色框，選取所需色彩，點(diǎn)擊確定即可。建議使用和店招統(tǒng)一色系。若不需要頁(yè)頭顯示，則可選擇白色。

4、更換頁(yè)頭背景圖：點(diǎn)擊“上傳圖片”，將準(zhǔn)備好的頁(yè)頭圖片上傳，文件格式GIF,JPG,PNG，文件大小200k以內(nèi)，點(diǎn)擊“保存”。

5、頁(yè)面編輯：點(diǎn)擊頁(yè)面上方的“裝修”，選擇頁(yè)面編輯，出現(xiàn)以下頁(yè)面。

6、將鼠標(biāo)移至店鋪招牌上時(shí)，右上角出現(xiàn)“編輯”按鍵，點(diǎn)擊進(jìn)入，背景圖點(diǎn)擊“選擇文件”，再點(diǎn)擊“上傳新圖片”，可以上傳制作好的店招，點(diǎn)擊完成。

7、將鼠標(biāo)移至導(dǎo)航欄上時(shí)，右上角出現(xiàn)“編輯”按鍵，點(diǎn)擊進(jìn)入，出現(xiàn)以下頁(yè)面。

8、點(diǎn)擊右下方 的“添加”按鈕，彈出“添加導(dǎo)航內(nèi)容”窗口，勾選需要顯示的產(chǎn)品分類，點(diǎn)擊“確定”。

9、在導(dǎo)航設(shè)置頁(yè)面點(diǎn)擊“確定”，導(dǎo)航欄上即出現(xiàn)添加的相應(yīng)分類。

10、導(dǎo)航欄自定義頁(yè)面編輯：點(diǎn)擊進(jìn)入導(dǎo)航欄編輯，選擇“頁(yè)面”，點(diǎn)擊“添加自定義頁(yè)面”。彈出以下窗口。在“頁(yè)面名稱”中填入需增加模塊的名稱，點(diǎn)擊保存。

11、自定義內(nèi)容區(qū)編輯：將鼠標(biāo)移至“自定義內(nèi)容區(qū)”，點(diǎn)擊鉛筆式樣的按鍵，進(jìn)行自定義編輯模塊。

12、也可在自定義內(nèi)容區(qū)點(diǎn)擊“添加模塊”，共有16免費(fèi)模塊，在模塊市場(chǎng)中有收費(fèi)模塊。

13、在導(dǎo)航欄設(shè)置中，添加“圖片輪播”模塊，點(diǎn)擊“圖片輪播”右上角的“編輯”按鈕，出現(xiàn)以下頁(yè)面。

14、點(diǎn)擊“圖片地址”空白文本框后的按鈕，彈出上傳圖片的幾種方式，可選擇“上傳新圖片”，如上 傳產(chǎn)品時(shí)使用過(guò)的圖片會(huì)出現(xiàn)在圖片空間內(nèi)，擇點(diǎn)擊“從圖片空間中選擇”即可。最后點(diǎn)擊保存，最多可以添加5組輪播圖片。評(píng)論，觀念，各有不同做好自己那份就好

第五篇：JSP商務(wù)網(wǎng)站設(shè)計(jì)實(shí)訓(xùn)_

目 錄

（要求自動(dòng)生成目錄，內(nèi)容僅供參考）

一、項(xiàng)目實(shí)訓(xùn)的目的與要求.......................1

1.1項(xiàng)目實(shí)訓(xùn)目的.......................1

1.1項(xiàng)目實(shí)訓(xùn)要求.......................1

二、題目說(shuō)明..........................1

2.1 政府管理網(wǎng)站的背景介紹...................1

2.2 開(kāi)發(fā)工具與技術(shù)介紹.....................錯(cuò)誤！未定義書(shū)簽。

2.2.1開(kāi)發(fā)及運(yùn)行環(huán)境...............錯(cuò)誤！未定義書(shū)簽。

2.2.2JSP簡(jiǎn)介.....................錯(cuò)誤！未定義書(shū)簽。

2.2.3mysql簡(jiǎn)介.................錯(cuò)誤！未定義書(shū)簽。

三、總體設(shè)計(jì)....................錯(cuò)誤！未定義書(shū)簽。

3.1系統(tǒng)項(xiàng)目規(guī)劃.................錯(cuò)誤！未定義書(shū)簽。

3.2系統(tǒng)功能結(jié)構(gòu)圖....................錯(cuò)誤！未定義書(shū)簽。

3.3 數(shù)據(jù)庫(kù)設(shè)計(jì)................錯(cuò)誤！未定義書(shū)簽。

四、后臺(tái)系統(tǒng)部分模塊的實(shí)現(xiàn)..................錯(cuò)誤！未定義書(shū)簽。

4.1管理員登錄頁(yè)面文件...................錯(cuò)誤！未定義書(shū)簽。

4.2管理員登錄驗(yàn)證頁(yè)面...................錯(cuò)誤！未定義書(shū)簽。

4.3欄目分類管理頁(yè)面................錯(cuò)誤！未定義書(shū)簽。

4.4欄目新聞管理.................錯(cuò)誤！未定義書(shū)簽。

4.5添加欄目新聞.................錯(cuò)誤！未定義書(shū)簽。

4.6刪除欄目新聞.................錯(cuò)誤！未定義書(shū)簽。

4.7投票統(tǒng)計(jì)管理.................錯(cuò)誤！未定義書(shū)簽。

4.8用戶咨詢管理.................錯(cuò)誤！未定義書(shū)簽。

五、開(kāi)發(fā)技巧與實(shí)現(xiàn)方法.....................錯(cuò)誤！未定義書(shū)簽。

5.1 用服務(wù)器端包含技術(shù)實(shí)現(xiàn)數(shù)據(jù)庫(kù)的打開(kāi)操作.........錯(cuò)誤！未定義書(shū)簽。

5.2 用Session保存用戶信息...............錯(cuò)誤！未定義書(shū)簽。

六、項(xiàng)目實(shí)訓(xùn)總結(jié)...................錯(cuò)誤！未定義書(shū)簽。

七、參考文獻(xiàn)..........................4

附錄（部分源代碼）（可以不寫(xiě)附錄）...................4一、概述（一級(jí)標(biāo)題，宋體，四號(hào)，加粗）

1.1開(kāi)發(fā)背景（二級(jí)標(biāo)題，宋體，小四號(hào)，加粗）

隨著社會(huì)的進(jìn)步，經(jīng)濟(jì)的發(fā)展，計(jì)算機(jī)技術(shù)在日益成熟。Internet普及，人們利用網(wǎng)絡(luò)來(lái)實(shí)現(xiàn)相互協(xié)調(diào)工作以及資源共享越來(lái)越成為不可扭轉(zhuǎn)的趨勢(shì)，學(xué)校信息化的發(fā)展也成了必然方向。伴隨著學(xué)生人數(shù)每年都在增加，傳統(tǒng)的方法用來(lái)管理學(xué)生信息已跟不上了時(shí)代的發(fā)展，還帶來(lái)了很多的弊端，讓學(xué)校的信息化很難推進(jìn)，制約了學(xué)校的進(jìn)一步發(fā)展。因此，學(xué)生管理系統(tǒng)的開(kāi)發(fā)對(duì)于學(xué)校而言是必要的，學(xué)生管理系統(tǒng)能夠促進(jìn)學(xué)校信息化的發(fā)展，利于學(xué)校的長(zhǎng)運(yùn)計(jì)劃。并且學(xué)生信息管理系統(tǒng)還為學(xué)校管理學(xué)生一些必要的相關(guān)信息帶來(lái)了方便，免除了傳統(tǒng)管理方法的繁雜和花費(fèi)大量的人類、物力資源，減輕了學(xué)校的負(fù)擔(dān)。（正文，宋體，5號(hào)，段落行距單倍行距，首行縮進(jìn)2個(gè)字符）

1.2開(kāi)發(fā)目的本次實(shí)訓(xùn)圍繞以下三個(gè)方面展開(kāi)：

（1）網(wǎng)站概論部分：力圖使學(xué)生對(duì)建立動(dòng)態(tài)網(wǎng)站有一個(gè)基本概念，了解什么是動(dòng)態(tài)網(wǎng)站，它與別的網(wǎng)站有什么不同，以及了解建站相關(guān)的基礎(chǔ)知識(shí)。

（2）外觀設(shè)計(jì)部分：從網(wǎng)頁(yè)制作技術(shù)上讓學(xué)生利用網(wǎng)頁(yè)的靜態(tài)頁(yè)面元素來(lái)完成網(wǎng)站頁(yè)面的視覺(jué)效果。

（3）Web應(yīng)用程序開(kāi)發(fā)部分：掌握動(dòng)態(tài)網(wǎng)站的核心部分的知識(shí)，以及開(kāi)發(fā)網(wǎng)站應(yīng)用的各個(gè)關(guān)鍵部分的方法和技巧。

1.3 開(kāi)發(fā)目標(biāo)

建立學(xué)生管理系統(tǒng)，采用計(jì)算機(jī)對(duì)學(xué)生成績(jī)進(jìn)行管理，進(jìn)一步提高辦學(xué)效益和現(xiàn)代化水平。幫助廣大教師提高工作效率，實(shí)現(xiàn)學(xué)生成績(jī)維護(hù)工作流程的系統(tǒng)化、規(guī)范化和自動(dòng)化。為了使系統(tǒng)在學(xué)院的管理中發(fā)揮更大的作用，實(shí)現(xiàn)工作過(guò)程的計(jì)算機(jī)化，提高工作效率和工作質(zhì)量，現(xiàn)提出如下的系統(tǒng)開(kāi)發(fā)目標(biāo)：

（1）系統(tǒng)應(yīng)具有實(shí)用性、可靠性和適用性，同時(shí)注意到先進(jìn)性。

（2）對(duì)各個(gè)數(shù)據(jù)庫(kù)進(jìn)行動(dòng)態(tài)管理，防止混亂。

（3）能夠?qū)Σ樵兘Y(jié)果進(jìn)行分類匯總，實(shí)現(xiàn)報(bào)表打印和下載。

（4）方便用戶的操作，盡量減少用戶的操作

二、題目說(shuō)明

2.1 開(kāi)發(fā)工具與技術(shù)介紹

（1）.技術(shù)可行性：需要用到JAVA基本技術(shù)、基于jsp的WEB程序設(shè)計(jì)、TSQL語(yǔ)言、圖片處理、數(shù)據(jù)庫(kù)服務(wù)等技術(shù)。

（2）

1.4.1 數(shù)據(jù)庫(kù)技術(shù)的現(xiàn)狀與發(fā)展

數(shù)據(jù)庫(kù)是60年代末出現(xiàn)的一門(mén)計(jì)算機(jī)軟件技術(shù)，到現(xiàn)在雖然只有三十多年的歷史，但在理論和時(shí)間上都已經(jīng)趨于成熟，使我們能夠方便的使用。數(shù)據(jù)庫(kù)技術(shù)是信息系統(tǒng)的核心和基礎(chǔ)，它的出現(xiàn)極大地促進(jìn)了計(jì)算機(jī)應(yīng)用向各行各業(yè)的滲透數(shù)據(jù)庫(kù)的建設(shè)規(guī)模、數(shù)據(jù)庫(kù)信息量的大小和使用頻度已成為衡量一個(gè)國(guó)家信息化程度的重要標(biāo)志。

MySQL作為一種開(kāi)放源碼數(shù)據(jù)庫(kù)，以其簡(jiǎn)單易用的特點(diǎn)廣泛被廣大用戶采用，MySQL雖然是免費(fèi)的，但同Oracle, Sybase, Informix, Db2等商業(yè)數(shù)據(jù)庫(kù)一樣，具有數(shù)據(jù)庫(kù)系統(tǒng)的通用性：

（1）數(shù)據(jù)庫(kù)管理系統(tǒng)。我們知道，所謂的數(shù)據(jù)庫(kù)就是一些結(jié)構(gòu)化的數(shù)據(jù)的聯(lián)合體，要提供對(duì)這些數(shù)據(jù)的存取、增加、修改、刪除或更加復(fù)雜的數(shù)據(jù)抽取等操作，需要有一個(gè)支撐系統(tǒng)，這就是數(shù)據(jù)庫(kù)管理系統(tǒng)（DBMS），MySQL完全具有這方面的功能。

（2）關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)。在數(shù)據(jù)庫(kù)的發(fā)展歷程中，曾出現(xiàn)過(guò)多種不同形式的數(shù)據(jù)庫(kù)系統(tǒng)，但關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)（RDBMS）以其優(yōu)越性而被廣為采用，象現(xiàn)在幾種廣泛使用的數(shù)據(jù)庫(kù)全為關(guān)系型數(shù)據(jù)庫(kù)。同樣，MySQL也是關(guān)系型的數(shù)據(jù)庫(kù)系統(tǒng)，支持標(biāo)準(zhǔn)的結(jié)構(gòu)化查詢語(yǔ)言（Structured Query Language）。

（3）開(kāi)放源碼數(shù)據(jù)庫(kù)。同商業(yè)性的數(shù)據(jù)庫(kù)相比，這是MySQL最大的特點(diǎn)。MySQL的源碼是公開(kāi)的，這就意味著任何人，只要遵守GPL的規(guī)則都可以對(duì)MySQL的源碼使用、修改以符合自己特殊的需求。

（4）技術(shù)特點(diǎn)。MySQL服務(wù)器端是多線程的，為客戶端提供了不同的程序接口和鏈接庫(kù)，如C、C++、Java、Perl、PHP、Tcl等，也提供了簡(jiǎn)單的管理工具，如mysqladmin，mysql等。

正因?yàn)镸ySQL的源碼是公開(kāi)的，使得我們有機(jī)會(huì)從源碼級(jí)，更深入的了解MySQL。從這一層面上可以探求、了解MySQL數(shù)據(jù)庫(kù)的特性：良好的內(nèi)存管理機(jī)制，尤其是內(nèi)存泄漏的管理，通過(guò)了Purify的嚴(yán)格測(cè)試；支持多種平臺(tái)； 提供多種形式的API，為我們開(kāi)發(fā)工具的選擇提供了便利； 使用多線程的技術(shù)，可充分發(fā)揮系統(tǒng)的特點(diǎn)，避免在SMP系統(tǒng)中出現(xiàn)僅使用單CPU的現(xiàn)象；對(duì)磁盤(pán)表的管理采用B樹(shù)加密及索引的技術(shù)，為我們快速訪問(wèn)數(shù)據(jù)提供了可能； 高性能的內(nèi)存申請(qǐng)技術(shù)；臨時(shí)表采用在內(nèi)存中以哈希表實(shí)現(xiàn)；提供多種數(shù)據(jù)類型；支持定長(zhǎng)的和變長(zhǎng)的紀(jì)錄；所有的列都有缺省值，為我們的某些“粗心”提供了方便；靈活、安全的權(quán)限和密碼系統(tǒng)，密碼在傳輸中加密傳送，允許主機(jī)端驗(yàn)證密碼；

13）客戶端可以通過(guò)TCP/IP、Unix套接字、命名管道（NT）連接到MySQL數(shù)據(jù)庫(kù)服務(wù)器；對(duì)多種字符集的完全支持等等許多優(yōu)點(diǎn)。MySQL有如此多的特點(diǎn)，又由于其免費(fèi)的特點(diǎn)，這就給許多的中小應(yīng)用提供了不錯(cuò)的選擇。尤其是對(duì)一些中小企業(yè)，無(wú)論是從降低成本，還是從性能方面，采用MySQL作為其數(shù)據(jù)支撐系統(tǒng)，都是一種可行的方案。但也應(yīng)當(dāng)注意，采用MySQL作為應(yīng)用數(shù)據(jù)庫(kù)，就意味著所有的問(wèn)題都需要自己解決，要承擔(dān)一定的風(fēng)險(xiǎn)。

1.4.3 編碼

程序設(shè)計(jì)語(yǔ)言是人和計(jì)算機(jī)通信的最基本的工具，它的特點(diǎn)必然會(huì)影響人的思維和解決問(wèn)題的方式，會(huì)影響人和計(jì)算機(jī)通信的方式和質(zhì)量，也會(huì)影響其他人閱讀和理解程序的難易程度。因此在編碼時(shí)所選擇的編碼語(yǔ)言是很重要的。

本系統(tǒng)主要使用了基于JAVA語(yǔ)言的JSP技術(shù)Servlet技術(shù)，Hibernate開(kāi)源框架技術(shù)，Struts開(kāi)源框架技術(shù)，以及HTML、CSS、XML等等語(yǔ)言和技術(shù)。因此該系統(tǒng)據(jù)有JAVA的所有優(yōu)點(diǎn)，移植性能比較好，數(shù)據(jù)庫(kù)移植也比較容易。本系統(tǒng)使用了許多的框架技術(shù)擴(kuò)展也比較容易。

在編碼實(shí)現(xiàn)過(guò)程中，使用了基本的控制結(jié)構(gòu)，每行只寫(xiě)一行代碼，在必要的地方加了許多的注釋，結(jié)構(gòu)清晰，代碼容易閱讀。對(duì)所有的輸入數(shù)據(jù)都進(jìn)行了檢驗(yàn)，并且對(duì)組合輸入也進(jìn)行了級(jí)聯(lián)驗(yàn)證，輸入的格式也比較簡(jiǎn)單。對(duì)于驗(yàn)證出錯(cuò)的，給出詳細(xì)的錯(cuò)誤信息，使用戶可以很清楚的知道自己在哪里出錯(cuò)了，方便用戶的使用。

2.2運(yùn)行環(huán)境（三級(jí)標(biāo)題，宋體，五號(hào)，加粗）

.開(kāi)發(fā)環(huán)境：課題在JDK+SQL server平臺(tái)下進(jìn)行設(shè)計(jì)開(kāi)發(fā)，所使用到的硬件設(shè)備有普通PC機(jī)一臺(tái)（現(xiàn)在市場(chǎng)上主流的PC配置已足夠），軟件有JDK、TOMCAT、SQL、MyEclipse、DERAMWVAER8.0、FREAWORK8.0等。

（3）.運(yùn)行平臺(tái)：借助學(xué)院現(xiàn)有的WWW服務(wù)平臺(tái)及數(shù)據(jù)庫(kù)服務(wù)平臺(tái)即可實(shí)現(xiàn)。

三、需求分析

四、總體設(shè)計(jì)

五、遇到的問(wèn)題和解決方法

六、心得體會(huì)

七、參考文獻(xiàn)（下面是參考格式，不少于3本）

[1].龍馬工作室 編：《ASP+SQL Server 網(wǎng)站開(kāi)發(fā)實(shí)例精講》，人民郵電出版社，2007.2

[2].宋昆、李嚴(yán)等：《SQL Server數(shù)據(jù)庫(kù)開(kāi)發(fā)實(shí)例解析》，機(jī)械工業(yè)出版社，2006.1

[3]．李嚴(yán)、于亞芳、王國(guó)輝:《ASP數(shù)據(jù)庫(kù)開(kāi)發(fā)實(shí)例解析》, 機(jī)械工業(yè)出版社,2004.12附錄（部分源代碼）

1.數(shù)據(jù)庫(kù)連接文件rscoon.asp代碼如下。<%

response.buffer=true

dim conn

dim admin

dim connstr

Set conn = Server.CreateObject(“ADODB.Connection”)

connstr =“Provider=sqloledb;” & “Data Source=ZNSQLEXPRESS;Initial Catalog=gov_1;User Id=sa;Password=1234;”

conn.open connstr

%>

2.Introduce.asp頁(yè)面代碼分析。

<% toptitle=“民政機(jī)構(gòu)簡(jiǎn)介...” %> //判斷標(biāo)題和內(nèi)容是否為空

<%

%>