網(wǎng)頁設計與制作

目 錄
第1章 簡介 （1）
1.1 網(wǎng)站與網(wǎng)頁簡介 （1）
1.1.1 網(wǎng)站的構成 （2）
1.1.2 網(wǎng)頁基礎知識 （3）
1.2 HTML簡介 （4）
1.2.1 HTML基礎語法 （5）
1.2.2 HTML基本結構 （6）
1.3 CSS簡介 （9）
1.4 jQuery簡介 （12）
1.5 開發(fā)編譯環(huán)境 （13）
1.5.1 運行 （15）
1.5.2 調(diào)試 （15）
小結 （17）
習題 （17）
第2章 網(wǎng)頁基礎 （20）
2.1 HTML標簽 （20）
2.1.1 塊級元素 （21）
2.1.2 行級元素 （26）
2.1.3 行級塊元素 （27）
2.1.4 按用途分類 （29）
2.2 CSS基礎 （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 響應式布局 （88）
2.4.1 響應式布局的實現(xiàn) （89）
2.4.2 響應式布局的優(yōu)缺點 （92）
2.5 CSS 3動畫 （93）
2.5.1 transform （93）
2.5.2 transition （94）
2.5.3 animation （94）
2.5.4 動畫綜合實例 （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）
小結 （135）
習題 （135）
第3章 HTML項目開發(fā)一（子杰官網(wǎng)） （138）
3.1 項目介紹 （138）
3.1.1 項目描述 （139）
3.1.2 開發(fā)要求 （139）
3.1.3 網(wǎng)站設計分析 （139）
3.1.4 網(wǎng)站文件結構 （140）
3.1.5 網(wǎng)頁結構 （140）
3.2 導航欄 （142）
3.2.1 子杰官網(wǎng)logo （144）
3.2.2 菜單列表 （146）
3.2.3 搜索和微信圖標 （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 “申請體驗”按鈕效果 （168）
3.4.3 鼠標滑動展示產(chǎn)品詳細內(nèi)容 （171）
3.5 數(shù)字化專題 （172）
3.6 典型案例 （176）
3.7 解決方案 （178）
3.8 底部版權 （185）
3.8.1 申請體驗 （185）
3.8.2 聯(lián)系方式 （188）
3.9 響應式布局 （191）
小結 （202）
習題 （202）
第4章 HTML 5新增功能簡介 （203）
4.1 HTML 5語法 （203）
4.2 HTML 5元素 （206）
4.2.1 HTML 5新增的結構元素 （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的 應用 （221）
4.5.1 選擇文件 （221）
4.5.2 使用HTML 5實現(xiàn)拖放功能 （221）
小結 （222）
習題 （222）
第5章 HTML項目開發(fā)二（子杰軟件管理員后臺） （224）
5.1 項目介紹 （224）
5.1.1 項目描述 （225）
5.1.2 開發(fā)要求 （225）
5.2 平臺風格指引 （226）
5.2.1 商標 （226）
5.2.2 調(diào)色板 （226）
5.2.3 字體 （227）
5.3 準備工作 （229）
5.3.1 字體選擇/字體規(guī)范 （229）
5.3.2 清除瀏覽器默認樣式 （230）
5.3.3 管理員后臺默認樣式 （231）
5.3.4 管理員后臺柵格系統(tǒng) （232）
5.3.5 管理員后臺功能說明 （237）
5.4 常見的表單標簽 （238）
5.4.1 按鈕、tab標簽、下拉菜單等 （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）
小結 （306）
習題 （306）
第6章 網(wǎng)站測試與發(fā)布 （307）
6.1 測試本地站點 （308）
6.1.1 瀏覽器測試 （308）
6.1.2 鏈接測試 （309）
6.2 發(fā)布站點 （315）
6.2.1 騰訊云服務器介紹 （316）
6.2.2 使用騰訊云服務器發(fā)布站點 （317）
小結 （323）
習題 （323）
附錄 （324）