大三學(xué)生電子商務(wù)應(yīng)用技術(shù)實(shí)訓(xùn)九寨溝相冊(cè)網(wǎng)頁作業(yè)

更新時(shí)間：2018-01-16 文章分類：網(wǎng)頁技術(shù)課堂

大三學(xué)生電子商務(wù)應(yīng)用技術(shù)實(shí)訓(xùn)網(wǎng)頁作業(yè)——九寨溝相冊(cè) Dreamweaver網(wǎng)頁制作過程分享

本次網(wǎng)頁作業(yè)要求如下：

要求1：上網(wǎng)搜集有用的資料與圖像。
（解答：這個(gè)不用多說了，百度搜索即可）

要求2：根據(jù)搜索的圖片建立“九寨溝相冊(cè)”，網(wǎng)頁名稱為jiuzhaigou.htm。

3.設(shè)計(jì)如圖所示的“文本”式網(wǎng)頁。操作提示：網(wǎng)頁共分四個(gè)域，可采用表格布局。
（根據(jù)要求構(gòu)架思路，最簡(jiǎn)單的思路為，頂部大圖，下面左右兩側(cè)是文本區(qū)域，中間隔開）

①新建網(wǎng)頁文檔并保存。
（解答：打開Dreamweaver新建網(wǎng)頁，網(wǎng)頁標(biāo)題設(shè)置為九寨溝相冊(cè)）

②插入1行1列的表格，設(shè)置標(biāo)題區(qū)域，輸入標(biāo)題，設(shè)置標(biāo)題、表格的屬性。
（BODY區(qū)域插入表格1行1列，設(shè)置標(biāo)題可以寫九寨溝相冊(cè)，表格區(qū)域插入圖片找一張橫幅大圖效果不錯(cuò)）

③插入1行3列的表格。
（BODY區(qū)域插入表格1行3列）

④左單元格輸入正文文本，并設(shè)置文本的屬性。
（左單頁格設(shè)置寬度500，輸入文本及圖片，設(shè)置字體及大小）

⑤右單元格輸入正文文本，并設(shè)置與左單元格文本相同的屬性。
（右單頁格設(shè)置寬度500，輸入文本及圖片，設(shè)置字體及大小）

⑥中單元格插入垂直線：先插入水平線，通過設(shè)置屬性的方法將水平線改為垂直線，并通過“修改”菜單的“標(biāo)簽編輯器”為垂直線設(shè)置顏色。
（插入——水平線——右鍵屬性寬度改成0，高度比如設(shè)置280,則實(shí)現(xiàn)變成垂直線。點(diǎn)擊修改標(biāo)簽編輯器設(shè)置顏色即可）

整體效果預(yù)覽（因?yàn)樽鳂I(yè)要求比較簡(jiǎn)單，為了頁面效果可以插入背景圖，提供視覺效果，這里我們做了兩版，供小白客戶做參考）：

大學(xué)生網(wǎng)頁作業(yè)九寨溝相冊(cè)

上一篇：學(xué)生網(wǎng)頁設(shè)計(jì)制作最簡(jiǎn)單的個(gè)人網(wǎng)頁

下一篇：學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè)：湖北工業(yè)大學(xué)網(wǎng)頁考試題目構(gòu)建個(gè)人...

大三學(xué)生電子商務(wù)應(yīng)用技術(shù)實(shí)訓(xùn)九寨溝相冊(cè)網(wǎng)頁作業(yè)

作品推薦

相關(guān)文章