本書對Web設(shè)計基礎(chǔ)知識與常用工具進(jìn)行了較全面的講解,內(nèi)容包括HTML、CSS、jQuery及網(wǎng)頁設(shè)計的常用工具如Photoshop、Dreamweaver、Flash。本書針對較新的軟件版本HTML5及CSS3進(jìn)行介紹,并配有教學(xué)課件以幫助進(jìn)行教學(xué),且提供所有例子的源代碼文件。
Web應(yīng)用已經(jīng)成為Internet上占有絕對優(yōu)勢的應(yīng)用,從網(wǎng)上商城到在線游戲,從企業(yè)形象展示到社交網(wǎng)站,無一不體現(xiàn)出Web應(yīng)用的強(qiáng)大影響力。Web應(yīng)用不僅僅是在Internet上,在企業(yè)內(nèi)部網(wǎng)絡(luò)(Intranet)中,也越來越多地采用Web應(yīng)用的辦法完成管理與信息交流工作。因此,掌握一定的Web設(shè)計與開發(fā)的知識和技能,成為當(dāng)今信息時代大專院校學(xué)生知識結(jié)構(gòu)中不可或缺的一環(huán)。
作為Web設(shè)計的進(jìn)階教材,本書涉及了Web前端設(shè)計方面必備的基礎(chǔ)知識,其中包括HTML、CSS、jQuery,圖片處理軟件Photoshop,動畫設(shè)計工具Flash和網(wǎng)頁設(shè)計工具Dreamweaver。
為配合本科院校的雙語教學(xué),本書特地編寫了英文內(nèi)容的HTML和CSS章節(jié)(第二部分Chapter2及Chapter3,對應(yīng)的中文譯文為第一部分的第2章和第3章)。
建議有能力的讀者學(xué)習(xí)英文編寫的Chapter2、Chapter3,熟練掌握Web前端設(shè)計方面的英文術(shù)語后,在資源豐富的英文社區(qū)與論壇獲得幫助將不會有語言障礙。
本書強(qiáng)調(diào)應(yīng)用。書中不僅有豐富的例子,還有實(shí)戰(zhàn)性強(qiáng)的項(xiàng)目設(shè)計,可以使讀者從學(xué)習(xí)模仿迅速過渡到實(shí)戰(zhàn)。本書例子及綜合應(yīng)用實(shí)例的源代碼均提供下載。
本書由吳強(qiáng)策劃,張杰負(fù)責(zé)組稿,參與本書編著工作的作者有浙江清華長三角研究院吳強(qiáng),鄭州輕工業(yè)學(xué)院張杰、吉星、李建春、梁文靜、張靜、李勇等。其中第一部分,張靜編寫第1章和第7章,張杰編寫第2章、第3章,吉星編寫第4章,梁文靜編寫第5章,李建春、李勇編寫第6章; 第二部分由張杰編寫; 全書最后由吳強(qiáng)、李勇統(tǒng)一審核,河南中煙工業(yè)有限責(zé)任公司的張明明對本書的編著提了很多寶貴意見。在此,特別感謝清華大學(xué)出版社、鄭州輕工業(yè)學(xué)院、浙江清華長三角研究院、河南中煙工業(yè)有限責(zé)任公司等單位對編著工作的支持。
外籍專家John Sharp審核了本書的英文內(nèi)容,在此表示感謝。
由于作者水平有限,書中難免有不妥及錯誤之處,敬請讀者批評指正。
編者
2014年8月于鄭州
第一部分
第1章 Web基礎(chǔ)知識
1.1 Internet的發(fā)展
1.1.1 Internet起源
1.1.2 計算機(jī)網(wǎng)絡(luò)及其功能
1.1.3 分組交換思想
1.1.4 ARPANet
1.1.5 TCP/IP結(jié)構(gòu)模型
1.1.6 IP地址
1.1.7 DNS域名系統(tǒng)
1.2 萬維網(wǎng)與瀏覽器
1.2.1 萬維網(wǎng)
1.2.2 萬維網(wǎng)分布式服務(wù)特點(diǎn)
1.2.3 萬維網(wǎng)的工作方式
1.3 C/S與B/S結(jié)構(gòu)
1.3.1 C/S結(jié)構(gòu)
1.3.2 B/S結(jié)構(gòu)
1.4 互聯(lián)網(wǎng)新技術(shù)及應(yīng)用
1.4.1 IPv6
1.4.2 物聯(lián)網(wǎng)
1.4.3 移動互聯(lián)
1.4.4 云計算與大數(shù)據(jù)
小結(jié)
習(xí)題
第2章 HTML
2.1 認(rèn)識HTML
2.1.1 創(chuàng)建第一個HTML網(wǎng)頁
2.1.2 HTML術(shù)語
2.1.3 HTML4和HTML5
2.1.4 為HTML做好準(zhǔn)備
2.2 文本元素
2.2.1 標(biāo)題
2.2.2 文檔標(biāo)題
2.2.3 段落
2.2.4 換行
2.2.5 水平線
2.2.6 注釋
2.2.7 節(jié)元素
2.3 超級鏈接
2.3.1 標(biāo)簽
2.3.2 路徑和目錄
2.3.3 組織網(wǎng)站目錄結(jié)構(gòu)
2.3.4 target屬性
2.3.5 鏈接到頁面內(nèi)部的一個位置
2.3.6 郵件鏈接
2.3.7 創(chuàng)建下載鏈接
2.3.8 超鏈接綜合應(yīng)用
2.4 插入圖片
2.4.1 img標(biāo)簽
2.4.2 使用圖片做超鏈接
2.4.3 插入圖片綜合應(yīng)用
2.5 表格
2.6 HTML5
2.6.1 基本HTML5文件
2.6.2 定義頁面結(jié)構(gòu)布局
2.6.3 視頻和音頻播放
小結(jié)
習(xí)題
第3章 CSS
3.1 CSS簡介
3.2 將CSS插入網(wǎng)頁
3.2.1 行內(nèi)樣式
3.2.2 內(nèi)部樣式表
3.2.3 外部樣式表
3.2.4 層疊
3.2.5 CSS最佳實(shí)踐
3.3 類選擇符和id選擇符
3.3.1 CSS語法
3.3.2 類選擇符
3.3.3 id選擇符
3.4 CSS常用屬性
3.4.1 CSS字體
3.4.2 CSS文本
3.4.3 CSS背景
3.4.4 CSS邊框
3.4.5 CSS外邊距
3.4.6 CSS內(nèi)邊距
3.4.7 CSS盒模型
3.4.8 CSS偽類
3.5 CSS3
3.5.1 CSS3邊框
3.5.2 CSS3漸變
3.5.3 CSS3文本效果
小結(jié)
習(xí)題
第4章 jQuery
第5章 Photoshop基礎(chǔ)
第6章 網(wǎng)頁制作工具Dreamweaver
第7章 動畫制作工具Flash
第二部分
Chapter 1 HTML & CSS Reference
Chapter 2 HTML
Chapter 3 CSS