Web前端設(shè)計(jì)與開(kāi)發(fā)：HTML5+CSS3+JavaScript-微課版

目錄
第1章網(wǎng)頁(yè)設(shè)計(jì)入門(mén)
1.1網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)
1.1.1網(wǎng)站和網(wǎng)頁(yè)
1.1.2網(wǎng)頁(yè)基本元素
1.2網(wǎng)頁(yè)制作相關(guān)技術(shù)
1.2.1初識(shí)HTML
1.2.2HTML編輯工具
1.2.3CSS和JavaScript
1.3HTML入門(mén)
1.3.1HTML文檔的結(jié)構(gòu)
1.3.2！DOCTYPE標(biāo)記
1.4HTML5基本語(yǔ)法
1.4.1標(biāo)記語(yǔ)法
1.4.2屬性語(yǔ)法
1.4.3注釋標(biāo)記
1.5上機(jī)練習(xí)與指導(dǎo)
1.5.1編寫(xiě)一個(gè)簡(jiǎn)單的HTML網(wǎng)頁(yè)
1.5.2meta標(biāo)記的應(yīng)用
1.6本章習(xí)題
第2章制作網(wǎng)頁(yè)內(nèi)容
2.1文字
2.1.1添加文字
2.1.2添加空格和特殊符號(hào)
2.1.3文字樣式
2.1.4文字修飾
2.2段落
2.2.1段落標(biāo)記
2.2.2換行標(biāo)記
2.2.3段落對(duì)齊
2.2.4標(biāo)題
2.2.5水平分割線
2.3列表
2.3.1無(wú)序列表
2.3.2有序列表
2.3.3定義列表
2.4圖片
2.4.1img標(biāo)記
2.4.2指定圖像的尺寸
2.4.3指定圖像的對(duì)齊方式
2.4.4指定圖像的間距
2.4.5圖像的替換文本
2.4.6圖像的邊框
2.5移動(dòng)的文字
2.5.1marquee標(biāo)記
2.5.2文字移動(dòng)屬性
2.6其他多媒體文件
2.6.1embed標(biāo)記
2.6.2bgsound標(biāo)記
2.7上機(jī)練習(xí)與指導(dǎo)
2.7.1制作文字網(wǎng)頁(yè)
2.7.2制作圖文混排網(wǎng)頁(yè)
2.8本章習(xí)題
第3章超級(jí)鏈接
3.1認(rèn)識(shí)超級(jí)鏈接
3.1.1超級(jí)鏈接的定義
3.1.2超級(jí)鏈接的類(lèi)型
3.2創(chuàng)建超級(jí)鏈接
3.2.1a標(biāo)記
3.2.2絕對(duì)路徑與相對(duì)路徑
3.2.3target屬性
3.2.4超級(jí)鏈接的顯示效果
3.3常見(jiàn)的超級(jí)鏈接應(yīng)用
3.3.1圖像鏈接
3.3.2下載鏈接
3.3.3郵件鏈接
3.3.4錨點(diǎn)鏈接
3.4圖像映射
3.4.1map標(biāo)記
3.4.2area標(biāo)記
3.4.3img標(biāo)記的usemap屬性
3.5上機(jī)練習(xí)與指導(dǎo)
3.5.1錨點(diǎn)鏈接的應(yīng)用
3.5.2圖像映射的應(yīng)用
3.6本章習(xí)題
第4章用HTML布局網(wǎng)頁(yè)
4.1創(chuàng)建表格
4.1.1表格標(biāo)記
4.1.2表格標(biāo)題
4.1.3劃分表格結(jié)構(gòu)
4.2表格屬性設(shè)置
4.2.1table標(biāo)記屬性
4.2.2tr標(biāo)記屬性
4.2.3td標(biāo)記屬性
4.3使用表格布局網(wǎng)頁(yè)
4.3.1網(wǎng)頁(yè)布局類(lèi)型
4.3.2網(wǎng)頁(yè)布局實(shí)例
4.4創(chuàng)建框架
4.4.1定義框架
4.4.2利用框架分割窗口
4.4.3框架的嵌套
4.4.4框架的初始化
4.4.5創(chuàng)建浮動(dòng)框架
4.5框架控制
4.5.1控制框架邊框
4.5.2控制框架子窗口
4.6使用框架布局網(wǎng)頁(yè)實(shí)例
4.7上機(jī)練習(xí)與指導(dǎo)
4.7.1使用表格布局網(wǎng)頁(yè)的應(yīng)用
4.7.2使用框架布局網(wǎng)頁(yè)的應(yīng)用
4.8本章習(xí)題
第5章表單
5.1表單基礎(chǔ)
5.1.1表單的定義
5.1.2表單控件的類(lèi)型
5.1.3form標(biāo)記
5.2input標(biāo)記
5.2.1單行文本框
5.2.2密碼輸入框
5.2.3隱藏框
5.2.4“提交”按鈕和“重置”按鈕
5.2.5圖像按鈕
5.2.6單選框和復(fù)選框
5.2.7文件選擇輸入框
5.2.8可單擊按鈕
5.2.9HTML5新的Input類(lèi)型
5.3多行文本框
5.4下拉列表框
5.5上機(jī)練習(xí)與指導(dǎo)
5.5.1表單實(shí)現(xiàn)用戶注冊(cè)的應(yīng)用
5.5.2表單實(shí)現(xiàn)文件上傳的應(yīng)用
5.6本章習(xí)題
第6章CSS樣式表基礎(chǔ)
6.1Web標(biāo)準(zhǔn)
6.1.1Web標(biāo)準(zhǔn)的基本組成
6.1.2建立Web標(biāo)準(zhǔn)的目的與好處
6.1.3Web標(biāo)準(zhǔn)與瀏覽器的兼容性
6.2XHTML與CSS
6.2.1XHTML的基本知識(shí)
6.2.2XHTML中的元素
6.2.3CSS概述
6.2.4XHTML+CSS實(shí)現(xiàn)樣式與結(jié)構(gòu)分離
6.2.5CSS布局與表格布局的分析
6.3CSS編寫(xiě)基本模式
6.3.1CSS的插入形式
6.3.2CSS的媒介控制
6.4CSS的基本語(yǔ)法
6.4.1CSS的基本格式
6.4.2CSS的注釋語(yǔ)句
6.4.3CSS的選擇符
6.5上機(jī)練習(xí)與指導(dǎo)
6.5.1編寫(xiě)頭部CSS
6.5.2編寫(xiě)主體CSS
6.5.3編寫(xiě)外部CSS
6.6本章習(xí)題
第7章CSS布局
7.1DIV+CSS的定義
7.1.1初識(shí)DIV
7.1.2DIV元素的樣式設(shè)置
7.1.3DIV的頁(yè)面布局
7.1.4DIV元素的布局技巧
7.2CSS盒模型
7.2.1CSS盒模型的定義
7.2.2元素的高度和寬度
7.2.3邊距控制
7.2.4邊框控制
7.3CSS元素的定位
7.3.1CSS絕對(duì)定位
7.3.2CSS固定定位
7.3.3CSS相對(duì)定位
7.4上機(jī)練習(xí)與指導(dǎo)
7.4.1編寫(xiě)典型的網(wǎng)頁(yè)布局
7.4.2利用CSS定位制作導(dǎo)航條
7.5本章習(xí)題
第8章CSS網(wǎng)頁(yè)元素設(shè)計(jì)
8.1文本的設(shè)置
8.1.1字體的設(shè)置
8.1.2文本的排版
8.2顏色與背景
8.2.1設(shè)置字體顏色
8.2.2設(shè)置背景顏色
8.2.3設(shè)置背景圖片
8.2.4設(shè)置背景圖片位置
8.2.5設(shè)置背景附件
8.2.6背景屬性整體設(shè)置
8.3圖片樣式控制
8.3.1圖片定位
8.3.2圖文混排
8.3.3圖片的裁切
8.4上機(jī)練習(xí)與指導(dǎo)
8.4.1網(wǎng)頁(yè)文檔排版
8.4.2背景樣式綜合應(yīng)用
8.4.3圖文混排應(yīng)用
8.5本章習(xí)題
第9章JavaScript基礎(chǔ)
9.1JavaScript語(yǔ)言概述
9.1.1JavaScript的定義
9.1.2JavaScript的功能
9.2HTML文檔與JavaScript
9.2.1在HTML文檔中插入JavaScript
9.2.2JavaScript的解析順序
9.2.3script元素屬性
9.3JavaScript程序基礎(chǔ)
9.3.1標(biāo)識(shí)符的命名規(guī)定
9.3.2JavaScript的數(shù)據(jù)類(lèi)型
9.3.3變量
9.4常用運(yùn)算符
9.4.1算術(shù)運(yùn)算符
9.4.2賦值運(yùn)算符
9.4.3關(guān)系運(yùn)算符
9.4.4邏輯運(yùn)算符
9.4.5條件運(yùn)算符
9.4.6其他運(yùn)算符
9.5JavaScript程序
9.5.1語(yǔ)句和語(yǔ)句塊
9.5.2注釋語(yǔ)句
9.5.3選擇語(yǔ)句
9.5.4循環(huán)語(yǔ)句
9.6函數(shù)
9.6.1函數(shù)的定義和使用
9.6.2函數(shù)的參數(shù)傳遞
9.6.3函數(shù)的作用域和返回值
9.7上機(jī)練習(xí)與指導(dǎo)
9.7.1猜數(shù)游戲
9.7.2數(shù)組應(yīng)用
9.8本章習(xí)題