産品特色
編輯推薦
適讀人群 :本書內容豐富,深度和廣度兼顧。可以作為初學者的入門指南,也可以幫助中高級讀者進一步提高編程水平。此外,也可作為讀者學習麵嚮對象程序設計的參考書。 ◆基礎知識-》核心技術-》典型案例-》綜閤練習-》項目案例
◆230個典型實例,3個項目案例,154個練習題
◆一級開發人員全程貼心講解,上手毫不費力
◆超值DVD內含10小時多媒體教學視頻,以及豐富贈品!
優秀相關圖書推薦:
內容簡介
本書全麵、係統、深入地講解瞭HTML5+CSS3網頁設計與編程的基礎語法與高級應用。在講解過程中,通過大量取自實際操作的實例,將網頁開發知識全麵、係統、深入地呈現給讀者。此外,作者專門為本書錄製瞭大量的配套教學視頻,讓讀者通過分析實例、運行實例盡快熟悉網頁編程,在遇到學習問題時,可以作為參考。
本書共分3篇。第1篇介紹HTML語言的語法、文檔結構,網頁中的圖像、鏈接、錶單、音頻、視頻、本地存儲等;第2篇介紹用來美化頁麵的CSS,包括CSS規則、選擇符、盒布局、多列布局、動畫、漸變、跨設備支持等;第3篇通過三個案例圍繞網頁設計的難易程度和完整流程進行瞭分析和實現,主要是讓入門讀者能從大局方麵著手搭建網站。
本書在內容上涉及麵廣,從基本頁麵結構到HTML5和CSS3增強技術實現及綜閤案例,涉及瞭目前網頁設計與網站搭建的幾乎所有技術。本書在設計上淺顯易懂、實例豐富,尤其適閤廣大網頁編程愛好者自學,也適閤對網頁開發語言感興趣的你,亦或作為你的參考書。
作者簡介
本書的作者團隊成員為一綫開發工程師、資深編程專傢或專業培訓師,在編程開發方麵有著豐富的經驗,並已齣版過多本相關暢銷書,頗受廣大讀者認可。
內頁插圖
目錄
第一篇 HTML網頁製作
第1章 瞭解網頁
1.1 什麼是網頁
1.1.1 網頁的概述
1.1.2 靜態網頁
1.1.3 動態網頁
1.1.4 開發動態頁麵和靜態頁麵的聯係
1.1.5 網頁瀏覽器的工作原理
1.2 HTML和HTML5
1.2.1 超文本標記語言HTML
1.2.2 可擴展超文本標識語言XHTML
1.2.3 HTML 5的設計理念
1.2.4 HTML頁麵的開發工具
1.3 實戰:編寫一個簡單的頁麵(HTML&HTML5)
1.4 小結
1.5 本章習題
一、填空題
二、選擇題
三、簡答題
第2章 瞭解HTML網頁的結構
2.1 用記事本打開一個頁麵
2.2 HTML基礎
2.2.1 HTML的基礎語法
2.2.2 HTML文檔的結構
2.3 HTML文檔中的標簽
2.3.1 樣本代碼DOCTYPE
2.3.2 開始標簽<html>
2.3.3 頭標簽和頭標簽的對象
2.3.4 標題標簽<title>
2.3.5 體標簽<body>
2.3.6 美化HTML文檔
2.4 實戰:從無到有設計一個頁麵
2.5 小結
2.6 本章習題
一、填空題
二、選擇題
三、問答題
第3章 網頁的文本設計
3.1 新舊方法對比
3.2 文本的排版格式
3.2.1 寫一行換一行
3.2.2 在頁麵文本中空格
3.2.3 文本的段落要對齊
3.3 文本的屬性樣式
3.3.1 不一樣的文本字體大小
3.3.2 奇妙的特殊符號
3.3.3 給文本加標注
3.4 整齊的文本列錶
3.4.1 無序列錶
3.4.2 有序列錶
3.4.3 定義列錶
3.4.4 列錶嵌套
3.5 實戰:製作一則HTML網頁版的通知
3.6 小結
3.7 本章習題
一、填空題
二、選擇題
三、簡答題
第4章 網頁中的圖像設計
4.1 圖像的基礎知識
4.1.1 最常用的位圖圖像
4.1.2 在頁麵中常用的位圖格式
4.1.3 矢量圖
4.1.4 圖像的分辨率
4.1.5 認識一些網頁中常用的BANNER尺寸
4.2 頁麵中的圖像
4.2.1 理解圖像路徑
4.2.2 像編輯文本對齊一樣在頁麵中對齊圖片
4.2.3 圖像與文本的對齊方式
4.2.4 控製圖像與文本的距離
4.3 讓圖像更美觀
4.3.1 使用畫圖工具修改圖像
4.3.2 給圖像添加邊框
4.3.3 獨樹一幟的水平綫
4.4 改變頁麵的背景
4.5 實戰:把照片放到網頁上去
4.6 小結
4.7 本章習題
一、填空題
二、選擇題
三、上機實踐
第5章 網頁中的鏈接
5.1 網頁鏈接
5.1.1 初識頁麵鏈接
5.1.2 理解鏈接地址
5.2 鏈接的種種不同
5.2.1 基本的文本鏈接
5.2.2 基本的圖像鏈接
5.2.3 把郵箱留給需要聯係你的人
5.2.4 在同一頁麵中快速查找信息
5.3 提高頁麵鏈接的友好度
5.3.1 美觀鏈接的狀態
5.3.2 奇妙特殊的鏈接方式
5.3.3 熱點圖像區域的鏈接
5.4 在新窗口中顯示鏈接窗口
5.5 實戰:一個帶鏈接的電影排行榜頁麵
5.6 小結
5.7 本章習題
一、填空題
二、選擇題
三、上機實踐
第6章 網頁中的錶單
6.1 錶單的工作原理
6.1.1 <script>標記
6.1.2 創建錶單
6.1.3 錶單域
6.2 通過錶單展示不一樣的頁麵
6.2.1 input對象下的多種錶單錶現形式
6.2.2 text文本框的樣式錶單
6.2.3 password輸入密碼的樣式錶單
6.2.4 checkbox復選框的樣式錶單
6.2.5 radio單選框的樣式錶單
6.2.6 submit提交數據的樣式錶單
6.2.7 hidden隱藏域的樣式錶單
6.2.8 image樣式的錶單
6.2.9 file上傳文件的樣式錶單
6.2.10 textarea對象的錶單
6.2.11 select對象的錶單
6.2.12 錶單域集閤
6.3 HTML 5錶單的進化
6.3.1 早期的錶單發展
6.3.2 HTML 5錶單的齣世
6.3.3 當前的支持情況
6.3.4 新增的錶單輸入類型
6.4 新增錶單特性及元素
6.4.1 form特性
6.4.2 formaction特性
6.4.3 formmethod、formenctype、formnovalidate、formtarget特性
6.4.4 placeholder特性
6.4.5 autofocus特性
6.4.6 autocomplete特性
6.4.7 list特性和datalist元素
6.4.8 keygen元素
6.4.9 output元素
6.5 錶單驗證API
6.5.1 與驗證有關的錶單元素特性
6.5.2 錶單驗證的屬性
6.5.3 ValidityState對象
6.5.4 錶單驗證的方法
6.5.5 錶單驗證的事件
6.6 實戰:錶單構成的HTML頁麵
6.7 實戰:錶單構成的用戶注冊頁麵(HTML 5)
6.7.1 案例簡介
6.7.2 頁麵基本元素
6.7.3 實現錶單驗證
6.7.4 其他處理函數
6.8 小結
6.9 習題
一、填空題
二、選擇題
三、上機實踐
第7章 音頻和視頻
7.1 Audio和Video的基礎知識
7.1.1 在綫多媒體的發展
7.1.2 多媒體術語
7.1.3 HTML 5多媒體文件格式
7.1.4 功能缺陷及未來趨勢
7.2 使用HTML 5的Audio和Video元素
7.2.1 在頁麵中加入音頻和視頻
7.2.2 使用source元素
7.2.3 使用腳本檢測瀏覽器的標簽支持情況
7.2.4 Audio和Video的特性和屬性
7.2.5 Audio和Video的方法
7.2.6 Audio和Video的事件
7.3 實戰:自定義播放工具條
7.3.1 案例簡介
7.3.2 網頁基本元素
7.3.3 定義全局的視頻對象
7.3.4 添加播放/暫停、前進和後退功能
7.3.5 添加慢進和快進功能
7.3.6 添加靜音和音量的功能
7.3.7 添加進度顯示功能
7.4 小結
7.5 習題
一、填空題
二、選擇題
三、上機實踐
第8章 拖放功能
8.1 拖放API
8.1.1 新增的draggable特性
8.1.2 新增的鼠標拖放事件
8.1.3 DataTransfer對象
8.1.4 實戰:拖放元素的內容
8.2 文件API
8.2.1 新增的標簽特性
8.2.2 FileList對象與File對象
8.2.3 Blob對象
8.2.4 FileReader接口
8.3 實戰:把圖片拖入瀏覽器
8.3.1 案例簡介
8.3.2 設計網頁基本元素
8.3.3 基本函數的實現
8.3.4 頁麵加載處理
8.4 小結
8.5 本章習題
一、填空題
二、選擇題
三、上機實踐
第9章 本地存儲
9.1 本地存儲對象――Web Storage
9.1.1 Web Storage簡介
9.1.2 localStorage和sessionStorage
9.1.3 設置和獲取Storage數據
9.1.4 Storage API的屬性和方法
9.1.5 存儲JSON對象的數據
9.1.6 Storage API的事件
9.1.7 實戰:在兩個窗口中實現通信
9.2 本地數據庫――Web SQL Database
9.2.1 Web SQL Database簡介
9.2.2 操作Web SQL數據庫
9.2.3 實戰:基本的數據庫操作實例
9.3 小結
9.4 本章習題
一、填空題
二、選擇題
三、上機實踐
第10章 利用Canvas繪製圖形
10.1 認識Canvas
10.1.1 Canvas的曆史
10.1.2 Canvas和SVG以及VML之間的差異
10.2 Canvas基本知識
10.2.1 構建Canvas元素
10.2.2 使用JavaScript實現繪圖的流程
10.3 使用Canvas繪圖
10.3.1 繪製矩形
10.3.2 使用路徑
10.3.3 圖形組閤
10.3.4 繪製麯綫
10.3.5 使用圖像
10.3.6 剪裁區域
10.3.7 繪製漸變
10.3.8 描邊屬性
10.3.9 模式
10.3.10 變換
10.3.11 使用文本
10.3.12 陰影效果
10.3.13 狀態的保存與恢復
10.3.14 操作像素
10.4 實驗室:在Canvas中實現動畫
10.5 小結
10.6 本章習題
一、填空題
二、選擇題
三、上機實踐
第11章 創建框架結構的頁麵
11.1 創建窗口框架頁麵
11.1.1 創建窗口框架的<frameset>和<frame>標簽
11.1.2 橫嚮分割窗口
11.1.3 縱嚮分割窗口
11.1.4 框架的嵌套
11.1.5 將頁麵放入到窗口框架中
11.2 花點心思修飾框架的細節
11.2.1 給無法處理框架的瀏覽器注釋說明
11.2.2 固定框架的位置
11.2.3 框架中設置滾動條
11.3 修改框架邊框的樣式
11.3.1 判定邊框是否顯示
11.3.2 改變邊框的錶現效果
11.3.3 邊框的邊距
11.4 框架集中頁麵之間的鏈接
11.4.1 在指定的框架中打開鏈接
11.4.2 框架內的錨點鏈接
11.5 靈活的<iframe>框架
11.6 案例:製定自己的鏈接主頁
11.7 小結
11.8 本章習題
一、填空題
二、選擇題
三、上機實踐
第二篇 網頁的設計
第12章 CSS規則
12.1 如何學習CSS
12.2 CSS基本的規則寫法
12.2.1 基本的樣式錶的寫法
12.2.2 使用類class和標誌id鏈接樣式錶
12.2.3 創建選擇器
12.2.4 應用CSS樣式錶
12.3 用CSS來修飾頁麵文本
12.3.1 修飾頁麵文本字體
12.3.2 文本的字號
12.3.3 文本段落行高
12.3.4 禁止文本自動換行
12.4 給頁麵對象添加顔色
12.5 CSS 3的發展
12.5.1 模塊化的發展
12.5.2 瀏覽器支持情況
12.5.3 CSS 3新特性預覽
12.6 CSS 3增強的選擇器功能
12.6.1 屬性選擇符
12.6.2 結構僞類選擇符
12.6.3 UI元素狀態僞類選擇符
12.6.4 僞元素選擇符
12.7 實戰:使用CSS製作個人頁麵
12.8 小結
12.9 本章習題
一、填空題
二、選擇題
三、上機實踐
第13章 文本、背景、邊框不再單調
13.1 文本與字體
13.1.1 多樣化的文本陰影――text-shadow屬性
13.1.2 溢齣文本處理――text-overflow屬性
13.1.3 對齊的文字纔好看――word-wrap和word-break屬性
13.1.4 使用服務器端的字體――@font-face規則
13.1.5 實戰:豐富的文字樣式
13.2 色彩模式和不透明度
13.2.1 還在為配色發愁嗎?――HSL色彩模式
13.2.2 含不透明度的――HSLA色彩模式
13.2.3 含不透明度的――RGBA色彩模式
13.2.4 不透明度――opacity屬性
13.2.5 實戰:半透明的遮蔽層
13.3 背景
13.3.1 元素裏定義多個背景圖片
13.3.2 指定背景的原點位置
13.3.3 指定背景的顯示區域
13.3.4 指定背景圖像的大小
13.3.5 實戰:設計信紙的效果
13.4 邊框
13.4.1 設計圓角邊框――border-radius屬性
13.4.2 設計圖像邊框――border-image屬性
13.4.3 設計多色邊框――border-color屬性
13.4.4 實戰:使用新技術設計網頁
13.5 小結
13.6 本章習題
一、填空題
二、選擇題
三、上機實踐
第14章 傳統的DIV+CSS設計
14.1 理解塊級的意義
14.2 頁麵中的層
14.2.1 行<span>和層<div>
14.2.2 層的基本定位
14.2.3 層的疊加
14.3 框模型
14.3.1 理解框模型
14.3.2 空距padding屬性
14.3.3 邊框border的擴展屬性
14.3.4 邊距(margin)
14.3.5 框模型的溢齣
14.4 定製層的display屬性
14.5 CSS Hack
14.6 實戰:簡單的CSS+DIV
14.7 小結
14.8 本章習題
一、填空題
二、選擇題
三、上機實踐
第15章 靈活的盒布局和界麵設計
15.1 靈活的盒布局
15.1.1 開啓盒布局
15.1.2 元素的布局方嚮――box-orient屬性
15.1.3 元素的布局順序――box-direction屬性
15.1.4 調整元素的位置――box-ordinal-group屬性
15.1.5 彈性空間分配――box-flex屬性
15.1.6 元素的對齊方式――box-pack和box-align屬性
15.1.7 實戰:使用新型盒布局設計網頁
15.2 增強的盒模型
15.2.1 盒子陰影――box-shadow屬性
15.2.2 盒子尺寸的計算方法――box-sizing屬性
15.2.3 盒子溢齣內容處理――overflow-x和overflow-y屬性
15.2.4 實戰:設計網站服務條款頁麵
15.3 增強的用戶界麵設計
15.3.1 允許用戶改變尺寸――resize屬性
15.3.2 定義外輪廓綫――outline屬性
15.3.3 僞裝的元素――appearance屬性
15.3.4 為元素添加內容――content屬性
15.3.5 實戰:設計一個省份選擇盤
15.4 小結
15.5 本章習題
一、填空題
二、選擇題
三、上機實踐
第16章 多列布局
16.1 多列布局基礎
16.1.1 多列屬性columns
16.1.2 列寬屬性column-width
16.1.3 列數屬性column-count
16.1.4 列間距屬性column-gap
16.1.5 定義列分隔綫――column-rule屬性
16.1.6 定義橫跨所有列――column-span屬性
16.2 實戰:模仿雜誌的多列版式
16.3 小結
16.4 本章習題
一、填空題
二、選擇題
三、上機實踐
第17章 動畫和漸變
17.1 CSS 3
21天學通HTML5+CSS3 下載 mobi epub pdf txt 電子書 格式