1、1,第10講 網(wǎng)頁制作初步,主講教師：唐大仕 ,2,網(wǎng)頁的制作,復(fù)習(xí)幾個(gè)概念 Html的基本標(biāo)記 在線及本地編輯網(wǎng)頁,3,有關(guān)WWW的幾個(gè)概念,WWW: World Wide Web URL: Uniform Resource Location Http: Hyper Text Transfer Protocol Html: Hyper Text Markup Language 多媒體 超鏈接,4,Html 基礎(chǔ),Html 源文件 文件結(jié)構(gòu) head body Title標(biāo)題 Meta,5,標(biāo)記,標(biāo)記 tag 成對(duì)的標(biāo)記, 不成對(duì)的標(biāo)記 如 如 標(biāo)記的屬性 如,6,網(wǎng)頁的基本內(nèi)容,文字 圖片

2、表格 超級(jí)鏈接 其他：樣式(css)、腳本(script),7,文字,段落 換行 標(biāo)題 . 粗體 斜體 . 字體 . 顏色 red, blue, white #rrggbb 如#FF0088,8,圖形,圖片 .gif 及 .jpg 文件,9,鏈接,文字或圖片 URL 的寫法 絕對(duì)URL 相對(duì)URL 目錄/文件名 or 文件名,10,列表, 或 . . . ,11,表格, . . . . 表格的重要作用: 用于定位,12,其他,水平線 預(yù)設(shè)格式 注釋 空格,13,了解Style(CSS,層疊樣式表),CSS的使用 直接在一個(gè)元素上寫 將樣式定義在一個(gè)單獨(dú)的css文件中 然后，在中引用這個(gè)文件 ,

3、14,將樣式定義在中的標(biāo)記中 body,td,p color:#0000CC; font-size: 9pt; . myfont font-family: 宋體; font-size: 20px; #myhead font-size: 9pt; line-height: 13pt a:link color:#00007f; a:hover color: #ff7f24; background-color:#fffff a:visited text-decoration:none; color:#65038e; a:active color:#ff0000; 注：對(duì)于.類型的style，使用cl

4、ass屬性來引用它： 注：對(duì)于#類型的style, 使用id屬性來引用它： .,15,了解Script,Script(腳本語言)，可以動(dòng)態(tài)處理網(wǎng)頁 常用的有JavaScript及VBScript兩種 通常寫在標(biāo)記中 可以通過搜索網(wǎng)上的技巧來進(jìn)行學(xué)習(xí),16,參考,網(wǎng)上資料 html 4.0 specification 各種介紹網(wǎng)頁制作的站點(diǎn) 通過 查看/源文件 來學(xué)習(xí),17,在線編輯網(wǎng)頁,寫博客,18,QQ空間 ,19,MSN空間 ,20,本地編輯網(wǎng)頁,用Word ,PPT 另存為html 文字編輯器 記事本 保存時(shí)，文件類型(所有文件),文件名.htm 專用編

5、輯器 EditPlus / UltraEdit / CuteHtml FrontPage /Netscape DreamWeaver,21,使用EditPlus / UltraEdit,手工書寫 使用工具欄 預(yù)覽 保存(注意文件名帶上擴(kuò)展名.htm),22,使用FrontPage,界面簡介 幾種視圖 三種狀態(tài)：編輯，HTML，預(yù)覽 各種工具欄,23,使用FrontPage制作網(wǎng)頁,文： 格式、樣式、項(xiàng)目編號(hào) 圖： 大小，alt 表： 列舉，文圖定位，局部背景 鏈接： 指向URL, 文件，或書簽位置 網(wǎng)頁屬性： 背景，鏈接的顏色，聲音 樣式：格式/樣式， 如a, a:hover, a:visited, a:active, td, p p.mystyle, td.myRed 在格式工具欄上應(yīng)用樣式,24,如何讓別人訪問到我的網(wǎng)頁,將文件放入到c:Inetpubwwwroot下 別人使用IE進(jìn)行訪問，如： http:/162.105.xx.xx/aaa.htm 前提： 我的機(jī)器安裝了WWW服務(wù) 開始設(shè)置控制面板添加刪除程序Windows組件Internet信息服務(wù)詳情World Wide Web服務(wù) 使用IIS服務(wù)管理器進(jìn)行管理 開始設(shè)置控制面板管理工具Intern