第7章網(wǎng)頁制作.ppt

1、第7章 網(wǎng)頁制作,本章內(nèi)容,本章主要介紹網(wǎng)站建設(shè)的一般流程，使用Dreamweaver進(jìn)行網(wǎng)頁基本元素處理，建立幫助類網(wǎng)站。,學(xué)習(xí)目的,通過學(xué)習(xí)本章，了解網(wǎng)站建設(shè)的一般流程，掌握使用Dreamweaver設(shè)計(jì)網(wǎng)頁的基本操作，能夠制作幫助類網(wǎng)站。,7.1 網(wǎng)頁制作概述,7.1.1 網(wǎng)頁編輯軟件 7.1.2 網(wǎng)站設(shè)計(jì)基本流程,7.1.1 網(wǎng)頁編輯軟件,本章以Macromedia公司開發(fā)的Macromedia Dreamweaver MX 2004中文版為例，介紹網(wǎng)頁編輯軟件在網(wǎng)站開發(fā)和網(wǎng)頁設(shè)計(jì)中的應(yīng)用。,圖7-1 工作區(qū)設(shè)置對話框,圖7-2 Dreamweaver MX 2004主界面,重點(diǎn)掌握以

2、下內(nèi)容,1、插入欄 2、文檔窗口 3、屬性檢查器,7.1.2 網(wǎng)站設(shè)計(jì)基本流程,1、網(wǎng)站定義與規(guī)劃 2、信息結(jié)構(gòu)體系 3、網(wǎng)站設(shè)計(jì) 4、網(wǎng)站建設(shè) 5、追蹤、評價(jià)與維護(hù),7.2 網(wǎng)頁編輯,網(wǎng)頁的基本元素包括文本、段落、圖像、超鏈接、表格、版面和框架等。掌握這些元素的操作方法，是編輯頁面，制作網(wǎng)站的基礎(chǔ)。,7.2.1 文本和段落,一、加入文字 二、設(shè)置文本 三、段落控制,7.2.2 加入圖像,一、網(wǎng)頁中可以采用的圖像格式 二、插入圖像作為網(wǎng)頁背景 三、在頁面中插入圖像 四、編輯圖像,7.2.3 鏈接設(shè)置,鏈接實(shí)例1：建立與網(wǎng)站內(nèi)部其余網(wǎng)頁的鏈接。 鏈接實(shí)例2：建立與外部網(wǎng)站的鏈接。 鏈接實(shí)例3：建

3、立電子郵件鏈接。 鏈接實(shí)例4：插入書簽。,7.2.4 利用表格設(shè)計(jì)網(wǎng)頁版面,一、插入表格 二、選擇表格對象 三、改變表格和單元格的大小 四、增加、刪除行或列 五、拆分、合并單元格,7.2.5 利用框架和框架集組織網(wǎng)頁頁面,一、創(chuàng)建框架 二、選中框架或框架集 三、格式化框架與框架集 四、保存框架和框框架集文件,7.3 實(shí)例分析：幫助網(wǎng)頁制作,本節(jié)以一個幫助類型的網(wǎng)站建設(shè)為例，介紹網(wǎng)站的具體建設(shè)過程。幫助類網(wǎng)站的建設(shè)，大致包括建立站點(diǎn)結(jié)構(gòu)、網(wǎng)頁的版面設(shè)計(jì)、組織內(nèi)容、編輯內(nèi)容、調(diào)試與發(fā)布等幾個主要環(huán)節(jié) 。,步驟,步驟1 創(chuàng)建本地目錄 步驟2 啟動Dreamweaver程序 步驟3 創(chuàng)建本地站點(diǎn)。 步驟4 啟動文件面板 步驟5 編輯頁面 步驟6 編輯左框架,步驟,步驟7 編輯右框架