網(wǎng)頁(yè)制作教程

第1章　HTML基礎(chǔ)　1                   
 1.1　什么是HTML　1                   
 1.1.1　Web頁(yè)的基本概念　1                   
 1.1.2　HTML的工作原理　3                   
 1.2　創(chuàng)建Web頁(yè)　5                   
 1.2.1　標(biāo)記符基礎(chǔ)　6                   
 1.2.2　Web頁(yè)的基本結(jié)構(gòu)　6                   
 1.2.3　設(shè)置頁(yè)面屬性　9                   
 1.2.4　添加注釋　12                   
 1.2.5　顯示特殊字符　13                   
 1.2.6　創(chuàng)建和測(cè)試Web頁(yè)　13                   
 1.3　發(fā)布Web頁(yè)　14                   
 1.3.1　創(chuàng)建本地站點(diǎn)　15                   
 1.3.2　申請(qǐng)網(wǎng)頁(yè)空間　15                   
 1.3.3　用FTP上傳網(wǎng)頁(yè)　15                   
 練習(xí)題　17                   
                   
 第2章　文本格式　18                   
 2.1　文本分段　18                   
 2.1.1　段落標(biāo)記符P和換行標(biāo)記符BR　18                   
 2.1.2　水平線(xiàn)標(biāo)記符HR　19                   
 2.1.3　標(biāo)題標(biāo)記符Hn　21                   
 2.1.4　段落對(duì)齊　22                   
 2.2　控制文本的顯示效果　26                   
 2.2.1　字體控制標(biāo)記符FONT　26                   
 2.2.2　物理字符樣式　28                   
 2.2.3　邏輯字符樣式　29                   
 2.3　列表格式　31                   
 2.3.1　有序列表　31                   
 2.3.2　無(wú)序列表　33                   
 練習(xí)題　34                   
                   
 第3章　圖像與超鏈接　36                   
 3.1　Web頁(yè)圖像基礎(chǔ)　36                   
 3.1.1　Web頁(yè)圖像格式　36                   
 3.1.2　選擇圖形圖像處理軟件　38                   
 3.1.3　使用網(wǎng)頁(yè)圖像的要點(diǎn)　40                   
 3.2　圖像標(biāo)記符IMG　43                   
 3.2.1　插入圖像　43                   
 3.2.2　設(shè)置圖像屬性　44                   
 3.3　在頁(yè)面中顯示動(dòng)畫(huà)　47                   
 3.3.1　動(dòng)畫(huà)的基本原理　47                   
 3.3.2　使用Flash動(dòng)畫(huà)　47                   
 3.1.3　使用GIF動(dòng)畫(huà)　51                   
 3.4　創(chuàng)建超鏈接　53                   
 3.4.1　相對(duì)地址與絕對(duì)地址　53                   
 3.1.2　頁(yè)面鏈接　55                   
 3.1.3　錨點(diǎn)鏈接　56                   
 3.1.4　電子郵件鏈接　58                   
 3.5　使用圖像映射　58                   
 3.5.1　什么是圖像映射　58                   
 3.5.2　創(chuàng)建圖像映射　60                   
 練習(xí)題　63                   
                   
 第4章　表格與框架　64                   
 4.1　創(chuàng)建表格　64                   
 4.1.1　表格的基本構(gòu)成　64                   
 4.1.2　合并單元格　66                   
 4.1.3　構(gòu)造表格的步驟　67                   
 4.2　表格的屬性設(shè)置　67                   
 4.2.1　邊框與分隔線(xiàn)　67                   
 4.2.2　控制單元格空白　69                   
 4.2.3　表格的對(duì)齊　70                   
 4.3　使用表格設(shè)計(jì)網(wǎng)頁(yè)布局　72                   
 4.3.1　控制表格和單元格大小　72                   
 4.3.2　設(shè)置表格和單元格的背景　73                   
 4.3.3　使用嵌套表格　74                   
 4.3.4　表格布局綜合應(yīng)用　75                   
 4.4　創(chuàng)建框架　80                   
 4.4.1　什么是框架　80                   
 4.4.2　指定框架結(jié)構(gòu)　81                   
 4.4.3　框架的嵌套　84                   
 4.4.4　框架的初始化　84                   
 4.5　控制框架的顯示效果　86                   
 4.5.1　邊框效果　86                   
 4.5.2　設(shè)置框架空白　87                   
 4.6　使用框架設(shè)計(jì)網(wǎng)頁(yè)布局　88                   
 4.6.1　指定超鏈接的目標(biāo)框架　88                   
 4.6.2　使用頁(yè)內(nèi)框架　91                   
 練習(xí)題　92                   
                   
 第6章　表單與特殊對(duì)象　95                   
 5.1　創(chuàng)建表單　95                   
 5.1.1　什么是表單　95                   
 5.1.2　表單控件的類(lèi)型　97                   
 5.1.3　FORM標(biāo)記符　98                   
 5.2　創(chuàng)建表單控件　98                   
 5.2.1　文本框與口令框　99                   
 5.2.2　復(fù)選框與單選框　100                   
 5.2.3　文件選擇框　101                   
 5.2.4　按鈕　102                   
 5.2.5　多行文本框　104                   
 5.2.6　選項(xiàng)菜單　105                   
 5.3　設(shè)置控件的標(biāo)簽　106                   
 5.4　網(wǎng)頁(yè)中的特殊對(duì)象　108                   
 5.4.1　多媒體對(duì)象　108                   
 5.4.2　Java小應(yīng)用程序?qū)ο蟆?12                   
 5.4.3　滾動(dòng)字幕對(duì)象　115                   
 練習(xí)題　116                   
                   
 第6章　CSS技術(shù)　117                   
 6.1　CSS入門(mén)　117                   
 6.1.1　什么是CSS　117                   
 6.1.2　CSS的屬性單位　118                   
 6.2　在網(wǎng)頁(yè)中使用CSS　120                   
 6.2.1　在標(biāo)記符中直接嵌套樣式信息　120                   
 6.2.2　在STYLE標(biāo)記符中定義樣式信息　121                   
 6.2.3　鏈接外部樣式表中的樣式信息　121                   
 6.3　CSS樣式定義　122                   
 6.3.1　HTML標(biāo)記符selector　123                   
 6.3.2　具有上下文關(guān)系的HTML標(biāo)記符selector　123                   
 6.3.3　用戶(hù)定義的類(lèi)selector　123                   
 6.3.4　用戶(hù)定義的ID selector　124                   
 6.3.5　虛類(lèi)selector　124                   
 6.4　CSS屬性　125                   
 6.4.1　字體與文本屬性　125                   
 6.4.2　顏色與背景屬性　129                   
 6.4.3　布局屬性　130                   
 6.4.4　定位和顯示屬性　137                   
 6.4.5　列表屬性　140                   
 6.4.6　鼠標(biāo)屬性　141                   
 6.5　CSS過(guò)濾器效果　142                   
 6.5.1　過(guò)濾器屬性列表　142                   
 6.5.2　過(guò)濾器效果示例　144                   
 練習(xí)題　146                   
                   
 第7章　JavaScript與DHTML 技術(shù)　147                   
 7.1　使用客戶(hù)端腳本　147                   
 7.1.1　使用SCRIPT標(biāo)記符　147                   
 7.1.2　直接添加腳本　149                   
 7.1.3　鏈接腳本文件　149                   
 7.2　JavaScript簡(jiǎn)介　150                   
 7.2.1　JavaScript語(yǔ)言基礎(chǔ)　150                   
 7.2.2　使用JavaScript對(duì)象　157                   
 7.2.3　使用瀏覽器對(duì)象　163                   
 7.3　DHTML技術(shù)　170                   
 7.3.1　什么是DHTML　171                   
 7.3.2　DHTML應(yīng)用示例　172                   
 練習(xí)題　176                   
                   
 第8章　用FrontPage2000制作網(wǎng)頁(yè)　177                   
 8.1　FrontPage基本操作　177                   
 8.1.1　FrontPage的界面　177                   
 8.1.2　文件操作　179                   
 8.1.3　設(shè)置網(wǎng)頁(yè)屬性　180                   
 8.1.4　文字輸入與格式設(shè)置　181                   
 8.1.5　設(shè)置超鏈接　184                   
 8.2　使用FrontPage創(chuàng)建網(wǎng)站　186                   
 8.2.1　站點(diǎn)基本操作　186                   
 8.2.2　創(chuàng)建個(gè)人站點(diǎn)　188                   
 8.2.3　創(chuàng)建公司站點(diǎn)　189                   
 8.3　頁(yè)面布局及修飾　191                   
 8.3.1　插入圖片　192                   
 8.3.2　創(chuàng)建DHTML 效果　193                   
 8.3.3　使用表格　194                   
 8.3.4　使用框架　196                   
 8.3.5　使用組件　199                   
 8.3.6　使用表單　200                   
 8.4　在FrontPage中使用 CSS　203                   
 8.4.1　使用內(nèi)部樣式　204                   
 8.4.2　使用外部樣式　206                   
 8.5　網(wǎng)頁(yè)制作實(shí)例　208                   
                   
 第9章　用Dreamweaver 4.0制作網(wǎng)頁(yè)　216                   
 9.1　Dreamweaver基本操作　216                   
 9.1.1　Dreamweaver的界面　216                   
 9.1.2　創(chuàng)建網(wǎng)頁(yè)　220                   
 9.1.3　文本格式設(shè)置　225                   
 9.2　創(chuàng)建并管理網(wǎng)站　229                   
 9.2.1　創(chuàng)建本地站點(diǎn)　229                   
 9.2.2　站點(diǎn)的基本操作　230                   
 9.2.3　創(chuàng)建遠(yuǎn)程站點(diǎn)　231                   
 9.3　頁(yè)面布局及修飾　233                   
 9.3.1　使用圖片與多媒體對(duì)象　233                   
 9.3.2　使用表格　238                   
 9.3.3　使用框架　242                   
 9.3.4　使用表單　244                   
 9.4　使用樣式　247                   
 9.4.1　使用HTML樣式　247                   
 9.4.2　使用CSS樣式　248                   
 9.5　創(chuàng)建動(dòng)態(tài)效果　250                   
 9.5.1　使用層　250                   
 9.5.2　使用行為　251                   
 9.6　網(wǎng)頁(yè)制作實(shí)例　255                   
                   
 第10章　實(shí)際技能訓(xùn)練　265                   
 10.1　實(shí)訓(xùn) 1——基本HTML文件的編輯　265                   
 10.2　實(shí)訓(xùn) 2——文本格式的設(shè)置　265                   
 10.3　實(shí)訓(xùn) 3——基本的圖像處理與制作　266                   
 10.4　實(shí)訓(xùn) 4——使用超鏈接和建立站點(diǎn)結(jié)構(gòu)　267                   
 10.5　實(shí)訓(xùn) 5——使用表格　268                   
 10.6　實(shí)訓(xùn) 6——使用框架　268                   
 10.7　實(shí)訓(xùn) 7——使用表單　269                   
 10.8　實(shí)訓(xùn) 8——使用特殊對(duì)象　269                   
 10.9　實(shí)訓(xùn) 9——使用CSS樣式表　270                   
 10.10　實(shí)訓(xùn) 10——使用JavaScript與DHTML　271                   
 10.11　實(shí)訓(xùn) 11——使用FrontPage　271                   
 10.12　實(shí)訓(xùn) 12——使用Dreamweaver　272                   
                   
 附錄 1　HTML顏色表　273                   
 附錄 2　字符實(shí)體表　276                   
 附錄 3　HTML 4.0快速參考　285                   
 附錄 3.1　通用屬性　285                   
 附錄 3.2　HTML文檔結(jié)構(gòu)元素　285                   
 附錄 3.3　文本元素　286                   
 附錄 3.4　字體樣式元素　288                   
 附錄 3.5　列表元素　289                   
 附錄 3.6　表格元素　290                   
 附錄 3.7　框架元素　292                   
 附錄 3.8　表單元素　294                   
 附錄 3.9　其他元素　295                   
 附錄 4　CSS快速參考　299