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