軟件工程學(xué)院網(wǎng)站創(chuàng)意設(shè)計(jì)與制作計(jì)劃書(編輯修改稿)
2024-08-31 06:15 本頁面
【文章內(nèi)容簡介】 七 網(wǎng)頁頁面布局設(shè)計(jì)一、 實(shí)驗(yàn)?zāi)康模?；；。二?實(shí)驗(yàn)環(huán)境與地點(diǎn)：windowsXP +Dreamweaver cs4 +IE ：軟件工程學(xué)院實(shí)驗(yàn)室三、 實(shí)驗(yàn)內(nèi)容與步驟1．實(shí)驗(yàn)內(nèi)容，利用表格進(jìn)行布局并添加首頁面元素。2．實(shí)驗(yàn)步驟進(jìn)行網(wǎng)頁布局時(shí)，先要設(shè)置最外面的表格，然后根據(jù)版式設(shè)計(jì)規(guī)劃，布局各內(nèi)容模塊，最下面放置版權(quán)信息。1) 啟動(dòng)Dreamweaver CS4。2) 根據(jù)版面布局規(guī)劃如。（說明：請(qǐng)按照布局規(guī)劃畫出版面布局圖，并在相應(yīng)表格單元編上序號(hào)，以下內(nèi)容按照序號(hào)填寫）① 首先建立一個(gè) 行 列的表格，尺寸為 ，設(shè)置參數(shù)為 。② 在 號(hào)單元格內(nèi)建立一個(gè)的 表格，尺寸為 ，設(shè)置參數(shù)為 。在其中添加內(nèi)容為 。③ 在 號(hào)單元格內(nèi)建立一個(gè)的 表格，尺寸為 ，設(shè)置參數(shù)為 。在其中添加內(nèi)容為 。④ ……………………3) 最終制作結(jié)果如圖所示。（說明：請(qǐng)貼圖Dreamweaver中的編輯結(jié)果）四、 實(shí)驗(yàn)總結(jié)與分析 實(shí)驗(yàn)八 插入和編輯網(wǎng)頁基本元素一、 實(shí)驗(yàn)?zāi)康摹安迦朊姘濉敝械奈谋久姘?、常用面板、圖像面板的使用；；；。二、 實(shí)驗(yàn)環(huán)境與地點(diǎn)：windowsXP +Dreamweaver CS4 +IE ：軟件工程學(xué)院實(shí)驗(yàn)室三、 實(shí)驗(yàn)內(nèi)容與步驟1．實(shí)驗(yàn)內(nèi)容首先完成基本操作練習(xí)，然后在項(xiàng)目網(wǎng)站的首頁中插入文本并進(jìn)行設(shè)置、插入圖片并進(jìn)行設(shè)置，完成項(xiàng)目網(wǎng)站首頁中基本元素的制作。2．實(shí)驗(yàn)步驟1) 基本操作① 在頁面中插入特殊符號(hào)（如￥和空格符）的方法為： ② 在頁面中插入水平線的方法為： ③ 在頁面中編輯一個(gè)項(xiàng)目列表，如下圖1所示，要求：字體為“楷體”、大小為“16pt”、顏色為“黃色”，網(wǎng)頁背景顏色為綠色。圖11操作步驟為： ④ 在網(wǎng)頁中插入圖片的方法（請(qǐng)寫出三種）： ； ； 。⑤ 將圖片設(shè)置為背景的方法： ⑥ 制作導(dǎo)航條的方法為： 2) 項(xiàng)目網(wǎng)站首頁設(shè)置根據(jù)首頁效果圖，插入各元素，最終制作結(jié)果如圖所示。（說明：請(qǐng)貼圖Dreamweaver中的編輯結(jié)果，并指示文本和圖片的基本設(shè)置參數(shù)）四、 實(shí)驗(yàn)總結(jié)與分析 實(shí)驗(yàn)九 模板和庫技術(shù)應(yīng)用一、 實(shí)驗(yàn)?zāi)康?；；。二?實(shí)驗(yàn)環(huán)境與地點(diǎn)：windowsXP +Dreamweaver CS4 +IE ：軟件工程學(xué)院實(shí)驗(yàn)室三、 實(shí)驗(yàn)內(nèi)容與步驟1．實(shí)驗(yàn)內(nèi)容分析項(xiàng)目網(wǎng)站，應(yīng)用模板創(chuàng)建各子頁面。2．實(shí)驗(yàn)步驟1) 網(wǎng)站頁面分析，確定固定區(qū)域和可編輯區(qū)域（請(qǐng)繪制草圖） 2) 創(chuàng)建模板的方法為： 根據(jù)網(wǎng)站規(guī)劃設(shè)置模板： 3) 創(chuàng)建基于模板的網(wǎng)頁的方法為： 4) 創(chuàng)建的子頁面效果為：（至少創(chuàng)建3各子頁并進(jìn)行設(shè)置，請(qǐng)貼圖，并注明可編輯區(qū)域）子頁1： 子頁2： 子頁3： 四、 實(shí)驗(yàn)總結(jié)與分析 實(shí)驗(yàn)十 創(chuàng)建網(wǎng)頁超鏈接一、 實(shí)驗(yàn)?zāi)康?；；。二?實(shí)驗(yàn)環(huán)境與地點(diǎn)：windowsXP +Dreamweaver CS4 +IE ：軟件工程學(xué)院實(shí)驗(yàn)室三、 實(shí)驗(yàn)內(nèi)容與步驟1．實(shí)驗(yàn)內(nèi)容為項(xiàng)目網(wǎng)站的首頁和子頁設(shè)置超鏈接。2．實(shí)驗(yàn)步驟1) 分別為項(xiàng)目網(wǎng)站的首頁和各子頁面設(shè)置超鏈接，請(qǐng)附圖并在圖上注明鏈接類型和鏈接目標(biāo)。2) 根據(jù)上面的操作，完成下面的題目：① 設(shè)置文字超鏈接的方法為：
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1