三DreamweaverCS4網(wǎng)頁(yè)設(shè)計(jì)ppt課件

1、工程三 Dreamweaver CS4網(wǎng)頁(yè)設(shè)計(jì)義務(wù)一 表格的設(shè)計(jì)義務(wù)二 圖片視頻的插入義務(wù)三 超鏈接義務(wù)四 規(guī)劃義務(wù)五 框架義務(wù)六 表單義務(wù)七 CSS款式工程二 Dreamweaver CS4網(wǎng)頁(yè)設(shè)計(jì)義務(wù)一 表格的設(shè)計(jì).義務(wù)一 表格的設(shè)計(jì)表格根本概念表格是網(wǎng)頁(yè)制造中運(yùn)用最多的工具之一，它不僅可以將相關(guān)數(shù)據(jù)有序的陳列起來(lái)，還可以準(zhǔn)確地定位文字、圖像等網(wǎng)頁(yè)元素在頁(yè)面中的位置，使得頁(yè)面在方式上豐富多彩又條理清楚，在組織上井然有序又不顯單調(diào)。義務(wù)一 表格的設(shè)計(jì)義務(wù)虛施案例1 表格的設(shè)計(jì)主頁(yè)面main.asp的整體設(shè)計(jì)新建頁(yè)面main.asp查看表格屬性面板進(jìn)展表格屬性設(shè)置插入或刪除行和列單元格的拆分和

2、合并義務(wù)一 表格的設(shè)計(jì)圖片寬：204，高：231圖片寬：204，高：263圖片寬：486，高：263圖片寬：204，高：263將單元格拆分為1列7行插入內(nèi)嵌表格，1行7列義務(wù)一 表格的設(shè)計(jì)表格根本概念表格是網(wǎng)頁(yè)制造中運(yùn)用最多的工具之一，它不僅可以將相關(guān)數(shù)據(jù)有序的陳列起來(lái)，還可以準(zhǔn)確地定位文字、圖像等網(wǎng)頁(yè)元素在頁(yè)面中的位置，使得頁(yè)面在方式上豐富多彩又條理清楚，在組織上井然有序又不顯單調(diào)。表格由行、列和單元格3部分組成，普統(tǒng)統(tǒng)過(guò)表格標(biāo)志table、行標(biāo)志tr、單元格標(biāo)志td來(lái)創(chuàng)建。義務(wù)一 表格的設(shè)計(jì)行列列標(biāo)題在 HTML 文檔中，廣泛運(yùn)用表格來(lái)存放網(wǎng)頁(yè)上的文本和圖像單元格表格標(biāo)題義務(wù)一 表格的設(shè)計(jì)

3、 元素：定義一個(gè)表格。每一個(gè)表格只需一對(duì)和，一張頁(yè)面中可以有多個(gè)表格。元素：定義表格的行一個(gè)表格可以有多行，所以 對(duì)于一個(gè)表格來(lái)說(shuō)不是獨(dú)一的。元素：定義表格的一個(gè)單元格。每行可以有不同數(shù)量的單元格，在和之間是單元格的詳細(xì)內(nèi)容。需求留意的是：上述的三個(gè)元素必需、而且只可以配對(duì)運(yùn)用。短少任何一個(gè)元素，都無(wú)法定義出一個(gè)表格。義務(wù)一 表格的設(shè)計(jì)表格的根本構(gòu)成 第1行第1列單元格 第1行第2列單元格 第2行第1列單元格 第2行第2列單元格 義務(wù)一 表格的設(shè)計(jì)義務(wù)一 表格的設(shè)計(jì)caption設(shè)置表格標(biāo)題：設(shè)置表格的標(biāo)題，普通位于整個(gè)表格之前，一個(gè)表格只能有一個(gè)表格標(biāo)題語(yǔ)法：表格標(biāo)題 th表頭：表格的表頭是

4、單元格的一種變體，本質(zhì)上依然是一種單元格。普通位于第一行和第一列，用來(lái)闡明這一行或列的內(nèi)容類別。在普通情況下，閱讀器會(huì)以粗體和居中的款式顯示元素中的內(nèi)容。語(yǔ)法：.義務(wù)一 表格的設(shè)計(jì)表格的表頭考試成果表 姓名 語(yǔ)文 數(shù)學(xué) 副科 張三 95 76 80 李四 88 90 85 三毛 80 89 90 義務(wù)一 表格的設(shè)計(jì)表格的屬性width屬性：指定表格或某一個(gè)表格單元格的寬度。單位可以是%或者象素。height屬性：指定表格或某一個(gè)表格單元格的高度。單位可以是%或者象素。align屬性：指定表格或某一個(gè)單元格里的內(nèi)容文本、圖片等的對(duì)齊方式。屬性值含義Left左對(duì)齊Center居中對(duì)齊right右對(duì)

5、齊義務(wù)一 表格的設(shè)計(jì)表格的根本屬性考試成果表 姓名 語(yǔ)文 數(shù)學(xué) 副科 張三 95 76 80 李四 88 90 85 三毛 80 89 90 義務(wù)一 表格的設(shè)計(jì)border屬性：表格邊線粗細(xì)，可以運(yùn)用border設(shè)置表格的邊框效果，包括邊框的寬度、變寬的顏色等。語(yǔ)法：border屬性設(shè)置的表格邊框職能影響表格周圍的邊框?qū)挾?，而不能影響單元格之間的邊框尺寸。bordercolor表格邊框顏色默許情況下邊框顏色是灰色，設(shè)置邊框顏色的前提是邊框的寬度不能為0，否那么無(wú)法顯示出邊框的顏色。語(yǔ)法：義務(wù)一 表格的設(shè)計(jì)表格的邊框顏色 單元格1 單元格2 單元格3 單元格4 義務(wù)一 表格的設(shè)計(jì)內(nèi)框?qū)挾萩ell

6、spacing 間距用于設(shè)置表格內(nèi)部每個(gè)單元格之間的間距，單位是像素；語(yǔ)法：表格內(nèi)文字與邊框間距cellpadding 填充在默許情況下，單元里的內(nèi)容會(huì)緊貼著表格的邊框，這樣看上去非常擁堵?？梢赃\(yùn)用cellpadding來(lái)設(shè)置單元格邊框與單元格里的內(nèi)容之間的間隔；語(yǔ)法：義務(wù)一 表格的設(shè)計(jì)表格內(nèi)文字與邊框間隔 單元格1 單元格2 單元格3 單元格4 義務(wù)一 表格的設(shè)計(jì)表格的屬性bgcolor屬性：指定表格或某一個(gè)單元格的背景顏色。background屬性：指定表格或某一個(gè)單元格的背景圖片。其屬性值為一個(gè)URL地址。義務(wù)一 表格的設(shè)計(jì)單元格屬性width屬性：指定表格或某一個(gè)表格單元格的寬度。單位

7、可以是%或者象素。height屬性：指定表格或某一個(gè)表格單元格的高度。單位可以是%或者象素。bordercolordark屬性：?jiǎn)卧竦陌颠吙蚓褪菃卧襁吙虮彻獾牟糠?。?jīng)過(guò)bordercolordark可以設(shè)置單元格暗邊框的顏色。bordercolorlight屬性：?jiǎn)卧竦膬蛇吙蚓褪菃卧襁吙蛳蚬獾牟糠?。?jīng)過(guò)bordercolorlight可以設(shè)置單元格亮邊框的顏色。義務(wù)一 表格的設(shè)計(jì)單元格的暗、亮邊框顏色 白羊座 金牛座 雙子座 巨蟹座 射手座 魔羯座 水瓶座 雙魚(yú)座 獅子座 處女座 天秤座 天蝎座 義務(wù)一 表格的設(shè)計(jì)單元格屬性align屬性：指定表格或某一個(gè)單元格里的內(nèi)容文本、圖片等的程

