Web交互界面設(shè)計(jì)與制作(微課版)
定 價(jià):69.8 元
叢書名:“創(chuàng)新設(shè)計(jì)思維”數(shù)字媒體與藝術(shù)設(shè)計(jì)類新形態(tài)叢書
本書在編寫過(guò)程中堅(jiān)持理論性和實(shí)用性相結(jié)合,力求與互聯(lián)網(wǎng)行業(yè)技術(shù)發(fā)展同步,著重提高讀者Web交互界面設(shè)計(jì)和制作的能力。全書共9章,內(nèi)容包括交互界面設(shè)計(jì)概述、Web交互界面設(shè)計(jì)基礎(chǔ)、Web交互界面技術(shù)概述、HTML5和CSS3基礎(chǔ)、Web交互界面設(shè)計(jì)案例、HTML5和CSS3進(jìn)階、JavaScript基礎(chǔ)、Web交互界面開(kāi)發(fā)、綜合案例:網(wǎng)站交互界面開(kāi)發(fā)。本書系統(tǒng)地介紹 Web交互界面設(shè)計(jì)與制作的全過(guò)程,可作為高等院校數(shù)字媒體技術(shù)、數(shù)字媒體藝術(shù)、計(jì)算機(jī)科學(xué)與技術(shù)等相關(guān)專業(yè)的教材或教學(xué)參考書,也可供各類培訓(xùn)機(jī)構(gòu)、網(wǎng)頁(yè)設(shè)計(jì)從業(yè)人員參考使用。
(1)在內(nèi)容編排上,從交互界面設(shè)計(jì)的基礎(chǔ)知識(shí)開(kāi)始,介紹交互界面的藝術(shù)設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、內(nèi)容規(guī)劃,以及如何利用HTML5、CSS3和JavaScript 等相關(guān)技術(shù)進(jìn)行交互界面開(kāi)發(fā)。(2)采用理論穿插案例,由淺入深、循序漸進(jìn)的方式,結(jié)合大量的實(shí)際案例,展現(xiàn)交互界面開(kāi)發(fā)過(guò)程中的具體操作過(guò)程,具有較強(qiáng)的實(shí)用性和可操作性,注重讀者實(shí)踐能力的培養(yǎng)。(3)每章章末都設(shè)置了本章小結(jié),簡(jiǎn)要總結(jié)了本章的主要內(nèi)容和重點(diǎn)難點(diǎn);同時(shí),還設(shè)置了本章習(xí)題板塊,包括選擇題、簡(jiǎn)答題、操作題,便于讀者鞏固所學(xué)知識(shí),可滿足高校教、學(xué)、做、考一體化的教學(xué)需求。
張曉穎,軟件學(xué)院數(shù)字媒體技術(shù)系副教授、高級(jí)工程師。曾任職重慶一家業(yè)內(nèi)知名的IT企業(yè)。先后承擔(dān)數(shù)字媒體技術(shù)專業(yè)《創(chuàng)意專題網(wǎng)頁(yè)設(shè)計(jì)》《綜合網(wǎng)站實(shí)訓(xùn)》《典型網(wǎng)頁(yè)設(shè)計(jì)》等核心課程的教學(xué)任務(wù)。
第1章 交互界面設(shè)計(jì)概述 11.1 交互界面概念 11.2 交互界面歷史 21.3 交互用戶體驗(yàn) 31.3.1 用戶體驗(yàn)概念 31.3.2 生活中的用戶體驗(yàn) 41.3.3 用戶體驗(yàn)五要素 41.3.4 用戶體驗(yàn)案例 91.4 交互界面設(shè)計(jì)與開(kāi)發(fā)流程 111.5 本章小結(jié) 131.6 本章習(xí)題 13第 2章 Web交互界面設(shè)計(jì)基礎(chǔ) 142.1 設(shè)計(jì)思路 142.2 設(shè)計(jì)要素 142.3 設(shè)計(jì)原則與準(zhǔn)則 172.3.1 基本原則 172.3.2 基本準(zhǔn)則 182.4 設(shè)計(jì)工具介紹 182.4.1 Photoshop概述 192.4.2 圖層基本操作 222.4.3 案例實(shí)現(xiàn):圖層蒙版 252.4.4 案例實(shí)現(xiàn):切片工具的應(yīng)用 272.5 Web交互界面設(shè)計(jì) 312.5.1 案例實(shí)現(xiàn):網(wǎng)站界面設(shè)計(jì) 312.5.2 案例實(shí)現(xiàn):網(wǎng)頁(yè)banner設(shè)計(jì) 372.6 本章小結(jié) 412.7 本章習(xí)題 411.選擇題 412.簡(jiǎn)答題 41第3章 Web交互界面技術(shù)概述 423.1 Web交互界面技術(shù)相關(guān)概念 423.1.1 Internet介紹 423.1.2 Web瀏覽器介紹 453.2 Web交互界面核心技術(shù) 453.2.1 網(wǎng)頁(yè)開(kāi)發(fā)基本要素 453.2.2 Web標(biāo)準(zhǔn) 463.2.3 HTML5概述 473.2.4 CSS3概述 473.2.5 JavaScript簡(jiǎn)介 483.2.6交互界面開(kāi)發(fā)工具 493.3 本章小結(jié) 503.4 本章習(xí)題 50第4章 HTML5和CSS3基礎(chǔ) 514.1 HTML5基礎(chǔ) 514.1.1 網(wǎng)頁(yè)基本結(jié)構(gòu) 514.1.2 標(biāo)簽類型 554.1.3 HTML5結(jié)構(gòu)標(biāo)簽 564.1.4 HTML5文本標(biāo)簽 604.2 CSS3基礎(chǔ) 624.2.1 CSS3的引用方法 634.2.2 CSS3選擇器和聲明 644.2.3 id和類命名規(guī)則 684.2.4 顏色值語(yǔ)法 684.2.5 CSS中的注釋 684.2.6 CSS3文本屬性 694.2.7 CSS3背景屬性 724.3 案例實(shí)現(xiàn):文章界面美化 754.4 本章小結(jié) 774.5 本章習(xí)題 77第5章 Web交互界面設(shè)計(jì)案例 795.1 新聞列表制作 795.1.1 超鏈接 795.1.2 列表標(biāo)簽 805.1.3 列表樣式屬性 825.1.4 案例實(shí)現(xiàn):新聞列表制作 835.2 導(dǎo)航制作 855.2.1 標(biāo)準(zhǔn)流 855.2.2 浮動(dòng)(float)與清除浮動(dòng)(clear) 855.2.3 案例實(shí)現(xiàn):導(dǎo)航制作 875.3 圖文板塊制作 895.3.1 盒子模型 895.3.2 寬度和高度 905.3.3 邊框 915.3.4 內(nèi)邊距 935.3.5 外邊距 935.3.6 Web常見(jiàn)圖片格式 945.3.7 Web中的插入圖片 955.3.8 相對(duì)路徑與絕對(duì)路徑 955.3.9 案例實(shí)現(xiàn):圖文板塊制作 965.4 圖文列表制作 985.4.1 相對(duì)定位 995.4.2 絕對(duì)定位 995.4.3 層級(jí)z-index 1005.4.4 CSS3的過(guò)渡動(dòng)畫 1005. transition的簡(jiǎn)寫屬性 1015.4.5 CSS3的2D變形 1015.4.6 CSS3的3D變形 1035.4.7 隱藏與顯示屬性 1045.4.8 案例實(shí)現(xiàn):圖文列表制作 1055.5 本章小結(jié) 1065.6 本章習(xí)題 106第6章 HTML5和CSS3拓展 1096.1 HTML5表格 1096.1.1 表格基本屬性 1096.1.2 單元格的合并及拆分 1116.1.3 表格的嵌套 1116.1.4 案例實(shí)現(xiàn):課程表制作 1116.2 HTML5表單 1146.2.1 表單基本屬性 1146.2.2 HTML5新增表單控件 1158. datepickers日期選擇器 1186.2.3 HTML5新增表單屬性 1196.3 媒體對(duì)象 1216.3.1 Object對(duì)象 1216.3.2 embed對(duì)象 1226.3.3 Video對(duì)象 1226.3.4 Audio對(duì)象 1236.3.5 source媒體元素 1246.4 CSS3進(jìn)階 1246.4.1 偽類偽對(duì)象 1256.4.2 幀動(dòng)畫(animation) 1266.4.3 flex布局 1286.4.4 響應(yīng)式布局 1296.5 案例實(shí)現(xiàn):flex彈性盒子 1321. 請(qǐng)思考 1322. 案例分析 132代碼6-5 flex布局中HTML5部分 1326.6 本章小結(jié) 1336.7 本章習(xí)題 1331.選擇題 1332. 簡(jiǎn)答題 1333. 操作題 133第7章 JavaScript基礎(chǔ) 1357.1 JavaScript簡(jiǎn)介 1357.1.1 JS基本概念 1357.1.2 JS發(fā)展歷程 1367.2 JS使用方法 1367.2.1在頁(yè)面嵌入JS代碼 1367.2.2 引入外部JS文件 1387.2.3 JS代碼位置 1397.2.4 JS調(diào)試方法 1407.3 JS語(yǔ)法基礎(chǔ) 1417.3.1 基本語(yǔ)法規(guī)則 1417.3.2 變量和常量 1437.3.3 基本數(shù)據(jù)類型 1457.3.4 運(yùn)算符與表達(dá)式 1517.3.5 數(shù)學(xué)方法 1557.4 流程控制語(yǔ)句 1567.4.1 條件語(yǔ)句 1567.4.2 循環(huán)語(yǔ)句 1587.5 函數(shù) 1607.5.1 函數(shù)的定義 1607.5.2 函數(shù)的作用域 1627.5.3 函數(shù)參數(shù)和參數(shù)對(duì)象 1637.6 DOM基礎(chǔ) 1667.6.1 DOM 樹(shù)與節(jié)點(diǎn) 1667.6.2 標(biāo)簽節(jié)點(diǎn)常用屬性 1677.6.3 DOM獲取標(biāo)簽節(jié)點(diǎn) 1687.6.4 DOM生成或刪除標(biāo)簽 1727.6.5 DOM操作標(biāo)簽屬性 1737.8 案例實(shí)現(xiàn):頁(yè)面動(dòng)態(tài)廣告 1747.9 本章小結(jié) 1777.10 本章習(xí)題 177第8章 Web交互界面開(kāi)發(fā) 1808.1 簡(jiǎn)易計(jì)算器開(kāi)發(fā) 1808.1.1 事件 1808.1.2 案例實(shí)現(xiàn):簡(jiǎn)易計(jì)算器 1848.2 二級(jí)導(dǎo)航開(kāi)發(fā) 1868.2.1 JS修改樣式 1868.2.2 案例實(shí)現(xiàn):二級(jí)導(dǎo)航 188代碼8- 15 一級(jí)導(dǎo)航HTML和CSS代碼示例 1888.3 時(shí)間走動(dòng)制作 1928.3.1 時(shí)間類 1928.3.2 數(shù)組類 1948.3.3 計(jì)時(shí)器 1998.3.4 案例實(shí)現(xiàn):時(shí)間走動(dòng) 2008.4 Web交互界面開(kāi)發(fā)進(jìn)階 2018.4.1 案例實(shí)現(xiàn):圖片輪播現(xiàn) 2018.4.2 案例實(shí)現(xiàn):選項(xiàng)卡 2068.5 本章小結(jié) 2098.6 本章習(xí)題 209第9章 綜合案例:企業(yè)網(wǎng)站交互界面開(kāi)發(fā) 2129.1 交互界面分析 2129.2 初始化CSS 2139.3 界面HTML框架搭建 2159.4 時(shí)間走動(dòng)特效實(shí)現(xiàn) 2189.5 二級(jí)導(dǎo)航制作及交互實(shí)現(xiàn) 2189.6 新聞列表制作及欄目復(fù)用 2249.7 選項(xiàng)卡制作及交互實(shí)現(xiàn) 2259.8 圖片輪播制作及交互實(shí)現(xiàn) 2299.9 本章小結(jié) 2329.10 本章習(xí)題 233