【正文】 ..........20 VBSCRIPT基本語句.............................................................................................................20第一講 網(wǎng)頁設(shè)計(jì)概述【教學(xué)內(nèi)容】講解網(wǎng)頁設(shè)計(jì)的相關(guān)術(shù)語及網(wǎng)站制作的基本流程?！窘虒W(xué)方式】講授式、討論式、案例分析式?！禜TML網(wǎng)頁制作教程》材義語編著 鐵道出版社?！禬EB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社。 EM......，強(qiáng)調(diào)文字，通常用斜體。......，使文字大小相對(duì)于前面的文字減小一級(jí)。文本修飾 預(yù)格式化文本 使用預(yù)格式化標(biāo)記不再忽略在此之間的空格、制表符與回車符等元素 轉(zhuǎn)義字符與特殊字符一般轉(zhuǎn)義符都是以“amp。超級(jí)鏈接標(biāo)志中，書簽鏈接是一類特殊的鏈接方式，理解和使用書簽鏈接學(xué)習(xí)HTML中超級(jí)鏈接標(biāo)志的難點(diǎn)。* 框架的嵌套使用。* 理解表單中相應(yīng)元素對(duì)應(yīng)標(biāo)志及屬性的含義?！拘抡n內(nèi)容】 插入表格 在網(wǎng)頁中插入表格表格的基本構(gòu)成元素：表頭，單元格，列，行 第一行第一列第一行第二列第二行第一列第二行第二列?！禬EB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社?！窘虒W(xué)難點(diǎn)】* 理解表格屬性rowspan與colspan的含義以及表格嵌套實(shí)現(xiàn)的基本思想?！窘虒W(xué)目的】使學(xué)生掌握簡單表格、表單與框架的制作。 列表?xiàng)l目1 ......，使文字成為前一個(gè)字符的下標(biāo)。......，以等寬體顯示西文字符?！拘抡n內(nèi)容】 HTML文檔的基本結(jié)構(gòu) HTML語法雙標(biāo)記語法：內(nèi)容單標(biāo)記 語法： 最常用的單標(biāo)記是標(biāo)記屬性 語法屬性1 屬性2 屬性3 … 例子注釋語句 格式例子 HTML文檔的基本結(jié)構(gòu) 【課后小結(jié)】通過本次課的學(xué)習(xí),要求能熟練掌握網(wǎng)頁面的基本標(biāo)志與格式標(biāo)志,并能靈活運(yùn)用 列表,有序列表,無序列表標(biāo)志及屬性?！窘虒W(xué)方式】討論式、案例分析式、練習(xí)式?！禝nternet 網(wǎng)頁工場》Wittime工作室 重慶出版社。【教學(xué)重點(diǎn)】網(wǎng)頁設(shè)計(jì)中的若干術(shù)語。還有一些重要的屬性?！厩巴腢RL】點(diǎn)擊鼠標(biāo)后鏈接的目標(biāo)?？磀reamweaver學(xué)習(xí)網(wǎng)站導(dǎo)航演示：鼠標(biāo)移動(dòng)到圖片上的時(shí)候，圖片變成了另外一幅，當(dāng)鼠標(biāo)移開后恢復(fù)到原來的圖象。（六）日期的插入：在插入欄選擇日期，在彈出的對(duì)話框中選擇顯示的格式。fontfamily: 宋體。} a:active { textdecoration: none。} a:visited { textdecoration: none。頁面屬性設(shè)置完畢后，我們會(huì)發(fā)現(xiàn)代碼窗口出現(xiàn)了如下代碼（黑色部分）： body { margintop: 0px。例如：建立文本環(huán)繞右邊：、停止文本環(huán)繞：在文字代碼中插入（四）插入水平線：它的顏色設(shè)置要通過代碼設(shè)置，寬和高可以通過屬性面板 （五）頁面屬性的設(shè)置：在編輯網(wǎng)頁之前，先對(duì)頁面屬性進(jìn)行設(shè)置，便于保證網(wǎng)頁風(fēng)格的統(tǒng)一，當(dāng)然，頁面屬性的設(shè)置是隨時(shí)可以進(jìn)行的。注意：在網(wǎng)頁上打入空格的辦法是：把輸入法調(diào)為全角?？傮w布局：在菜單欄選擇插入命令，下拉的菜單中選擇表格，在彈出的對(duì)話框中選擇一個(gè)，寬為750像素，1行1列的表格，并設(shè)置邊框粗細(xì)、單元格邊距、單元格間距均為0；頁眉區(qū)： 觀察到網(wǎng)頁最上部是頁眉區(qū)，頁眉區(qū)可以放嵌套一行一列的表格，用于放置一個(gè)寬為750高的圖片文件或flash文件；導(dǎo)航區(qū)：嵌套一行五列的表格，用于放置五個(gè)導(dǎo)航；正文區(qū)：正文區(qū)總得說來是由一個(gè)一行二列的大表格構(gòu)建而成，所以首先插入一個(gè)一行二列的表格，在左邊一列的單元格中插入一個(gè)16行１列的表格，在右邊一列的單元格中插入一個(gè)7行3列的表格。（3）利用表格來定位網(wǎng)頁表格在網(wǎng)頁布局中有著舉足輕重的地位，很多網(wǎng)站的頁面都是以表格為框架制作的，這是因?yàn)楸砀裨趦?nèi)容的組織、頁面中文本和圖形的位置控制方面都有很強(qiáng)的功能，靈活、熟練地使用表格，會(huì)使你在網(wǎng)頁制作中如虎添翼。２．在單元格中右擊鼠標(biāo)，并且從彈出菜單中選擇“表格→選擇表格”命令選取整個(gè)表格。第四步：將表格第九行的三個(gè)單元格全部選中，再將屬性模板中的背景顏色（Bg）一項(xiàng)設(shè)置為“FFFF00”，這樣表格第一列中的單元格背景全部變?yōu)辄S色。用標(biāo)簽選擇器選擇表格，將光標(biāo)定位在表格的第一個(gè)單元格內(nèi)，可以看到狀態(tài)欄左側(cè)的標(biāo)簽選擇器處顯示為 “{body}{table}{tr}{td}”，其中table表示表格，tr表示表格中的行，td表示單元格，現(xiàn)在td被加粗顯示，說明光標(biāo)處在單元格內(nèi)。u 素材文件名和網(wǎng)頁文件名必須用英文或英文狀態(tài)下的數(shù)字，不能使用中文練習(xí)1：在dreamweaver 中定義一個(gè)站點(diǎn)，文件夾放在D 盤的目錄下。按下一步，選擇要定義的本地根文件夾,這里選擇D或E盤中你的文件夾，點(diǎn)“選擇”按鈕，因?yàn)闆]有使用遠(yuǎn)程服務(wù)器，就選擇“無”。接下來需要給站點(diǎn)起一個(gè)名字，輸入您網(wǎng)站的名字，可以定義中文名。文件的命名也是非常重要的，不要隨便亂起些名字，最好做到一看文件的名字就知道是什么內(nèi)容的網(wǎng)頁文件。u 站點(diǎn)：提供用于管理站點(diǎn)以及上傳和下載文件的菜單項(xiàng)，可以創(chuàng)建站點(diǎn)和對(duì)已有站點(diǎn)進(jìn)行編輯 u 窗口：提供對(duì)Dreamweaver中的所有面板，檢查器和窗口的訪問。u 插入：用于將對(duì)象插入文檔中。：如：圣誕節(jié)網(wǎng)站，見網(wǎng)頁例子：根據(jù)你的網(wǎng)站構(gòu)思準(zhǔn)備素材（文字、圖片、動(dòng)畫、視頻音頻等元素）.在你的文件夾下面分別建立images 和txt、others三個(gè)文件夾存放你的素材。（４）避免長文本頁面,每一個(gè)網(wǎng)頁的高度不能超過三倍的瀏覽器高度，避免使用過大的圖像，不要使用橫滾動(dòng)條。因此，最理想的效果是文字與圖片的密切配合，互為襯托，既能活躍頁面，又使主頁有