8、度對(duì)齊方式。valign屬性：指定表格或某一個(gè)單元格里的內(nèi)容文本、圖片等的垂直對(duì)齊方式。屬性值含義Left左對(duì)齊Center居中對(duì)齊right右對(duì)齊屬性值含義top對(duì)內(nèi)容進(jìn)行上對(duì)齊middle對(duì)內(nèi)容進(jìn)行居中對(duì)齊bottom對(duì)內(nèi)容進(jìn)行下對(duì)齊baseline與基線對(duì)齊義務(wù)一 表格的設(shè)計(jì)單元格屬性baseline 值基線是一條虛擬的線。在一行文本中，大多數(shù)字母以基線為基準(zhǔn)。baseline 值設(shè)置行中的一切表格數(shù)據(jù)都分享一樣的基線。該值的效果經(jīng)常與 bottom 值一樣。不過(guò)，假設(shè)文本的字號(hào)各不一樣，那么 baseline 的效果會(huì)更好。義務(wù)一 表格的設(shè)計(jì)單元格屬性colspan屬性：程度跨度row

9、span屬性：垂直跨度創(chuàng)建表格 第一學(xué)期第二學(xué)期 數(shù)學(xué) 科學(xué) 英語(yǔ) 數(shù)學(xué) 科學(xué) 英語(yǔ) 98 95 80 95 87 88 COLSPAN=“n 屬性表示跨多少列 1創(chuàng)建表格 螺母 螺栓 錘子 第一季度一月250010001240 二月300025004000 ROWSPAN=“n 屬性表示跨多少行 義務(wù)一 表格的設(shè)計(jì)程度跨度 2005秋冬系列的四大類別 童趣 羅曼蒂克 愛(ài)的故事 大都會(huì)之夜 義務(wù)一 表格的設(shè)計(jì)垂直跨度 商品稱號(hào)： 彩晶石銀手鏈 規(guī)格： 材質(zhì)：925純銀 天然紫晶 黃晶 橄欖石 單位： 每條 類別： 925銀飾 銀鏈?zhǔn)骤C 義務(wù)一 表格的設(shè)計(jì)表格的構(gòu)造表首標(biāo)志、表主體標(biāo)志以及表尾標(biāo)

10、志 ，運(yùn)用這些標(biāo)志能對(duì)表格的一行或多行單元格屬性進(jìn)展一致修正，從而省去了逐一修正單元格屬性的費(fèi)事。表首標(biāo)志語(yǔ)法 用于定義表格最上端表首的款式一個(gè)表元素中只能有一個(gè)標(biāo)志義務(wù)一 表格的設(shè)計(jì)表格構(gòu)造 某購(gòu)物網(wǎng)站列表 產(chǎn)品稱號(hào) 類型 價(jià)錢 義務(wù)一 表格的設(shè)計(jì) 手工編織厚圍巾 圍巾 45.00元 彩音盒MP3 數(shù)碼 599元 彩晶石銀手鏈 銀飾 68元 歡迎光臨本購(gòu)物網(wǎng)站！ 義務(wù)一 表格的設(shè)計(jì)嵌套表格在HTML文件中，第一個(gè)標(biāo)志表示插入第一表格，第二個(gè)標(biāo)志插入在標(biāo)志之間，表示在單元格中插入表格，也就是嵌套表格。表格常用屬性總結(jié)widthheightalignborderbordercolorbackgr

11、oundbgcolorcellspacingcellpadding表格屬性alignwidthheightbordercolorbgcolorbackground表格行屬性widthheightcolspanrowspanbgcolorbordercoloralign單元格屬性 留意：間隔目的元素最近的標(biāo)簽屬性起作用.作業(yè)3-1-2 編寫(xiě)如以下圖所示效果對(duì)應(yīng)的html代碼義務(wù)一 表格的設(shè)計(jì)義務(wù)一 表格的設(shè)計(jì)作業(yè)3-2 阿里巴巴旗下網(wǎng)站 我要買 我要買 我淘寶 他好，歡迎來(lái)淘寶！ 跨2行，并放了一副圖片此單元格放了一副圖片此單元格跨了3列作業(yè)3-1-3 編寫(xiě)如以下圖所示效果對(duì)應(yīng)的html代碼插入

12、圖片：義務(wù)一 表格的設(shè)計(jì)義務(wù)一 表格的設(shè)計(jì)作業(yè)3-2 他好，歡迎來(lái)淘寶！ 義務(wù)一 表格的設(shè)計(jì)作業(yè)3-1-4運(yùn)用代碼編寫(xiě)一個(gè)網(wǎng)頁(yè),要求：網(wǎng)頁(yè)中包含5行3列的表格，表格居中對(duì)齊，表格邊框?yàn)?像素，表格的寬度為400像素；表格標(biāo)題為：一月、二月銷售記錄表；表格第一行的背景顏色為#ff9966，第二行的背景顏色為#ffccff，第三行的北京顏色為：#66CC99，第四行的背景顏色為：#FFCCFF，第五行的背景顏色為：#FF9966；第一列為左對(duì)齊，第二列為右對(duì)齊，第三列為右對(duì)齊；第一行和最后一行運(yùn)用th替代td；將文件保管為：姓名作業(yè)3-2.asp，并上交義務(wù)一 表格的設(shè)計(jì)消費(fèi)記錄一月、二月消費(fèi)記錄

13、表 消費(fèi)工程 一月 二月 衣服 $241.10 $50.20 化裝品 $30.00 $44.45 食物 $730.40 $650.00 總計(jì) $1001.50 $744.65 義務(wù)一 表格的設(shè)計(jì)作業(yè)3-1-5運(yùn)用代碼編寫(xiě)一個(gè)網(wǎng)頁(yè),要求：表格居中對(duì)齊，表格邊框?yàn)?像素，表格的寬度為470像素；第一行運(yùn)用th；最后一行合并了三列，嵌套了一個(gè)表格，該表格寬度為100%,無(wú)邊框，為一行四列；分別運(yùn)用thead、tbody、tfoot三個(gè)標(biāo)簽設(shè)置表格的顏色，如右以下圖所示，顏色可以本人選擇；將文件保管為：姓名作業(yè)3-3.asp，并上交義務(wù)一 表格的設(shè)計(jì)作業(yè)3-3動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制造網(wǎng)頁(yè)設(shè)計(jì)數(shù)據(jù)庫(kù)開(kāi)發(fā)程序設(shè)

14、計(jì)DreamweaverAcessC+DreamweaverAcessVBscriptAcessJAVAscript 郵箱 地址 作業(yè)31-6根據(jù)下面的內(nèi)容， 編寫(xiě)如以下圖所示效果對(duì)應(yīng)的html代碼 某班級(jí)同窗的期末成果表姓名語(yǔ)文數(shù)學(xué)英語(yǔ)專業(yè)課王爽87928880李威90908586高鵬79899092義務(wù)一 表格的設(shè)計(jì)作業(yè)3-1-6 根據(jù)下面的內(nèi)容， 編寫(xiě)如以下圖所示效果對(duì)應(yīng)的html代碼義務(wù)一 表格的設(shè)計(jì)義務(wù)二 圖片視頻的插入.義務(wù)二 圖片視頻的插入圖片的插入援用圖片必需用元素標(biāo)志。元素下的根本元素屬性是src屬性，src的屬性值為所援用的圖片的URL地址。src屬性是必需的。Src的UR

15、L可以是絕對(duì)地址，也可以是相對(duì)地址。圖像提示文字alt所謂圖片的替代文本，指圖片不能顯示時(shí)在圖片所在位置顯示的一段文本或當(dāng)鼠標(biāo)移到圖片上時(shí)也會(huì)顯示替代文本替代文本可以運(yùn)用title。語(yǔ)法：義務(wù)二 圖片視頻的插入圖片的插入圖片的顯示大小width指定圖片的寬度，height指定高度。它們的屬性值可以是象素，也可以是%。 border圖像的邊框可以為圖像添加邊框線，但是邊框的顏色不可以設(shè)置，邊框的顏色為黑色，當(dāng)圖像添加了超鏈接時(shí)，邊框顏色和鏈接文字顏色一致。義務(wù)二 圖片視頻的插入圖片的插入圖像的垂直邊距vspace調(diào)整圖像與文字的垂直邊距圖像的程度邊距hspace調(diào)整圖像與文字之間的程度間隔圖像的

