HTML5+CSS+JavaScript網(wǎng)頁(yè)布局從入門到精通

前言第1章 HTML5基礎(chǔ)知識(shí) 11.1 HTML文檔基本結(jié)構(gòu) 21.1.1 HTML文檔編輯器 21.1.2 HTML文檔類型 21.1.3 HTML文檔標(biāo)準(zhǔn)結(jié)構(gòu) 51.2 HTML標(biāo)簽、元素和屬性 61.2.1 HTML標(biāo)簽的概念 61.2.2 元素和元素形式 71.2.3 屬性的定義 81.2.4 大小寫規(guī)范 91.3 常用HTML5標(biāo)簽 91.3.1 基礎(chǔ)標(biāo)簽 91.3.2 格式標(biāo)簽 111.3.3 表單標(biāo)簽 131.3.4 框架標(biāo)簽 241.3.5 圖像標(biāo)簽 241.3.6 音/視頻標(biāo)簽 271.3.7 鏈接標(biāo)簽 311.3.8 列表標(biāo)簽 321.3.9 表格標(biāo)簽 341.3.10 樣式/節(jié)標(biāo)簽 351.3.11 元信息標(biāo)簽 381.3.12 編程標(biāo)簽 40第2章 CSS基本語法和應(yīng)用 422.1 CSS層疊樣式表 432.1.1 CSS的作用、類型與沖突 432.1.2 編輯CSS層疊樣式表 442.1.3 在HTML文檔中應(yīng)用CSS的方法 462.2 CSS的基本語法 492.2.1 CSS的3種選擇器 502.2.2 選擇器的聲明 542.2.3 CSS樣式繼承 562.2.4 使用CSS注釋 582.3 CSS盒模型控制 582.3.1 CSS盒模型概念 582.3.2 外邊距margin的控制 602.3.3 邊框border的樣式設(shè)置 622.3.4 內(nèi)邊距padding的設(shè)置 64第3章 DIV+CSS網(wǎng)頁(yè)基礎(chǔ)布局 663.1 div元素的基礎(chǔ)知識(shí) 673.1.1 div標(biāo)簽控制方法 673.1.2 HTML中的元素 693.1.3 元素的樣式設(shè)置 703.2 DIV+CSS基礎(chǔ)布局 723.2.1 網(wǎng)頁(yè)寬度的設(shè)置 723.2.2 水平居中的設(shè)置 733.2.3 div的嵌套設(shè)置 753.2.4 div的浮動(dòng)方法 763.2.5 網(wǎng)頁(yè)布局的實(shí)例 813.3 列表元素布局 843.3.1 列表元素布局導(dǎo)航 843.3.2 導(dǎo)航條的超鏈接 853.3.3 導(dǎo)航條的互動(dòng)設(shè)計(jì) 873.4 元素的非常規(guī)定位方式 883.4.1 CSS絕對(duì)定位 883.4.2 CSS固定定位 903.4.3 CSS相對(duì)定位 923.4.4 CSS程序的簡(jiǎn)化 93第4章 JavaScript編程應(yīng)用基礎(chǔ) 954.1 成功網(wǎng)站的特點(diǎn)和嵌入網(wǎng)頁(yè)的動(dòng)畫技術(shù) 964.1.1 成功網(wǎng)站所具備的特點(diǎn) 964.1.2 嵌入網(wǎng)頁(yè)的動(dòng)畫技術(shù) 974.2 JavaScript應(yīng)用基礎(chǔ) 1004.2.1 JavaScript的特點(diǎn) 1004.2.2 在網(wǎng)頁(yè)中嵌入JavaScript 1014.3 JavaScript的圖片輪播應(yīng)用 1024.3.1 設(shè)計(jì)首頁(yè)的版面 1034.3.2 創(chuàng)建和編輯站點(diǎn) 1054.3.3 使用DIV+CSS布局網(wǎng)頁(yè) 1054.3.4 使用動(dòng)畫技術(shù) 111第5章 Photoshop網(wǎng)頁(yè)設(shè)計(jì)與應(yīng)用 1175.1 網(wǎng)站的策劃準(zhǔn)備工作 1185.1.1 網(wǎng)站建設(shè)前期的總體策劃 1185.1.2 定位網(wǎng)站的主題 1185.1.3 擬定網(wǎng)站訪問群體 1195.2 網(wǎng)站策劃的重點(diǎn) 1195.2.1 網(wǎng)站欄目的設(shè)計(jì) 1205.2.2 網(wǎng)站VI形象的定位 1205.2.3 網(wǎng)站設(shè)計(jì)的宣傳標(biāo)語 1225.2.4 網(wǎng)站框架的確定 1235.2.5 網(wǎng)站資料的收集 1245.2.6 網(wǎng)站制作的注意事項(xiàng) 1245.3 網(wǎng)頁(yè)設(shè)計(jì)全程實(shí)例 1255.3.1 首頁(yè)版式的設(shè)計(jì)分析 1265.3.2 網(wǎng)站首頁(yè)的大小設(shè)計(jì) 1275.3.3 頁(yè)面框架的搭建 1285.3.4 設(shè)計(jì)Banner圖片 1295.3.5 小導(dǎo)航的制作 1305.3.6 大導(dǎo)航的制作 1305.3.7 版權(quán)的設(shè)計(jì) 1315.3.8 內(nèi)容的設(shè)計(jì) 1335.3.9 友情鏈接 133第6章 HTML5+CSS布局網(wǎng)頁(yè) 1356.1 網(wǎng)站首頁(yè)的布局設(shè)計(jì) 1366.1.1 首頁(yè)圖片的切片 1366.1.2 調(diào)節(jié)網(wǎng)頁(yè)圖片 1396.1.3 創(chuàng)建站點(diǎn) 1426.2 使用HTML5+CSS布局網(wǎng)頁(yè) 1436.2.1 布局的整體規(guī)劃 1436.2.2 首頁(yè)的HTML5布局 1446.2.3 CSS的樣式美化 1466.2.4 HTML5兼容IE的設(shè)置 148第7章 電子商城首頁(yè)布局 1507.1 電子商城系統(tǒng)規(guī)劃 1517.1.1 網(wǎng)站整體布局規(guī)劃 1517.1.2 建立網(wǎng)站的本地站點(diǎn) 1517.1.3 商城首頁(yè)布局分析 1547.2 首頁(yè)布局基礎(chǔ)功能 1567.2.1 重置樣式表global.css 1567.2.2 跨平臺(tái)自適應(yīng)網(wǎng)頁(yè)寬度 1597.2.3 鏈接樣式表和JavaScript 1607.2.4 布局小導(dǎo)航功能 1607.2.5 搜索功能的布局設(shè)計(jì) 1647.2.6 大導(dǎo)航和二級(jí)菜單 1677.2.7 制作首頁(yè)圖片的輪播 1727.3 功能模塊的首頁(yè)布局 1767.3.1 市場(chǎng)精選頻道設(shè)計(jì) 1777.3.2 特價(jià)商品和品牌館 1787.3.3 版權(quán)內(nèi)容排版布局 180第8章 用戶管理系統(tǒng)布局 1818.1 用戶管理系統(tǒng)的規(guī)劃 1828.1.1 系統(tǒng)結(jié)構(gòu)設(shè)計(jì) 1828.1.2 頁(yè)面規(guī)劃設(shè)計(jì) 1828.2 用戶注冊(cè)功能的布局 1838.2.1 用戶注冊(cè)頁(yè)面DIV 1838.2.2 CSS樣式設(shè)計(jì) 1878.2.3 表單的交互驗(yàn)證 1898.3 用戶登錄模塊的設(shè)計(jì) 2018.3.1 登錄頁(yè)面的設(shè)計(jì) 2018.3.2 登錄成功個(gè)人頁(yè)面 2048.4 找回密碼的布局 2058.4.1 確認(rèn)用戶的頁(yè)面 2068.4.2 選擇找回方式 2088.4.3 修改和找回密碼 212第9章 購(gòu)物車系統(tǒng)布局 2159.1 購(gòu)物車系統(tǒng)規(guī)劃 2169.1.1 購(gòu)物車系統(tǒng)功能 2169.1.2 購(gòu)物車系統(tǒng)流程 2179.1.3 系統(tǒng)結(jié)構(gòu)設(shè)計(jì) 2199.1.4 頁(yè)面規(guī)劃設(shè)計(jì) 2209.2 產(chǎn)品前臺(tái)展示功能 2209.2.1 產(chǎn)品列表頁(yè).html 2219.2.2 產(chǎn)品詳情頁(yè).html 2279.3 購(gòu)物車下訂單功能 2359.3.1 購(gòu)物車.html 2369.3.2 確認(rèn)訂單.html 2479.3.3 付款.html 2509.3.4 完成.html 253