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

目 錄
第1章 簡介 （1）
1.1 網(wǎng)站與網(wǎng)頁簡介 （1）
1.1.1 網(wǎng)站的構(gòu)成 （2）
1.1.2 網(wǎng)頁基礎(chǔ)知識 （3）
1.2 HTML簡介 （4）
1.2.1 HTML基礎(chǔ)語法 （5）
1.2.2 HTML基本結(jié)構(gòu) （6）
1.3 CSS簡介 （9）
1.4 jQuery簡介 （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)頁基礎(chǔ) （20）
2.1 HTML標(biāo)簽 （20）
2.1.1 塊級元素 （21）
2.1.2 行級元素 （26）
2.1.3 行級塊元素 （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 浮動布局 （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動畫 （93）
2.5.1 transform （93）
2.5.2 transition （94）
2.5.3 animation （94）
2.5.4 動畫綜合實(shí)例 （95）
2.6 jQuery （99）
2.6.1 jQuery的引用 （100）
2.6.2 jQuery的語法 （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)頁結(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 “申請?bào)w驗(yàn)”按鈕效果 （168）
3.4.3 鼠標(biāo)滑動展示產(chǎn)品詳細(xì)內(nèi)容 （171）
3.5 數(shù)字化專題 （172）
3.6 典型案例 （176）
3.7 解決方案 （178）
3.8 底部版權(quán) （185）
3.8.1 申請?bào)w驗(yàn) （185）
3.8.2 聯(lián)系方式 （188）
3.9 響應(yīng)式布局 （191）
小結(jié) （202）
習(xí)題 （202）
第4章 HTML 5新增功能簡介 （203）
4.1 HTML 5語法 （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)頁音頻 （216）
4.3.2 網(wǎng)頁視頻 （217）
4.3.3 滾動字幕（跑馬燈效果） （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ā)二（子杰軟件管理員后臺） （224）
5.1 項(xiàng)目介紹 （224）
5.1.1 項(xiàng)目描述 （225）
5.1.2 開發(fā)要求 （225）
5.2 平臺風(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 管理員后臺默認(rèn)樣式 （231）
5.3.4 管理員后臺柵格系統(tǒng) （232）
5.3.5 管理員后臺功能說明 （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 管理員后臺——欄目管理頁面 （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)站測試與發(fā)布 （307）
6.1 測試本地站點(diǎn) （308）
6.1.1 瀏覽器測試 （308）
6.1.2 鏈接測試 （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）