16、對(duì)齊方式align屬性值含義Left圖片左對(duì)齊Center圖片水平中線和當(dāng)前行的文字中線對(duì)齊right右對(duì)齊bottom圖片的底部和當(dāng)前行的文字底部對(duì)齊Top圖片的頂端和當(dāng)前行的文字頂端對(duì)齊middle圖片水平中線和當(dāng)前行的文字中線對(duì)齊作業(yè)3-2-1素材：回歸大自然的體驗(yàn)，嘗試做個(gè)摩登原始人，登天入地，攀巖涉水，充溢樂(lè)趣，個(gè)人訓(xùn)練、團(tuán)體活動(dòng)皆適宜,是全山西省最大、最富興趣性與挑戰(zhàn)性的山訓(xùn)場(chǎng)。本山訓(xùn)場(chǎng)是一片布置于樹(shù)林及原野間的山訓(xùn)場(chǎng)，場(chǎng)內(nèi)的設(shè)備均具野味而刺激。 山莊還安排體能鍛煉及充溢活力的團(tuán)隊(duì)山訓(xùn)課程，在教練的指點(diǎn)及平安的環(huán)境中體驗(yàn)驚險(xiǎn)艱困而得到的勝利味道；對(duì)于精神壓力的放松以及體能耐力的精進(jìn)

17、有本質(zhì)的助益。 義務(wù)二 圖片視頻的插入圖像陳列回歸大自然的體驗(yàn)，嘗試做個(gè)摩登原始人，登天入地，攀巖涉水，充溢樂(lè)趣，個(gè)人訓(xùn)練、團(tuán)體活動(dòng)皆適宜,是全山西省最大、最富興趣性與挑戰(zhàn)性的山訓(xùn)場(chǎng)。本山訓(xùn)場(chǎng)是一片布置于樹(shù)林及原野間的山訓(xùn)場(chǎng)，場(chǎng)內(nèi)的設(shè)備均具野味而刺激。 山莊還安排體能鍛煉及充溢活力的團(tuán)隊(duì)山訓(xùn)課程，在教練的指點(diǎn)及平安的環(huán)境中體驗(yàn)驚險(xiǎn)艱困而得到的勝利味道；對(duì)于精神壓力的放松以及體能耐力的精進(jìn)有本質(zhì)的助益。義務(wù)二 圖片視頻的插入插入flash動(dòng)畫(huà)語(yǔ)法：作業(yè)3-2-2表格：寬度995，無(wú)填充，無(wú)間距 居中對(duì)齊圖片：寬度995，高：140swf：寬度778，高：250圖片：寬度217，高：559圖片：寬

18、度778，高：81圖片：寬度234，高：194 左對(duì)齊文字：宋體 字號(hào)：4圖片：寬度985，高：87義務(wù)二 圖片視頻的插入 公司始創(chuàng)于1992年，是一家集科研、消費(fèi)、銷售、技術(shù)效力于一體的規(guī)?；瘜I(yè)型農(nóng)業(yè)科技公司。公司本著“科技為民所用的原那么，努力于農(nóng)業(yè)科技成果的轉(zhuǎn)化和推行，在研發(fā)具有自主知識(shí)產(chǎn)權(quán)產(chǎn)品的同時(shí)，以亞洲為中心，積極引進(jìn)和挑選來(lái)自世界各地的優(yōu)質(zhì)產(chǎn)品資源。 目前，公司擁有子公司四個(gè)，運(yùn)營(yíng)著大田作物種子、蔬菜種子和農(nóng)化產(chǎn)品三塊業(yè)務(wù)，在企業(yè)運(yùn)營(yíng)管理上實(shí)行董事會(huì)指點(diǎn)下的總經(jīng)理?yè)?dān)任制。按照現(xiàn)代企業(yè)制度的要求，堅(jiān)持有利于科研、有利于消費(fèi)、有利于銷售的“三個(gè)有利于原那么；在管理機(jī)構(gòu)的設(shè)置上那么堅(jiān)

19、持減少層次、職責(zé)清楚、提高效率的原那么。工程的建立、消費(fèi)/銷售等完全實(shí)行自主運(yùn)營(yíng)、自傲盈虧、風(fēng)險(xiǎn)與業(yè)績(jī)掛鉤，與市場(chǎng)經(jīng)濟(jì)相順應(yīng)的運(yùn)營(yíng)管理機(jī)制，建立起了靈敏、機(jī)動(dòng)的企業(yè)管理體系。為了使企業(yè)可以繼續(xù)、安康、穩(wěn)定地開(kāi)展，公司將所獲利潤(rùn)的較大部分投入到了產(chǎn)品研發(fā)之中，在自主研發(fā)與協(xié)作開(kāi)發(fā)的理念指點(diǎn)下，與國(guó)內(nèi)眾多大專院校、科研機(jī)構(gòu)及企業(yè)有著親密地交流及技術(shù)往來(lái)，并建立了科研實(shí)驗(yàn)基地160多畝。公司有著穩(wěn)定的種子消費(fèi)基地、嚴(yán)厲的實(shí)驗(yàn)挑選及消費(fèi)加工流程。銷售方面，公司經(jīng)過(guò)多年的探求和創(chuàng)新，開(kāi)發(fā)出了一套惠及各方利益的市場(chǎng)運(yùn)作方案，建立起了1100余個(gè)銷售效力網(wǎng)點(diǎn)，使公司及產(chǎn)品在當(dāng)?shù)囟紭?gòu)成了良好的口碑。 作為一名

20、開(kāi)展勢(shì)頭強(qiáng)勁的農(nóng)業(yè)科技新貴，公司正以快速而穩(wěn)健的步伐走在種子行業(yè)的前沿，并逐漸向集團(tuán)化公司過(guò)渡。我們堅(jiān)信：在全體同仁的共同努力下，公司的明天會(huì)更愉快，一定可以在農(nóng)業(yè)的騰飛中大放異彩！ 義務(wù)二 圖片視頻的插入插入音頻文件語(yǔ)法例如： 義務(wù)二 圖片視頻的插入插入背景音樂(lè)語(yǔ)法背景音樂(lè)需求不斷地播放，可以經(jīng)過(guò)設(shè)置loop來(lái)實(shí)現(xiàn)循環(huán)次數(shù)的控制；循環(huán)次數(shù)設(shè)置為true，表示無(wú)限次地循環(huán)播放背景音樂(lè)；義務(wù)二 圖片視頻的插入設(shè)置滾動(dòng)效果滾動(dòng)標(biāo)志marquee滾動(dòng)的內(nèi)容direction默許情況下職能從右向左滾動(dòng)，經(jīng)過(guò)direction設(shè)置不同的滾動(dòng)方向。取值：up、down、left、rightup：從下往上，

21、left：從右向左義務(wù)二 圖片視頻的插入設(shè)置滾動(dòng)效果滾動(dòng)標(biāo)志marquee滾動(dòng)的內(nèi)容behavior設(shè)置滾動(dòng)方式，默許是循環(huán)滾動(dòng)Loop默許情況下，滾動(dòng)會(huì)不停的循環(huán)下去，假設(shè)希望滾動(dòng)幾次后停頓，可以運(yùn)用loop設(shè)置滾動(dòng)次數(shù)。屬性值含義scroll循環(huán)滾動(dòng)，默認(rèn)效果slide只滾動(dòng)一次就停止alternate來(lái)回交替進(jìn)行滾動(dòng)義務(wù)二 圖片視頻的插入設(shè)置滾動(dòng)效果滾動(dòng)標(biāo)志marquee滾動(dòng)的內(nèi)容Scrollamount設(shè)置滾動(dòng)的快慢，滾動(dòng)的速度實(shí)踐上是設(shè)置每次滾動(dòng)時(shí)挪動(dòng)的長(zhǎng)度，以像素為單位。Scrolldelay設(shè)置滾動(dòng)滾動(dòng)的時(shí)間間隔，單位是毫秒。假設(shè)設(shè)置的時(shí)間比較長(zhǎng)，會(huì)產(chǎn)生走走停停的效果。義務(wù)二 圖

