《Web前端設計——HTML+CSS+jQuery技術教程》是2014年12月清華大學出版社出版的圖書,作者是吳強。
基本介紹
- 書名:Web前端設計——HTML+CSS+jQuery技術教程
- 作者:吳強
- 出版社:清華大學出版社
- 出版時間:2014年12月
- 定價:39 元
- ISBN:9787302383581
內容簡介,圖書目錄,
內容簡介
本書對Web設計基礎知識與常用工具進行了較全面的講解,內容包括HTML、CSS、jQuery及網頁設計的常用工具如Photoshop、Dreamweaver、Flash。
本書針對較新的軟體版本HTML5及CSS3進行介紹,並配有教學課件以幫助進行教學,且提供所有例子的原始碼檔案。特別地,HTML和CSS為中英文雙語內容,有利於Web設計雙語課的開展。
本書可作為大學本科、專科有關專業的網頁設計、Web套用等課程的教材,也可供廣大網站設計用戶參考。
圖書目錄
第 一 部 分
第1章Web基礎知識
1.1Internet的發展
1.1.1Internet起源
1.1.2計算機網路及其功能
1.1.3分組交換思想
1.1.4ARPANet
1.1.5TCP/IP結構模型
1.1.6IP位址
1.1.7DNS域名系統
1.2全球資訊網與瀏覽器
1.2.1全球資訊網
1.2.2全球資訊網分散式服務特點
1.2.3全球資訊網的工作方式
1.3C/S與B/S結構
1.3.1C/S結構
1.3.2B/S結構
1.4網際網路新技術及套用
1.4.1IPv6
1.4.2物聯網
1.4.3移動互聯
1.4.4雲計算與大數據
小結
習題
第2章HTML
2.1認識HTML
2.1.1創建第一個HTML網頁
2.1.2HTML術語
2.1.3HTML4和HTML5
2.1.4為HTML做好準備
2.2文本元素
2.2.1標題
2.2.2文檔標題
2.2.3段落
2.2.4換行
2.2.5水平線
2.2.6注釋
2.2.7節元素<div>
2.3超級連結
2.3.1<a>標籤
2.3.2路徑和
2.3.3組織網站結構
2.3.4target屬性
2.3.5連結到頁面內部的一個位置
2.3.6郵件連結
2.3.7創建下載連結
2.3.8超連結綜合套用
2.4插入圖片
2.4.1img標籤
2.4.2使用圖片做超連結
2.4.3插入圖片綜合套用
2.5表格
2.6HTML5
2.6.1基本HTML5檔案
2.6.2定義頁面結構布局
2.6.3視頻和音頻播放
小結
習題
第3章CSS
3.1CSS簡介
3.2將CSS插入網頁
3.2.1行內樣式
3.2.2內部樣式表
3.2.3外部樣式表
3.2.4層疊
3.2.5CSS最佳實踐
3.3類選擇符和id選擇符
3.3.1CSS語法
3.3.2類選擇符
3.3.3id選擇符
3.4CSS常用屬性
3.4.1CSS字型
3.4.2CSS文本
3.4.3CSS背景
3.4.4CSS框線
3.4.5CSS外邊距
3.4.6CSS內邊距
3.4.7CSS盒模型
3.4.8CSS偽類
3.5CSS3
3.5.1CSS3框線
3.5.2CSS3漸變
3.5.3CSS3文本效果
小結
習題
第4章jQuery
4.1JavaScript基礎
4.1.1基本數據類型
4.1.2運算符
4.1.3基本控制語句
4.1.4函式
4.1.5事件驅動和事件處理
4.1.6基於對象的JavaScript語言
4.1.7內部對象系統
4.1.8實例
4.2DOM簡介
4.3jQuery基礎
4.3.1初識jQuery
4.3.2搭建jQuery運行環境
4.3.3jQuery實戰開發與套用
4.4Ajax
小結
習題
第5章Photoshop基礎
5.1Photoshop工作環境
5.2Photoshop基本工具
5.2.1圖像選區
5.2.2圖像繪畫與修飾
5.3圖像基本操作
5.3.1圖像打開和保存
5.3.2圖像類型查看
5.3.3圖像剪下和複製
5.3.4圖像形狀變換
5.3.5圖像翻轉變換
5.3.6圖像色相、飽和度和明度調整
5.3.7圖像亮度和對比度調整
5.3.8圖像尺寸調整
5.4圖層和濾鏡
5.4.1圖層
5.4.2濾鏡
5.5圖像處理實例
5.5.1製作網頁導航選單
5.5.2美化網頁圖像
5.5.3製作網頁效果圖
小結
習題
第6章網頁製作工具Dreamweaver
6.1初識Dreamweaver
6.1.1Dreamweaver工作流程概述
6.1.2認識Dreamweaver CS5的工作界面
6.1.3網頁文檔的基本操作
6.1.4設定頁面屬性
6.1.5規劃與創建站點
6.2製作簡單網頁
6.2.1向網頁中添加文本
6.2.2向網頁中添加圖像
6.3超連結使用
6.3.1添加基本超連結
6.3.2添加圖像熱點超連結
6.3.3添加電子郵件的超連結
6.3.4添加錨連結
6.3.5添加空超連結
6.4網頁布局設計
6.4.1使用表格布局網頁
6.4.2使用AP元素布局網頁
6.4.3使用框架布局網頁
6.5使用CSS樣式表
6.5.1使用CSS檔案
6.5.2網頁中的CSS樣式
小結
習題
第7章動畫製作工具Flash
7.1Flash簡介
7.1.1Flash的特點
7.1.2Flash的啟動界面
7.1.3Flash CS6的工作區
7.2Flash的基本概念與操作
7.2.1Flash的基本概念
7.2.2動畫的基本概念
7.3動畫製作
7.3.1逐幀動畫的製作
7.3.2運動漸變動畫的製作
7.3.3遮罩動畫的製作
7.3.4引導層運動動畫的製作
7.4動畫的測試、最佳化和發布
7.4.1動畫的測試
7.4.2最佳化動畫檔案
7.4.3檔案的發布
7.4.4動畫檔案的導出
小結
習題
第 二 部 分
Chapter 1HTML & CSS Reference
1.1HTML Reference
1.2CSS Reference
Chapter 2HTML
2.1Getting to Know HTML
2.1.1Hello,Worldcreating Your First HTML File
2.1.2Terms of HTML
2.1.3HTML and HTML5
2.1.4Get Ready for HTML
2.2Text Elements
2.2.1Headings
2.2.2Title
2.2.3Paragraph
2.2.4Single Line Break
2.2.5Horizontal Rule
2.2.6Comment
2.2.7Division
2.3Hyperlink
2.3.1Tag
2.3.2Path and Directory
2.3.3Organizing Website Directory Structure
2.3.4The Target Attribute
2.3.5Link to A Location on the Same Page
2.3.6Link to Email Message
2.3.7Create A Download Link
2.3.8Project of Hyperlink
2.4Insert Images
2.4.1Img Tag
2.4.2Use Img Element as Hyperlink
2.4.3Project
2.5Tables
2.6HTML5
2.6.1A Basic HTML5 Template
2.6.2Define the Page’s Structure
2.6.3Video and Audio
Chapter 3CSS
3.1Introduction to CSS
3.2Insert CSS to Web Page
3.2.1Inline Style
3.2.2Internal Style Sheet
3.2.3External Style Sheet
3.2.4Cascade in CSS
3.2.5CSS Best Practices
3.3Class and Id Selector
3.3.1CSS Syntax
3.3.2Class Selector
3.3.3ID Selector
3.4CSS Common Properties
3.4.1CSS Font
3.4.2CSS Text
3.4.3CSS Background
3.4.4CSS Border
3.4.5CSS Margin
3.4.6CSS Padding
3.4.7CSS Box Model
3.4.8CSS Pseudoclass
3.5CSS3
3.5.1CSS3 Borders
3.5.2CSS3 Gradients
3.5.3CSS3 Text Effects