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

前言第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)頁基礎(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)頁寬度的設(shè)置 723.2.2 水平居中的設(shè)置 733.2.3 div的嵌套設(shè)置 753.2.4 div的浮動(dòng)方法 763.2.5 網(wǎng)頁布局的實(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絕對定位 883.4.2 CSS固定定位 903.4.3 CSS相對定位 923.4.4 CSS程序的簡化 93第4章 JavaScript編程應(yīng)用基礎(chǔ) 954.1 成功網(wǎng)站的特點(diǎn)和嵌入網(wǎng)頁的動(dòng)畫技術(shù) 964.1.1 成功網(wǎng)站所具備的特點(diǎn) 964.1.2 嵌入網(wǎng)頁的動(dòng)畫技術(shù) 974.2 JavaScript應(yīng)用基礎(chǔ) 1004.2.1 JavaScript的特點(diǎn) 1004.2.2 在網(wǎng)頁中嵌入JavaScript 1014.3 JavaScript的圖片輪播應(yīng)用 1024.3.1 設(shè)計(jì)首頁的版面 1034.3.2 創(chuàng)建和編輯站點(diǎn) 1054.3.3 使用DIV+CSS布局網(wǎng)頁 1054.3.4 使用動(dòng)畫技術(shù) 111第5章 Photoshop網(wǎng)頁設(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)頁設(shè)計(jì)全程實(shí)例 1255.3.1 首頁版式的設(shè)計(jì)分析 1265.3.2 網(wǎng)站首頁的大小設(shè)計(jì) 1275.3.3 頁面框架的搭建 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)頁 1356.1 網(wǎng)站首頁的布局設(shè)計(jì) 1366.1.1 首頁圖片的切片 1366.1.2 調(diào)節(jié)網(wǎng)頁圖片 1396.1.3 創(chuàng)建站點(diǎn) 1426.2 使用HTML5+CSS布局網(wǎng)頁 1436.2.1 布局的整體規(guī)劃 1436.2.2 首頁的HTML5布局 1446.2.3 CSS的樣式美化 1466.2.4 HTML5兼容IE的設(shè)置 148第7章 電子商城首頁布局 1507.1 電子商城系統(tǒng)規(guī)劃 1517.1.1 網(wǎng)站整體布局規(guī)劃 1517.1.2 建立網(wǎng)站的本地站點(diǎn) 1517.1.3 商城首頁布局分析 1547.2 首頁布局基礎(chǔ)功能 1567.2.1 重置樣式表global.css 1567.2.2 跨平臺(tái)自適應(yīng)網(wǎng)頁寬度 1597.2.3 鏈接樣式表和JavaScript 1607.2.4 布局小導(dǎo)航功能 1607.2.5 搜索功能的布局設(shè)計(jì) 1647.2.6 大導(dǎo)航和二級(jí)菜單 1677.2.7 制作首頁圖片的輪播 1727.3 功能模塊的首頁布局 1767.3.1 市場精選頻道設(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 頁面規(guī)劃設(shè)計(jì) 1828.2 用戶注冊功能的布局 1838.2.1 用戶注冊頁面DIV 1838.2.2 CSS樣式設(shè)計(jì) 1878.2.3 表單的交互驗(yàn)證 1898.3 用戶登錄模塊的設(shè)計(jì) 2018.3.1 登錄頁面的設(shè)計(jì) 2018.3.2 登錄成功個(gè)人頁面 2048.4 找回密碼的布局 2058.4.1 確認(rèn)用戶的頁面 2068.4.2 選擇找回方式 2088.4.3 修改和找回密碼 212第9章 購物車系統(tǒng)布局 2159.1 購物車系統(tǒng)規(guī)劃 2169.1.1 購物車系統(tǒng)功能 2169.1.2 購物車系統(tǒng)流程 2179.1.3 系統(tǒng)結(jié)構(gòu)設(shè)計(jì) 2199.1.4 頁面規(guī)劃設(shè)計(jì) 2209.2 產(chǎn)品前臺(tái)展示功能 2209.2.1 產(chǎn)品列表頁.html 2219.2.2 產(chǎn)品詳情頁.html 2279.3 購物車下訂單功能 2359.3.1 購物車.html 2369.3.2 確認(rèn)訂單.html 2479.3.3 付款.html 2509.3.4 完成.html 253