22、片視頻的插入設(shè)置滾動(dòng)效果滾動(dòng)標(biāo)志marquee滾動(dòng)的內(nèi)容bgcolor設(shè)置滾動(dòng)的背景顏色width、height設(shè)置滾動(dòng)背景的面積，經(jīng)過(guò)width、height其程度和垂直的范圍；hspace、vspace運(yùn)用hspace、vspace設(shè)置滾動(dòng)對(duì)象與周圍的文字或圖像之間的空白空間。圖片視頻的插入總結(jié)altborderwidthheightalignvspacehspace圖片的插入imgwidthheightalignvspacehspace動(dòng)畫(huà)和視頻插入embedScrollamountScrolldelaybgcolorwidthheighthspacevspace滾動(dòng)標(biāo)志marquee

23、.作業(yè)3-2-3 運(yùn)用代碼編寫(xiě)教材工程三義務(wù)一中的首頁(yè)。作業(yè)3-2-3作業(yè)3-2-3單元格寬：204，高：231單元格寬：204，高：263單元格寬：486，高：263單元格寬：202，高：263單元格寬：202，高：231“關(guān)于的圖片都以單元格背景圖片插入插入內(nèi)嵌表格，1行7列，寬度：900，邊框不顯示，單元格背風(fēng)光：#0375B4設(shè)置背景音樂(lè)為：autumn.MP3，播放次數(shù)為5單元格高：43設(shè)置滾動(dòng)文字，內(nèi)容為：學(xué)校地址：云南省麗江市麗江師范高等?？茖W(xué)校 聯(lián)絡(luò)方式：674100整個(gè)表格：寬度：900，邊框不顯示，間距為0，填充為0，居中對(duì)齊義務(wù)二 圖片視頻的插

24、入競(jìng)賽網(wǎng)站首頁(yè) 網(wǎng)站主頁(yè) 學(xué)校首頁(yè) 競(jìng)賽指南 報(bào)道熱點(diǎn) 聯(lián)絡(luò)我們 資助企業(yè) 作品展現(xiàn) 學(xué)校地址：云南省麗江市麗江師范高等?？茖W(xué)校 聯(lián)絡(luò)方式：674100 義務(wù)三 超鏈接.義務(wù)三 超鏈接超鏈接語(yǔ)法target：鏈接的目的窗口屬性值含義_blank表示鏈接目標(biāo)將出現(xiàn)在新打開(kāi)的瀏覽器窗口中，而鏈接所在的瀏覽器窗口并不關(guān)閉。_parent表示鏈接目標(biāo)出現(xiàn)在當(dāng)前網(wǎng)頁(yè)的上級(jí)框架中，如果未劃分框架，則鏈接目標(biāo)出現(xiàn)在新的瀏覽器窗口中。_self在相同的框架中打開(kāi)，如果未劃分框架，則在當(dāng)前頁(yè)面中打開(kāi)鏈接_top在頂層框架中打開(kāi)鏈接，如果未劃分框架，則作用與 _self相同義務(wù)三 超鏈

25、接超鏈接 例題源文件：e3-3-1.asp 1.asp效果文件：e3-3-1(ok).asp義務(wù)三 超鏈接超鏈接空銜接未指定目的文檔的鏈接,運(yùn)用空鏈接可以為頁(yè)面上的對(duì)象或文本附加行為。語(yǔ)法：例如：例題效果文件：e3-3-2(ok).asp義務(wù)三 超鏈接錨點(diǎn)鏈接 錨本質(zhì)上就是在文件中命名的位置或文本范圍，錨鏈接起到的作用就是在文檔中定位。創(chuàng)建命名錨記語(yǔ)法：鏈接到命名錨記語(yǔ)法： 鏈接到同一頁(yè)面中的錨點(diǎn)；鏈接到其他頁(yè)面中的錨點(diǎn)；義務(wù)三 超鏈接錨點(diǎn)鏈接 例題鏈接到同一頁(yè)面中的錨點(diǎn)源文件：e3-3-3.asp 效果文件：e3-3-3(ok).asp鏈接到不同頁(yè)面中的錨點(diǎn)源文件：e3-3-4.asp 效果

26、文件：e3-3-4(ok).asp義務(wù)三 超鏈接鏈接到外部網(wǎng)站語(yǔ)法：鏈接到語(yǔ)法：義務(wù)五 框架.義務(wù)五 框架框架是網(wǎng)頁(yè)設(shè)計(jì)中很常用的技術(shù)，可以在一個(gè)閱讀器窗口中顯示多個(gè)文檔。利用這一特點(diǎn)，框架技術(shù)可以廣泛地運(yùn)用到網(wǎng)站導(dǎo)航和文檔閱讀器中，方便訪問(wèn)者對(duì)網(wǎng)頁(yè)的閱讀，減少訪問(wèn)者下載頁(yè)面所需的時(shí)間?？蚣茏畛Ｒ?jiàn)的用途就是導(dǎo)航。義務(wù)五 框架框架的根本概念框架普通由框架集和框架組成?？蚣芗蚣芗荋TML文件，它定義一組框架的規(guī)劃和屬性，包括框架的數(shù)目、框架的大小和位置，以及在每個(gè)框架中初始顯示的頁(yè)面URL.框架集本身不包含要在閱讀器中顯示的HTML內(nèi)容但noframes除外框架集文件只是向閱讀器提供應(yīng)如何顯示

27、一組框架，以及在這些框架中應(yīng)顯示哪些文檔的有關(guān)信息。義務(wù)五 框架框架的根本概念框架框架是閱讀器窗口中的一個(gè)區(qū)域；設(shè)置框架集的屬性frameset框架頁(yè)面的構(gòu)造是在框架集中設(shè)置的rows程度分割窗口將頁(yè)面沿程度方向分割，也就是將頁(yè)面分成上下陳列的窗口語(yǔ)法.義務(wù)五 框架rows可以取多個(gè)值，它由逗號(hào)分割的像素值或百分比組成。運(yùn)用舉例cols垂直分割窗口將頁(yè)面沿垂直方向分割語(yǔ)法.cols可以取多個(gè)值，它由逗號(hào)分割的像素值或百分比組成。運(yùn)用舉例義務(wù)五 框架嵌套分割窗口嵌套分割窗口就是在一個(gè)頁(yè)面中，既有程度分割框架，又有垂直分割的框架。語(yǔ)法.運(yùn)用舉例義務(wù)五 框架框架的邊框frameborder默許情況下

28、，閱讀器總是給每一個(gè)框架構(gòu)造加上一條有明顯寬度的邊框；經(jīng)過(guò)frameborder可以控制邊框的顯示和隱藏；取值只能為0、1，或者yes、no；0或no：邊框?qū)?huì)隱藏；1或yes：邊框?qū)?huì)顯示?？蚣艿倪吙?qū)挾萬(wàn)ramespacing默許情況下，框架的邊框?qū)挾葹?；經(jīng)過(guò)framespacing可以控制邊框?qū)挾?；border設(shè)置邊框的寬度框架邊框顏色bordercolor義務(wù)五 框架設(shè)置窗口屬性frameframe用來(lái)定義每一個(gè)單獨(dú)的框架頁(yè)面，框架頁(yè)面的屬性設(shè)置都在標(biāo)志里進(jìn)展。頁(yè)面源文件src頁(yè)面稱號(hào)name制止調(diào)整窗口尺寸noresize每一個(gè)框架都有其固定的寬度和高度，可以經(jīng)過(guò)拖動(dòng)邊框進(jìn)展調(diào)整。

