編寫(xiě)Html網(wǎng)頁(yè)文件(一)實(shí)訓(xùn)二:編寫(xiě)Html網(wǎng)頁(yè)文件(一) 實(shí)訓(xùn)目的: 1、 通過(guò)編寫(xiě)Html代碼來(lái)理解網(wǎng)頁(yè)最基本的組成,提高對(duì)網(wǎng)頁(yè)、網(wǎng)站的認(rèn)識(shí); 2、 通過(guò)編寫(xiě)Html代碼,記住一些常用的標(biāo)簽及屬性的設(shè)置,并掌握html編寫(xiě)規(guī)則; 3、 利用Html標(biāo)記來(lái)制作靜態(tài)網(wǎng)頁(yè),方便今后更深入學(xué)習(xí)動(dòng)態(tài)網(wǎng)站的制作; 4、 學(xué)會(huì)閱讀網(wǎng)頁(yè)源代碼,學(xué)習(xí)、模仿優(yōu)秀網(wǎng)站的制作方法和技巧。 實(shí)訓(xùn)要求:禁止直接復(fù)制代碼?。?! 實(shí)訓(xùn)內(nèi)容及步驟: 1、 打開(kāi)記事本,編寫(xiě)網(wǎng)頁(yè)最基本的架構(gòu): <html> <head></head> <body></body> </html> 創(chuàng)建一個(gè)文件夾并以index.htm,或index.html,或default.htm,或default.html保存。 2、 網(wǎng)頁(yè)頭部文件經(jīng)常使用的兩個(gè)標(biāo)簽: (1)<title>網(wǎng)頁(yè)的標(biāo)題</title>; (2)<meta />,meta標(biāo)簽有兩個(gè)屬性,一個(gè)是name,一個(gè)是http-equiv。利用name=”keywords”定義網(wǎng)頁(yè)的搜索關(guān)鍵字,用name=”description”來(lái)定義網(wǎng)頁(yè)的主要內(nèi)容;利用http-equiv來(lái)設(shè)置網(wǎng)頁(yè)使用的文字及語(yǔ)言; 3、 設(shè)置body標(biāo)簽:網(wǎng)頁(yè)的背景顏色bgcolor、背景圖片background,用leftmargin,rightmargin,leftmargin,rightmargin設(shè)置網(wǎng)頁(yè)上下左右的留白部分的大小,用text設(shè)置網(wǎng)頁(yè)文字的顏色。 4、 網(wǎng)頁(yè)中文字的排版與設(shè)計(jì):標(biāo)題、換行、段落、水平線、文字的大小、字體的設(shè)置、文字的顏色、水平對(duì)齊方式(align)、位置控制、顏色設(shè)置等,這部分內(nèi)容多參考教材的例子。 5、設(shè)置網(wǎng)頁(yè)中文字或圖片的字幕<marquee></marquee>的屬性: bgcolor 背景顏色 direction 字幕滾動(dòng)方向(down/up/left/right) height 字幕高度 width 字幕寬度 scrolldelay設(shè)定字幕滾動(dòng)兩次間的延遲時(shí)間,單位(毫秒) scrollamout 每次移動(dòng)的距離,單位(象素每毫秒) loop 循環(huán)次數(shù)(默認(rèn)為-1) 支持鼠標(biāo)活動(dòng): onMouseOver="this.stop()" 實(shí)訓(xùn)目的: 1. 過(guò)編寫(xiě)Html代碼來(lái)理解網(wǎng)頁(yè)最基本的組成,提高對(duì)網(wǎng)頁(yè)、網(wǎng)站的認(rèn)識(shí); 2. 通過(guò)編寫(xiě)Html代碼,記住一些常用的標(biāo)簽及屬性的設(shè)置,并掌握html編寫(xiě)規(guī)則; 3. 利用Html標(biāo)記來(lái)制作靜態(tài)網(wǎng)頁(yè),方便今后更深入學(xué)習(xí)動(dòng)態(tài)網(wǎng)站的制作; 4. 學(xué)會(huì)閱讀網(wǎng)頁(yè)源代碼,學(xué)習(xí)、模仿優(yōu)秀網(wǎng)站的制作方法和技巧。
實(shí)訓(xùn)內(nèi)容及步驟: 1、 用<talbe></table>來(lái)制作普通表格,先輸入表格基本格式: <table> <tr> <td></td> </tr> </table> 再設(shè)置表格長(zhǎng)寬、背景色、邊框顏色、單元格填充、單元格間的間距、對(duì)齊方式,多行多列的設(shè)置。 2、 技巧學(xué)習(xí):利用兩個(gè)表格的嵌套制作細(xì)線表格: 3、 制作文字、圖片、郵件超鏈接: 4、 在網(wǎng)頁(yè)中插入圖片、音頻文件、視頻文件: 實(shí)訓(xùn)目的: 1. 過(guò)編寫(xiě)Html代碼來(lái)理解網(wǎng)頁(yè)最基本的組成,提高對(duì)網(wǎng)頁(yè)、網(wǎng)站的認(rèn)識(shí); 2. 通過(guò)編寫(xiě)Html代碼,記住一些常用的標(biāo)簽及屬性的設(shè)置,并掌握html編寫(xiě)規(guī)則; 3. 利用Html標(biāo)記來(lái)制作靜態(tài)網(wǎng)頁(yè),方便今后更深入學(xué)習(xí)動(dòng)態(tài)網(wǎng)站的制作; 4. 學(xué)會(huì)閱讀網(wǎng)頁(yè)源代碼,學(xué)習(xí)、模仿優(yōu)秀網(wǎng)站的制作方法和技巧。
實(shí)訓(xùn)內(nèi)容及步驟: 1、 利用框架制作網(wǎng)頁(yè): 2、 表單的制作:
|
|
來(lái)自: 甘孜雄鷹 > 《網(wǎng)頁(yè)》