網(wǎng)頁(yè)設(shè)計(jì)與制作

目 錄
第1章 簡(jiǎn)介 （1）
1.1 網(wǎng)站與網(wǎng)頁(yè)簡(jiǎn)介 （1）
1.1.1 網(wǎng)站的構(gòu)成 （2）
1.1.2 網(wǎng)頁(yè)基礎(chǔ)知識(shí) （3）
1.2 HTML簡(jiǎn)介 （4）
1.2.1 HTML基礎(chǔ)語(yǔ)法 （5）
1.2.2 HTML基本結(jié)構(gòu) （6）
1.3 CSS簡(jiǎn)介 （9）
1.4 jQuery簡(jiǎn)介 （12）
1.5 開發(fā)編譯環(huán)境 （13）
1.5.1 運(yùn)行 （15）
1.5.2 調(diào)試 （15）
小結(jié) （17）
習(xí)題 （17）
第2章 網(wǎng)頁(yè)基礎(chǔ) （20）
2.1 HTML標(biāo)簽 （20）
2.1.1 塊級(jí)元素 （21）
2.1.2 行級(jí)元素 （26）
2.1.3 行級(jí)塊元素 （27）
2.1.4 按用途分類 （29）
2.2 CSS基礎(chǔ) （30）
2.2.1 CSS的使用 （31）
2.2.2 盒子模型 （56）
2.3 CSS常用布局方法 （66）
2.3.1 浮動(dòng)布局 （67）
2.3.2 定位布局 （70）
2.3.3 彈性布局 （83）
2.4 響應(yīng)式布局 （88）
2.4.1 響應(yīng)式布局的實(shí)現(xiàn) （89）
2.4.2 響應(yīng)式布局的優(yōu)缺點(diǎn) （92）
2.5 CSS 3動(dòng)畫 （93）
2.5.1 transform （93）
2.5.2 transition （94）
2.5.3 animation （94）
2.5.4 動(dòng)畫綜合實(shí)例 （95）
2.6 jQuery （99）
2.6.1 jQuery的引用 （100）
2.6.2 jQuery的語(yǔ)法 （101）
2.6.3 jQuery的入口函數(shù) （102）
2.6.4 jQuery選擇器 （102）
2.6.5 jQuery常用的事件 （103）
2.6.6 jQuery的效果 （113）
2.6.7 jQuery操作HTML （126）
2.6.8 jQuery遍歷元素 （131）
小結(jié) （135）
習(xí)題 （135）
第3章 HTML項(xiàng)目開發(fā)一（子杰官網(wǎng)） （138）
3.1 項(xiàng)目介紹 （138）
3.1.1 項(xiàng)目描述 （139）
3.1.2 開發(fā)要求 （139）
3.1.3 網(wǎng)站設(shè)計(jì)分析 （139）
3.1.4 網(wǎng)站文件結(jié)構(gòu) （140）
3.1.5 網(wǎng)頁(yè)結(jié)構(gòu) （140）
3.2 導(dǎo)航欄 （142）
3.2.1 子杰官網(wǎng)logo （144）
3.2.2 菜單列表 （146）
3.2.3 搜索和微信圖標(biāo) （150）
3.3 輪播圖整體布局 （153）
3.3.1 輪播圖片切換按鈕 （156）
3.3.2 輪播文字部分 （157）
3.3.3 輪播效果 （160）
3.4 我們的產(chǎn)品 （160）
3.4.1 產(chǎn)品分類 （163）
3.4.2 “申請(qǐng)?bào)w驗(yàn)”按鈕效果 （168）
3.4.3 鼠標(biāo)滑動(dòng)展示產(chǎn)品詳細(xì)內(nèi)容 （171）
3.5 數(shù)字化專題 （172）
3.6 典型案例 （176）
3.7 解決方案 （178）
3.8 底部版權(quán) （185）
3.8.1 申請(qǐng)?bào)w驗(yàn) （185）
3.8.2 聯(lián)系方式 （188）
3.9 響應(yīng)式布局 （191）
小結(jié) （202）
習(xí)題 （202）
第4章 HTML 5新增功能簡(jiǎn)介 （203）
4.1 HTML 5語(yǔ)法 （203）
4.2 HTML 5元素 （206）
4.2.1 HTML 5新增的結(jié)構(gòu)元素 （206）
4.2.2 HTML 5新增的功能元素 （208）
4.2.3 HTML 5廢除的元素 （209）
4.2.4 HTML 5屬性 （209）
4.2.5 HTML 5全局屬性 （212）
4.3 HTML 5中的多媒體 （215）
4.3.1 網(wǎng)頁(yè)音頻 （216）
4.3.2 網(wǎng)頁(yè)視頻 （217）
4.3.3 滾動(dòng)字幕（跑馬燈效果） （218）
4.4 使用HTML 5繪制圖形 （220）
4.5 HTML 5的 應(yīng)用 （221）
4.5.1 選擇文件 （221）
4.5.2 使用HTML 5實(shí)現(xiàn)拖放功能 （221）
小結(jié) （222）
習(xí)題 （222）
第5章 HTML項(xiàng)目開發(fā)二（子杰軟件管理員后臺(tái)） （224）
5.1 項(xiàng)目介紹 （224）
5.1.1 項(xiàng)目描述 （225）
5.1.2 開發(fā)要求 （225）
5.2 平臺(tái)風(fēng)格指引 （226）
5.2.1 商標(biāo) （226）
5.2.2 調(diào)色板 （226）
5.2.3 字體 （227）
5.3 準(zhǔn)備工作 （229）
5.3.1 字體選擇/字體規(guī)范 （229）
5.3.2 清除瀏覽器默認(rèn)樣式 （230）
5.3.3 管理員后臺(tái)默認(rèn)樣式 （231）
5.3.4 管理員后臺(tái)柵格系統(tǒng) （232）
5.3.5 管理員后臺(tái)功能說(shuō)明 （237）
5.4 常見的表單標(biāo)簽 （238）
5.4.1 按鈕、tab標(biāo)簽、下拉菜單等 （238）
5.4.2 抽屜和彈出框 （255）
5.5 登錄界面 （260）
5.5.1 整體布局 （260）
5.5.2 具體代碼 （261）
5.6 管理員后臺(tái)——欄目管理頁(yè)面 （263）
5.6.1 整體布局 （263）
5.6.2 Sider區(qū)域布局 （267）
5.6.3 Right區(qū)域布局 （278）
5.7 Content區(qū)域——Header布局 （288）
5.7.1 Header區(qū)域 （290）
5.7.2 Content區(qū)域 （292）
小結(jié) （306）
習(xí)題 （306）
第6章 網(wǎng)站測(cè)試與發(fā)布 （307）
6.1 測(cè)試本地站點(diǎn) （308）
6.1.1 瀏覽器測(cè)試 （308）
6.1.2 鏈接測(cè)試 （309）
6.2 發(fā)布站點(diǎn) （315）
6.2.1 騰訊云服務(wù)器介紹 （316）
6.2.2 使用騰訊云服務(wù)器發(fā)布站點(diǎn) （317）
小結(jié) （323）
習(xí)題 （323）
附錄 （324）