29、不過(guò)有時(shí)候需求框架的寬度堅(jiān)持不變，制止閱讀器在訪問(wèn)框架的時(shí)候隨意改動(dòng)框架尺寸，可以運(yùn)用noresize設(shè)置。義務(wù)五 框架運(yùn)用舉例注明：語(yǔ)法： noresize或noresize=noresize義務(wù)五 框架邊框與頁(yè)面內(nèi)容的程度邊距marginwidth邊框與頁(yè)面內(nèi)容的垂直邊距marginheight控制框架滾動(dòng)條顯示scrolling取值包括：yes、no或autoyes：不斷顯示滾動(dòng)條no：不顯示滾動(dòng)條auto：是系統(tǒng)的默許值，根據(jù)詳細(xì)內(nèi)容來(lái)調(diào)整的，當(dāng)頁(yè)面長(zhǎng)度超越閱讀器窗口的范圍時(shí)就會(huì)自動(dòng)顯示滾動(dòng)條。運(yùn)用舉例義務(wù)五 框架不支持框架標(biāo)志noframes假設(shè)遇到不支持框架構(gòu)造的閱讀器,此時(shí)就需求

30、 來(lái)設(shè)置交換內(nèi)容，通知閱讀者其閱讀器無(wú)法翻開(kāi)框架頁(yè)面。 例如：. 對(duì)不起，您的閱讀器不支持框架構(gòu)造。義務(wù)五 框架浮動(dòng)框架iframe浮動(dòng)框架是一種特殊的框架，它是在閱讀器窗口中嵌套的子窗口，整個(gè)頁(yè)面并不一定是框架頁(yè)面，但要包含一個(gè)框架窗口。頁(yè)面源文件src浮動(dòng)框架的寬和高width、height生成的框架構(gòu)造是依賴上級(jí)空間尺寸的，它的寬度或者高度必需有一個(gè)和上級(jí)框架一樣。而浮動(dòng)框架可以完全由指定寬度和高度決議。單位為像素義務(wù)五 框架浮動(dòng)框架的對(duì)齊方式align用于設(shè)置浮動(dòng)框架頁(yè)面相對(duì)于閱讀器窗口的程度位置。取值：浮動(dòng)框架滾動(dòng)條顯示屬性scrolling屬性值：auto、yes、no運(yùn)用舉例 i

31、ndex-iframe.asp屬性值含義Left左對(duì)齊right右對(duì)齊Middle居中對(duì)齊bottom底部對(duì)齊義務(wù)五 框架創(chuàng)建框架鏈接普通情況下，創(chuàng)建框架網(wǎng)頁(yè)的目的是為了更好地對(duì)頁(yè)面內(nèi)容進(jìn)展導(dǎo)航，經(jīng)過(guò)框架進(jìn)展鏈接不同的頁(yè)面。普通框架構(gòu)造的鏈接語(yǔ)法：鏈接文字義務(wù)五 框架浮動(dòng)框架的鏈接語(yǔ)法產(chǎn)品展現(xiàn) 義務(wù)五 框架作業(yè) 3-5-1義務(wù)五 框架無(wú)標(biāo)題文檔 賽場(chǎng)報(bào)道 賽場(chǎng)規(guī)劃 賽場(chǎng)引見(jiàn) 義務(wù)六 表單.義務(wù)六 表單在制造動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，要實(shí)現(xiàn)信息交互，經(jīng)常用到表單。表單主要用于搜集客戶端提供的相關(guān)信息，使網(wǎng)頁(yè)具有交互功能。義務(wù)六 表單表單標(biāo)志語(yǔ)法在表單的標(biāo)志中，可以設(shè)置表單的根本屬性，包括表單的稱號(hào)、處置程序和

32、傳送方法等。普通情況下，表單的處置程序action和傳送方法method是必不可少的參數(shù)。提交表單action用于指定表單數(shù)據(jù)提交到那個(gè)地址進(jìn)展處置表單稱號(hào)name用于給表單命名，這一屬性不是表單的必要屬性，但是為了防止表單提交后到后頭處置程序時(shí)出現(xiàn)混亂，普通需求給表單命名。義務(wù)六 表單傳送方法method表單的method屬性用于指定在數(shù)據(jù)提交到效力器的時(shí)候運(yùn)用哪種HTTP提交方法，可取值為get或post。get:表單數(shù)據(jù)被傳送到action屬性指定的URL，然后這個(gè)新URL被傳送四處置程序上。post:表單數(shù)據(jù)被包含在表單主體中，然后被送四處置程序上。闡明：傳送方法的值只需兩種即get和

33、post。義務(wù)六 表單編碼方式enctype表單中的enctype屬性用于設(shè)置表單信息提交的編碼方式。enctype屬性用于設(shè)置表單信息提交的編碼方式。enctype取值的含義application/x-www-form-urlencoded在發(fā)送前編碼所有字符（默認(rèn)） 窗體數(shù)據(jù)被編碼為名稱/值對(duì)。這是標(biāo)準(zhǔn)的編碼格式；multipart/form-data不對(duì)字符編碼。上傳文件的表單必須選擇該項(xiàng)。窗體數(shù)據(jù)被編碼為一條消息，頁(yè)上的每個(gè)控件對(duì)應(yīng)消息中的一個(gè)部分，上傳附件用到text/plain空格轉(zhuǎn)換為 + 加號(hào)，但不對(duì)特殊字符編碼。 窗體數(shù)據(jù)以純文本形式進(jìn)行編碼，其中不含任何控件或格式字符義務(wù)六

34、 表單目的顯示方式target用于指定目的窗口的翻開(kāi)方式，表單的目的窗口往往用來(lái)顯示表單的前往信息。屬性值含義_blank將鏈接的文件載入一個(gè)未命名的新瀏覽器窗口中；_parent為將鏈接的文件載入含有該鏈接框架的父框架架或父窗口中；_self為將鏈接的文件載入該鏈接所在的同一框架或窗口中_top在整個(gè)瀏覽器窗口中載入所鏈接的文件，因而會(huì)刪除所有框架。義務(wù)六 表單運(yùn)用實(shí)例e3-6-1.aspe3-6-1ok.asp義務(wù)六 表單插入單行文本字段 text在網(wǎng)頁(yè)中最常見(jiàn)的表單元素就是文字字段，用戶可以在文字字段內(nèi)輸入字符或者單行文本。語(yǔ)法義務(wù)六 表單參數(shù)類型含義type用于指定插入哪種表單元素，如

35、type=“text”，即為文字字段name文字字段的名稱，用于和頁(yè)面中其他控件加以區(qū)別，名稱由英文或數(shù)字以及下畫(huà)線組成，但有大小寫(xiě)之分。value用來(lái)定義文本框的默認(rèn)值size確定文本框在頁(yè)面中顯示的長(zhǎng)度，以字符為單位maxlength用來(lái)設(shè)置文本框中最多可以輸入的字符數(shù)提示：文字字段的長(zhǎng)度假設(shè)參與了size屬性，就可以設(shè)置size屬性的大小，最小值為1，最大值將取決于閱讀器的寬度。義務(wù)六 表單運(yùn)用實(shí)例e3-6-2ok.asp義務(wù)六 表單插入密碼文本字段password密碼域是一種特殊的文字字段，它的各屬性和文字字段是一樣的。不同的是密碼域輸入的字符全部以“*顯示。語(yǔ)法義務(wù)六 表單參數(shù)類型含

36、義type用于指定插入哪種表單元素，如type=“text”，即為文字字段name密碼域的名稱，用于和頁(yè)面中其他控件加以區(qū)別，名稱由英文或數(shù)字以及下畫(huà)線組成，但有大小寫(xiě)之分。value用來(lái)定義密碼域的默認(rèn)值，以“*”顯示size確定文本框在頁(yè)面中顯示的長(zhǎng)度，以字符為單位maxlength用來(lái)設(shè)置密碼域的文本框中最多可以輸入的字符數(shù)義務(wù)六 表單運(yùn)用實(shí)例e3-6-3ok.asp義務(wù)六 表單插入多行文本字段textarea當(dāng)需求讓閱讀者填入多行文本時(shí)，就需求運(yùn)用文本域。和其它大多數(shù)表單對(duì)象不一樣，文本域運(yùn)用的是textarea。語(yǔ)法 .不能運(yùn)用value屬性來(lái)建立一個(gè)在文本域中顯示的初始值。相反響當(dāng)

37、在textarea標(biāo)志的開(kāi)頭和結(jié)尾之間包含想要在文本域內(nèi)顯示的任何文本。義務(wù)六 表單運(yùn)用實(shí)例e3-6-4ok.asp義務(wù)六 表單插入單項(xiàng)選擇按鈕radio單項(xiàng)選擇按鈕是在一組選項(xiàng)中，只允許選擇一個(gè)選擇項(xiàng)。語(yǔ)法 在單項(xiàng)選擇按鈕中必需設(shè)置value的值，提交到后臺(tái)的；對(duì)于一個(gè)選擇列表中的一切單項(xiàng)選擇按鈕來(lái)說(shuō)，往往要設(shè)置為一樣的稱號(hào)，這樣在傳送時(shí)才干更好地對(duì)某一個(gè)選擇內(nèi)容進(jìn)展判別；一個(gè)單項(xiàng)選擇按鈕組中只需一個(gè)單項(xiàng)選擇按鈕可以設(shè)置為checked；義務(wù)六 表單運(yùn)用實(shí)例e3-6-5ok.asp義務(wù)六 表單插入復(fù)選框checkbox復(fù)選框可以讓用戶從一個(gè)選項(xiàng)列表中選擇超越一個(gè)選項(xiàng)。語(yǔ)法 checked參數(shù)

38、表示該項(xiàng)在默許情況下曾經(jīng)被選中，一個(gè)選項(xiàng)列表中可以有多個(gè)復(fù)選框被選中；義務(wù)六 表單運(yùn)用實(shí)例e3-6-6ok.asp義務(wù)六 表單插入列表/菜單菜單和列表也是表單中常用的元素之一，它可以顯示多個(gè)選項(xiàng)，用戶經(jīng)過(guò)滾動(dòng)條在多個(gè)選項(xiàng)中選擇。經(jīng)過(guò)和標(biāo)志來(lái)實(shí)現(xiàn)。下拉菜單select語(yǔ)法 選項(xiàng)顯示內(nèi)容.選項(xiàng)值是提交表單時(shí)的值，而選項(xiàng)顯示內(nèi)容才是真正在頁(yè)面中顯示的選項(xiàng)內(nèi)同。selected表示該選項(xiàng)在默許情況下是選中的，一個(gè)下拉菜單中只能有一個(gè)默許選項(xiàng)被選中。義務(wù)六 表單運(yùn)用實(shí)例e3-6-7ok.asp義務(wù)六 表單列表項(xiàng)在頁(yè)面中列表項(xiàng)可以顯示出幾條信息，一旦超越這個(gè)信息量，在列表項(xiàng)右側(cè)會(huì)出現(xiàn)滾動(dòng)條，拖動(dòng)滾動(dòng)條可以

39、看到一切的選項(xiàng)。語(yǔ)法 選項(xiàng)顯示內(nèi)容.size用于設(shè)置在頁(yè)面中顯示的最多列表項(xiàng)數(shù)，當(dāng)超越這個(gè)值時(shí)會(huì)出現(xiàn)滾動(dòng)條。multiple 屬性規(guī)定可同時(shí)選擇多個(gè)選項(xiàng)，對(duì)于 windows：按住 Ctrl 按鈕來(lái)選擇多個(gè)選項(xiàng)。義務(wù)六 表單運(yùn)用實(shí)例e3-6-8ok.asp義務(wù)六 表單插入文件域file文件域是為了提交表單中上傳一些文件的，經(jīng)過(guò)表單將選中的文件上傳。語(yǔ)法：義務(wù)六 表單運(yùn)用實(shí)例e3-6-9ok.asp義務(wù)六 表單插入隱藏域hidden隱藏域是用來(lái)搜集或發(fā)送信息的不可見(jiàn)元素，對(duì)于網(wǎng)頁(yè)訪問(wèn)者來(lái)說(shuō)，隱藏域是看不見(jiàn)的。當(dāng)表單被提交時(shí)，隱藏域就會(huì)將信息用他設(shè)置時(shí)定義的稱號(hào)和值發(fā)送到效力器上。 語(yǔ)法：type

40、=hidden定義隱藏域；name屬性定義隱藏域的稱號(hào)，要保證數(shù)據(jù)的準(zhǔn)確采集，必需定義一個(gè)獨(dú)一無(wú)二的稱號(hào)；value屬性定義隱藏域的值義務(wù)六 表單插入按鈕在網(wǎng)頁(yè)中按鈕也是很常見(jiàn)，在提交頁(yè)面、去除內(nèi)容時(shí)經(jīng)常用到。普通按鈕button普通按鈕普通情況下要配合腳本來(lái)進(jìn)展表單處置。語(yǔ)法value的取值就是顯示在按鈕上的文字；在button屬性中可以添加onclick來(lái)實(shí)現(xiàn)一些特殊的功能。義務(wù)六 表單運(yùn)用實(shí)例e3-6-10ok.asp義務(wù)六 表單提交按鈕submit提交按鈕是一種特殊的按鈕，單擊該類按鈕可以實(shí)現(xiàn)表單內(nèi)容的提交。語(yǔ)法value的取值就是顯示在按鈕上的文字義務(wù)六 表單運(yùn)用實(shí)例e3-6-11o

41、k.asp義務(wù)六 表單重置按鈕reset重置按鈕用來(lái)去除用戶在頁(yè)面中輸入的信息。語(yǔ)法value的取值就是顯示在按鈕上的文字義務(wù)六 表單運(yùn)用實(shí)例e3-6-12ok.asp義務(wù)六 表單圖像域image可以運(yùn)用圖像制造按鈕。語(yǔ)法義務(wù)六 表單運(yùn)用實(shí)例e3-6-13ok.asp義務(wù)六 表單id標(biāo)志id標(biāo)志是一個(gè)較為特殊的標(biāo)志，它主要用于標(biāo)示一個(gè)獨(dú)一的元素。這個(gè)元素可以是文字字段、可以是密碼域、也可以是其他的表單元素，甚至可以是一幅圖像、一個(gè)表格。語(yǔ)法：id用來(lái)標(biāo)示頁(yè)面的獨(dú)一元素，因此在定義標(biāo)簽名時(shí)最好根據(jù)其含義進(jìn)展命名。義務(wù)六 表單課堂作業(yè)3-6-1參考教材101頁(yè)圖3-6-26，制造表單義務(wù)六 表單課

42、堂作業(yè)3-6-2制造如下圖表單網(wǎng)頁(yè)義務(wù)六 表單義務(wù)六 表單義務(wù)四和義務(wù)七 DIV+CSS規(guī)劃網(wǎng)頁(yè)根底.義務(wù)四和義務(wù)七CSS的根本知識(shí)CSSCascading Style Sheets，中文稱號(hào)是層疊款式表。用于控制網(wǎng)頁(yè)款式并允許將款式與網(wǎng)頁(yè)內(nèi)容分別的一種標(biāo)志性言語(yǔ)。CSS的優(yōu)點(diǎn)將內(nèi)容構(gòu)造和格式控制相分別；CSS可以更加準(zhǔn)確地控制網(wǎng)頁(yè)的內(nèi)容方式；CSS的定義款式靈敏多樣，可以根據(jù)不同的情況，選用不同的定義方法。義務(wù)四和義務(wù)七CSS根本語(yǔ)法選擇符款式屬性：取值；款式屬性：取值；.選擇符(selector)指這組款式編輯所要針對(duì)的對(duì)象；可以是html標(biāo)簽，如body、h1；也可是定義了特定id或cl

43、ass標(biāo)簽：如#mystyle定義的款式可以運(yùn)用到一切包含值id=“mystyle的標(biāo)簽；.mystle,那么調(diào)用時(shí)class=mystyle屬性(property)是CSS款式控制的中心，如顏色、大小、定位、浮動(dòng)方式等；值value是指屬性的值；例如：H1font-size：30px;Font-weight:bold;Color:blue;Text-align:center;義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-1 (ok).asp義務(wù)四和義務(wù)七添加CSS的方法鏈接外部款式表鏈接外部款式表就是在網(wǎng)頁(yè)中調(diào)用曾經(jīng)定義好的款式表來(lái)實(shí)現(xiàn)款式表的運(yùn)用，它是一個(gè)單獨(dú)的文件；適宜大型網(wǎng)站的CSS款式定義；rel

44、=stylesheet是指在頁(yè)面中運(yùn)用外部款式表；type=“text/css是指文件的類型是款式表文件；href是CSS文件所在位置，例如href=“slstyle.css義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-2 (ok).aspslstyle.css義務(wù)四和義務(wù)七添加CSS的方法內(nèi)部款式表內(nèi)部款式表普通位于HTML文件的頭部，即標(biāo)簽內(nèi)，并且以開(kāi)場(chǎng)，以終了，這些定義的款式就可以運(yùn)用到頁(yè)面中；義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-3 (ok).asp義務(wù)四和義務(wù)七添加CSS的方法導(dǎo)入外部款式表導(dǎo)入外部款式表是指在內(nèi)部款式表的里導(dǎo)入一個(gè)外部款式表；導(dǎo)入時(shí)用import例如：留意：導(dǎo)入外部款式表必需在款式表的

45、開(kāi)場(chǎng)部分，在其他內(nèi)部款式表上面。義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-4 (ok).asp義務(wù)四和義務(wù)七添加CSS的方法內(nèi)嵌款式表內(nèi)嵌款式是混合在HTML標(biāo)志里運(yùn)用的，運(yùn)用這種方法可以簡(jiǎn)單地對(duì)某個(gè)元素單獨(dú)定義款式。內(nèi)嵌款式的運(yùn)用是直接在HTML標(biāo)志里添加style參數(shù)，而style參數(shù)的內(nèi)容就是CSS的屬性和值；這種方法運(yùn)用比較簡(jiǎn)單，顯示很直觀，但是無(wú)法發(fā)揚(yáng)款式表的優(yōu)勢(shì)，因此不引薦運(yùn)用。例如： 這是個(gè)表格 義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-5 (ok).asp義務(wù)四和義務(wù)七字體屬性font-family字體語(yǔ)法：font-family:“字體1，“字體2.閱讀器不支持字體1時(shí)，那么會(huì)采用字體2，以此類

46、推font-size字號(hào)語(yǔ)法：font-size:.pxpx為像素font-style字體風(fēng)格設(shè)置字體能否為斜體：normal是默許的正常字體；italic：以斜體顯示文字；oblique：屬于中間形狀，以偏斜體顯示。義務(wù)四和義務(wù)七字體屬性font-weight加粗字體設(shè)置字體的粗細(xì)取值：normal表示正常粗細(xì)，bold表示粗體，bolder表示特粗體，lighter：表示特細(xì)體，number范圍為100900，普通情況下都是整百的數(shù)字，這些數(shù)字序列代表從最細(xì)100到最粗900的字體粗細(xì)程度。每一個(gè)數(shù)字定義的粗細(xì)都要比上一個(gè)等級(jí)略微粗一些。font-variant小寫(xiě)字母轉(zhuǎn)為大寫(xiě)字母取值：n

47、ormal表示正常顯示，small-caps將小寫(xiě)字母轉(zhuǎn)換為大寫(xiě)字母且字體較小。義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-6(ok).asp義務(wù)四和義務(wù)七字體屬性字體復(fù)合屬性可以設(shè)置font的復(fù)合屬性，用來(lái)簡(jiǎn)化CSS代碼；語(yǔ)法font：字體取值復(fù)合屬性可以是字體、字體大小、加粗字體等，各值之間用空格相連例如：義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-7(ok).asp義務(wù)四和義務(wù)七課堂作業(yè)3-7-1本人重新編寫(xiě)例題e3-7-1(ok).aspe3-7-7(ok).asp的內(nèi)容；提交時(shí)請(qǐng)?zhí)峤徽麄€(gè)文件夾，文件夾命名為：姓名作業(yè)3-7-1。義務(wù)四和義務(wù)七顏色和背景屬性顏色屬性color用來(lái)設(shè)置指定元素的顏色；背景顏色b

48、ackground-color用來(lái)設(shè)置指定元素的顏色背景顏色；可以是網(wǎng)頁(yè)背景顏色、文字背景顏色、表單背景顏色等。義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-8(ok).asp義務(wù)四和義務(wù)七背景圖像background-image用來(lái)設(shè)置指定元素的顏色背景圖像；語(yǔ)法：background-image:url(images/ber_12.gif背景反復(fù)background-repeat設(shè)置背景圖像的顯示方式，例如能否平鋪顯示；參數(shù)類型含義norepeat表示背景圖像不平鋪repeat表示背景圖像平鋪排滿整個(gè)網(wǎng)頁(yè)repeat-x表示背景圖像只在水平方向上平鋪repeat-y表示背景圖像只在垂直方向上平鋪義務(wù)四和

49、義務(wù)七運(yùn)用實(shí)例e3-7-9-1(ok).aspe3-7-9-2(ok).aspe3-7-9-3(ok).aspe3-7-9-4(ok).asp準(zhǔn)確定位：兒童消費(fèi)市場(chǎng)，時(shí)髦個(gè)性盡顯其中，歷時(shí)一年的縝密調(diào)研，專攻“中國(guó)兒童時(shí)髦消費(fèi)之運(yùn)營(yíng)定位，加上專營(yíng)兒童用品的閱歷與研討成果，切入市場(chǎng)如定海神針！ 低價(jià)戰(zhàn)略：數(shù)千種兒童用品，價(jià)錢檔次齊全，折扣最低 1 折供貨，規(guī)模效益，薄利多銷！貝與知名兒童用品廠商協(xié)作，大規(guī)模銷售、流行時(shí)間差、換季不同步。大部分產(chǎn)品的價(jià)位在三四十元到一兩百之間，高、中、低檔都有，適宜群眾消費(fèi)。 創(chuàng)新時(shí)髦：兒童消費(fèi)，關(guān)鍵有新意！針對(duì)各地兒童文化背景、地域背景、興趣喜好、智力開(kāi)發(fā)等進(jìn)展

50、研討設(shè)計(jì)，每年推出的新產(chǎn)品設(shè)計(jì)就達(dá)上萬(wàn)余件！ 引領(lǐng)潮流：符合規(guī)范的質(zhì)量，符合個(gè)性的潮流創(chuàng)意，令每件產(chǎn)品都成為名品。創(chuàng)意好當(dāng)然效果好，財(cái)富自然跑不了！ 義務(wù)四和義務(wù)七背景附件background-attachment設(shè)置背景圖像是隨對(duì)象滾動(dòng)還是固定不動(dòng)參數(shù)類型含義scroll表示背景圖像隨對(duì)象滾動(dòng)而滾動(dòng)(默認(rèn)選項(xiàng))fixed表示背景圖像固定在頁(yè)面上不動(dòng)，只有其他的內(nèi)容隨滾動(dòng)條滾動(dòng)。義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-10(ok).asp義務(wù)四和義務(wù)七背景位置background-position用于設(shè)置背景圖像的位置，這個(gè)屬性只能運(yùn)用與塊級(jí)元素和交換原色。交換原色包括：img、input、texta

51、rea、select和object語(yǔ)法中取值有兩種，一種是采用數(shù)字，另一種是關(guān)鍵字描畫(huà)。義務(wù)四和義務(wù)七值描述top lefttop centertop rightcenter leftcenter centercenter rightbottom leftbottom centerbottom right如果您僅規(guī)定了一個(gè)關(guān)鍵詞，那么第二個(gè)值將是center。默認(rèn)值：0% 0%。x% y%第一個(gè)值是水平位置，第二個(gè)值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您僅規(guī)定了一個(gè)值，另一個(gè)值將是 50%。xpos ypos第一個(gè)值是水平位置，第二個(gè)值是垂直位置。左上角是 0

52、0。單位是像素 (0px 0px) 或任何其他的 CSS 單位。如果您僅規(guī)定了一個(gè)值，另一個(gè)值將是50%。您可以混合使用 % 和 position 值。義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-11(ok).asp義務(wù)四和義務(wù)七復(fù)合背景屬性background義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-12(ok).asp義務(wù)四和義務(wù)七段落屬性單詞間隔word-spacing可以控制單詞之間的間隔間隔，是單詞之間的間距，不是字母之間的間距；word-spacing對(duì)中文無(wú)效；取值可以運(yùn)用normal，也可以運(yùn)用長(zhǎng)度值；例如：word-spacing：3px字符間距l(xiāng)etter-spacing可以控制字符之間的間隔間

53、隔，包括字母之間的間隔和文字之間的間隔；取值可以運(yùn)用normal，也可以運(yùn)用長(zhǎng)度值；例如：letter-spacing：3px義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-13(ok).asp義務(wù)四和義務(wù)七段落屬性文字修飾text-decoration對(duì)文本進(jìn)展修飾，如設(shè)置下劃線、刪除線等；值描述none默認(rèn)。定義標(biāo)準(zhǔn)的文本。underline定義文本下的一條線。overline定義文本上的一條線。line-through定義穿過(guò)文本下的一條線。blink定義閃爍的文本。inherit規(guī)定應(yīng)該從父元素繼承 text-decoration 屬性的值。不是任何閱讀器都支持blink效果義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3

54、-7-14(ok).asp義務(wù)四和義務(wù)七垂直對(duì)齊方式vertical-align設(shè)置文字的垂直對(duì)齊方式值描述baseline默認(rèn)。元素放置在父元素的基線上。sub垂直對(duì)齊文本的下標(biāo)。super垂直對(duì)齊文本的上標(biāo)top把元素的頂端與行中最高元素的頂端對(duì)齊text-top把元素的頂端與父元素字體的頂端對(duì)齊middle把此元素放置在父元素的中部。text-bottom把元素的底端與父元素字體的底端對(duì)齊。義務(wù)四和義務(wù)七程度對(duì)齊方式text-align值描述left把文本排列到左邊。right把文本排列到右邊。center把文本排列到中間。justify實(shí)現(xiàn)兩端對(duì)齊文本效果。inherit規(guī)定應(yīng)該從父元

55、素繼承 text-align 屬性的值。義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-15(ok).asp 標(biāo)簽被用來(lái)組合文檔中的行內(nèi)元素。span 沒(méi)有固定的格式表現(xiàn)。當(dāng)對(duì)它運(yùn)用款式時(shí)，它才會(huì)產(chǎn)生視覺(jué)上的變化。義務(wù)四和義務(wù)七文本縮進(jìn)text-indenthtml中只能控制段落的整體向右縮進(jìn)，而不設(shè)置，閱讀器默許不縮進(jìn)。文本所制止必需是一個(gè)長(zhǎng)度值例如12px或一個(gè)百分比；文本行高line-height控制段落中航宇行之間的間距行高值可為長(zhǎng)度、倍數(shù)或百分比；義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-16(ok).asp義務(wù)四和義務(wù)七文本轉(zhuǎn)換text-transform定義文本的大小寫(xiě)形狀,此屬性對(duì)中文無(wú)意義capita

56、lize: 首字母大寫(xiě)uppercase: 每個(gè)單詞的一切字母大寫(xiě)lowercase:每個(gè)單詞的一切字母小寫(xiě)none: 正常無(wú)變化inherit: 承繼義務(wù)四和義務(wù)七定位屬性運(yùn)用定位屬性可以控制元素的位置，包括相對(duì)定位和絕對(duì)定位兩種方式；相對(duì)定位：指允許元素在相對(duì)于文檔規(guī)劃的原始位置上進(jìn)展偏移；絕對(duì)定位：指允許元素與原始的文檔規(guī)劃分別且恣意定位義務(wù)四和義務(wù)七定位方式position控制閱讀器應(yīng)如何定位HTML元素值描述absolute表示采用絕對(duì)定位，需要同時(shí)使用“l(fā)eft”, “top”, “right” 以及 “bottom” 等屬性進(jìn)行絕對(duì)定位。fixed表示當(dāng)頁(yè)面滾動(dòng)時(shí)，元素不隨著滾動(dòng)

57、。元素的位置通過(guò) left, top, right 以及 bottom 屬性進(jìn)行規(guī)定。relative生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位，對(duì)象不可層疊。因此，left:20 會(huì)向元素的 LEFT 位置添加 20 像素。static默認(rèn)值，沒(méi)有定位。inherit規(guī)定應(yīng)該從父元素繼承 position 屬性的值。義務(wù)四和義務(wù)七語(yǔ)法top：auto|長(zhǎng)度值|百分比right：auto|長(zhǎng)度值|百分比bottom：auto|長(zhǎng)度值|百分比left：auto|長(zhǎng)度值|百分比auto表示采用默許值，長(zhǎng)度值包含數(shù)字和單位，也可以運(yùn)用百分比來(lái)設(shè)置。義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-17(ok).as

58、p得意討喜的卡通文具，愛(ài)不釋手的動(dòng)漫飾品，饋贈(zèng)學(xué)友的毛絨玩具，種類豐富的學(xué)慣用品 學(xué)生用品將適用和輕松完美交融，緩解學(xué)生學(xué)習(xí)壓力，并具有智力開(kāi)發(fā)功能?？ㄍǖ耐庑?，艷麗的圖案，多樣的用途，種種獨(dú)具匠心、個(gè)性十足！義務(wù)四和義務(wù)七DIV層是一種HTML頁(yè)面元素，是指具有絕對(duì)或者相對(duì)位置的DIV標(biāo)簽。利用層可以非常靈敏地放置內(nèi)容。DIV是CSS規(guī)劃方式的中心對(duì)象，做一個(gè)簡(jiǎn)單的規(guī)劃只需求依賴DIV與CSS,因此也稱CSS規(guī)劃為DIV+CSS規(guī)劃。DIV+CSS是一種常用的網(wǎng)頁(yè)規(guī)劃格式，控制性要比規(guī)劃表格強(qiáng)得多。語(yǔ)法：.div本身就是容器性質(zhì)的，不但可以內(nèi)嵌table，還可以內(nèi)嵌文本和其他的HTML代碼。

59、義務(wù)四和義務(wù)七層疊順序z-index運(yùn)用層疊順序可以設(shè)置層的先后順序和覆蓋關(guān)系。默許情況下，z-index值為1，表示該層為與最底層，屬性值越高，它的層越靠上；語(yǔ)法：z-index:auto|數(shù)字?jǐn)?shù)字必需為無(wú)單位的整數(shù)值，可取負(fù)值，值無(wú)-1的元素在值為1的元素下層；z-index僅能在定位元素上奏效例如 position:absolute;義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-18(ok).asp得意討喜的卡通文具，愛(ài)不釋手的動(dòng)漫飾品，饋贈(zèng)學(xué)友的毛絨玩具，種類豐富的學(xué)慣用品 學(xué)生用品將適用和輕松完美交融，緩解學(xué)生學(xué)習(xí)壓力，并具有智力開(kāi)發(fā)功能?？ㄍǖ耐庑?，艷麗的圖案，多樣的用途，種種獨(dú)具匠心、個(gè)性十足

60、！義務(wù)四和義務(wù)七浮動(dòng)屬性float運(yùn)用浮動(dòng)屬性float可以設(shè)置文字在某個(gè)元素的周圍，它能運(yùn)用于一切的元素；語(yǔ)法：float:none|left|right值描述left元素向左浮動(dòng)。right元素向右浮動(dòng)。none默認(rèn)值。元素不浮動(dòng)，并會(huì)顯示在其在文本中出現(xiàn)的位置。inherit規(guī)定應(yīng)該從父元素繼承 float 屬性的值。義務(wù)四和義務(wù)七運(yùn)用實(shí)例e3-7-19(ok).asp得意討喜的卡通文具，愛(ài)不釋手的動(dòng)漫飾品，饋贈(zèng)學(xué)友的毛絨玩具，種類豐富的學(xué)慣用品 學(xué)生用品將適用和輕松完美交融，緩解學(xué)生學(xué)習(xí)壓力，并具有智力開(kāi)發(fā)功能?？ㄍǖ耐庑?，艷麗的圖案，多樣的用途，種種獨(dú)具匠心、個(gè)性十足！義務(wù)四和義務(wù)七