HTML/CSS/JavaScript標準教程實例版

前言

　　本書適合誰讀　　這是一本講解HTML、CSS、JavaScript最基本語法的書，可作為網(wǎng)頁制作初學者的入門教程。同時也可為網(wǎng)站建設的專業(yè)人士提供一些參考?！　”緯浴爸v清語法、學以致用”為指導思想，不僅僅將筆墨局限于語法講解上，并通過一個個鮮活、典型的小實例來達到學以致用的目的。從本書的目錄可見一斑，每個語法都有相應的實例，每章后面又配有綜合小實例?！　”緯谥v解的過程中，適當采用對比法，比如，在講到CSS的作用時，筆者給出兩個對比圖，一個是使用CSS的網(wǎng)頁，一個是不使用CSS的網(wǎng)頁。通過對比，讀者對CSS的作用體會更深?！　槭裁匆獙W習HTML、CSS、JavaScript　　小貓為什么要進食、喝水、睡覺？最直接的答案就是為了活著，這是它必須做的?！　〉览硎且粯拥模绻阆霃氖戮W(wǎng)頁制作或正在從事網(wǎng)頁制作的相關工作，就必須要學習HTML、CSS、JavaScript，哪怕只是簡單地了解。因為HTML、CSS、JavaScript是網(wǎng)頁制作技術的核心與基礎（詳見第1章）?！　”緯膶懽髟瓌t　　講清楚HTML、CSS、JavaScript各自的角色　　鍋是用來煮飯的，勺是用來舀湯的，如果你分不清鍋和勺各自在烹飪中的角色，用勺來煮飯，后果可想而知?！　”緯粌H僅局限于對語法的描述，還試圖為讀者描繪一幅HTML、CSS和JavaScript的角色圖。即HTML、CSS和JavaScript三者在網(wǎng)頁制作這個大的生態(tài)環(huán)境中，各自扮演什么角色?！　∑渲?，HTML是網(wǎng)頁制作的主要語言（詳見第1章），是網(wǎng)頁的基礎架構；CSS簡稱樣式表，是目前唯一的網(wǎng)頁頁面排版樣式標準，它能使任何瀏覽器都聽從指令，知道該以何種布局、格式顯示各種元素及其內容；JavaScript是目前瀏覽器普遍支持的腳本語言，可開發(fā)Internet客戶端的應用程序。　　筆者認為，了解了這些，可以使讀者理清思路，避免盲目學習，不然讀者在學習的過程中會有一種盲人摸象的感覺?！　≈v清楚HTML、CSS、JavaScript是如何配合工作的　　你是否有過這樣的經(jīng)歷，當你把Dreamweaver、Photoshop、Flash各自的功能都掌握了以后，在設計網(wǎng)頁的時候，卻不知道如何用Photoshop導出符合Dreamweaver的網(wǎng)頁圖片，Dreamweaver喜歡什么格式的Flash動畫……　　問題就在這里，許多技術圖書對軟件本身講解甚多，卻忽略了軟件的配合。本書就是要在講解HTML、CSS、JavaScript各自語法的同時，講清楚JavaScript是如何嵌入HTML的，在HTML基礎架構中，CSS外部樣式是如何被調用的，諸如此類的配合問題?！　〈a環(huán)境——記事本　　所見即所得的HTML開發(fā)工具，比如Dreamweaver、FrontPage等容易產(chǎn)生廢代碼，為了排除這些不必要的影響，使讀者致力于語法本身，因此本書的所有代碼都是在記事本中完成的?！　∨e例盡量簡單、典型，以說明問題為上　　本書舉例依據(jù)了簡單、典型的原則，以說明問題為上。盡量把那些干擾講解對象的因素排除在外?！　拇a和效果來看，知識講解非常純粹，雖然有失美觀，但可以排除多余因素的干擾，使讀者專注于代碼本身?！　‘斎?，有時為了例子的需要和視覺上的美觀，也可以將上面的例子做成如下表所示的樣子。因此，讀者在學習本書時要懂得抓住重點。　　較好看的效果圖：　　第4版新增內容　　以實際應用為導向，摒棄過時代碼，修漏補遺，附錄中增加了HTML5的介紹，更全面實用　　致謝　　本書編寫的過程是一個不斷解決困難的過程，有時舉步維艱，有時進展順暢。幸好有兩個好伙伴：黃圍圍、張慧敏，在本書的編寫過程中，他倆是不遺余力，兢兢業(yè)業(yè)，否則本書不可能成形，再版時又得到了同事石倩、王樂、侯士卿的支持，在此表示由衷的感謝?！　懽鞯倪^程是艱辛的，完成后是快樂的，快樂的是能為讀者提供一些幫助。

內容概要

　　這是一本講解HTML、CSS、JavaScript最基本語法的書，可作為網(wǎng)頁制作初學者的入門教程。同時也可為網(wǎng)站建設的專業(yè)人士提供一些參考。本書以“講清語法、學以致用”為指導思想，不僅僅將筆墨局限于語法講解上，并通過一個個鮮活、典型的小實例來達到學以致用的目的。從本書的目錄可見一斑，每個語法都有相應的實例，每章后面又配有綜合小實例。配書光盤包括PPT課件、上機手冊、習題參考答案和源文件，方便讀者使用。第4版新增了HTML5的介紹，查漏補缺，修改了一些不常用的命令，品質更佳。

書籍目錄

第1章 HTML、CSS、JavaScript綜述
　1.1 這就是HTML、CSS、JavaScript的代碼
　1.2 HTML、CSS、JavaScript各自的角色
　1.3 如何學習HTML、CSS、JavaScript
　1.4 小實例——HTML、CSS、JavaScript的綜合應用
　1.5 總結
　1.6 習題
第2章 HTML基礎介紹
　2.1 HTML文檔的結構
　2.2 HTML基本語法
　2.3 HTML文件的命名
　2.4 編寫HTML文件的注意事項
　2.5 小實例——插入圖片與表格
　2.6 習題
第3章 HTML文件的整體結構
　3.1 文件頭部內容
　3.2 主體內容＜body＞
　3.3 習題
第4章 文字與段落
　4.1 編輯內容
　4.2 文字效果
　4.3 文字修飾
　4.4 段落＜p＞
　4.5 小實例——文字網(wǎng)頁
　4.6 習題
第5章 建立和使用列表
　5.1 列表類型
　5.2 嵌套列表
　5.3 小實例——列表在網(wǎng)頁中的使用
　5.4 習題
第6章 超鏈接
　6.1 超鏈接概述
　6.2 超鏈接的路徑
　6.3 超鏈接的建立
　6.4 設置圖像映射
　6.5 小實例——超鏈接的使用
　6.6 習題
第7章 表格的應用
　7.1 表格概述
　7.2 插入表格＜table＞
　7.3 設置表格標記屬性
　7.4 設置表格行與單元格
　7.5 表格嵌套
　7.6 小實例——表格在網(wǎng)頁中的應用
　7.7 習題
第8章 層的應用
　8.1 圖層的創(chuàng)建——＜div＞
　8.2 創(chuàng)建嵌套圖層
　8.3 層的屬性設置
　8.4 小實例——圖層的實際應用
　8.5 習題
第9章 框架的應用
　9.1 框架概述
　9.2 框架的基本結構
　9.3 設置框架
　9.4 設置框架集＜frameset＞
　9.5 浮動框架＜iframe＞
　9.6 在框架上建立鏈接
　9.7 小實例——框架的實際應用
　9.8 習題
第10章 表單的應用
　10.1 表單概述
　10.2 表單標記＜form＞
　10.3 信息輸入＜input＞
　10.4 小實例——表單的實際應用
　10.5 習題
第11章 CSS樣式表基礎
　11.1 CSS的概述
　11.2 CSS的使用
　11.3 插入CSS樣式表
　11.4 編寫CSS文件
　11.5 習題
第12章 字體的設置
　12.1 設置字體——font-family
　12.2 設置字號——font-size
　12.3 設置字體樣式——font-style
　12.4 設置字體加粗——font-weight
　12.5 設置字體變體——font-variant
　12.6 組合設置字體屬性——font
　12.7 小實例——綜合設置字體
　12.8 習題
第13章 文本的精細排版
　13.1 調整字符間距——letter-spacing
　13.2 調整單詞間距——word-spacing
　13.3 添加文字修飾——text-decoration
　13.4 設置文本排列方式——text-align
　13.5 設置段落縮進——text-indent
　13.6 調整行高——line-height
　13.7 轉換英文大小寫——text-transform
　13.8 小實例——綜合應用文本屬性
　13.9 習題
第14章 顏色和背景
　14.1 設置顏色——color
　14.2 設置背景顏色——background-color
　14.3 插入背景圖片——background-image
　14.4 插入背景附件——background-attachment
　14.5 設置重復背景圖片——background-repeat
　14.6 設置背景圖片位置——background-position
　14.7 小實例——綜合設置顏色和背景
　14.8 習題
第15章 邊框和邊距
　15.1 設計邊框樣式——border-style
　15.2 調整邊框寬度——border-width
　15.3 設置邊框顏色——border-color
　15.4 設置邊框屬性——border
　15.5 邊距——margin-top /margin-bottom /margin-left/
margin-right/margin
　15.6 填充——padding-top／padding- bottom /padding-left / padding-
right /padding
　15.7 小實例——綜合設置邊框和邊距
　15.8 習題
第16章 JavaScript基礎
　16.1 JavaScript語言概況
　16.2 第一個JavaScript程序
　16.3 習題
第17章 JavaScript基本語法
　17.1 基本數(shù)據(jù)類型
　17.2 運算符
　17.3 程序結構
　17.4 函數(shù)
　17.5 小實例——修改密碼
　17.6 習題
第18章 JavaScript事件分析
　18.1 事件概述
　18.2 主要事件分析
　18.3 其他常用事件
　18.4 習題
第19章 圖片和多媒體文件的使用
　19.1 圖片
　19.2 插入多媒體文件——＜embed＞
　19.3 習題
第20章 CSS樣式的高級應用
　20.1 列表
　20.2 定位
　20.3 CSS層
　20.4 鼠標指針——cursor
　20.5 小實例——綜合設置層樣式
　20.6 習題
第21章 濾鏡特效的應用
　21.1 設置透明度——alpha
　21.2 添加模糊效果——blur
　21.3 設置水平/垂直翻轉——fliph/flipv
　21.4 設置灰度——＜gray＞
　21.5 設置反轉——＜invert＞
　21.6 設置X射線效果——xray
　21.7 設置波浪效果——wave
　21.8 設置陰影——dropshadow
　21.9 設置邊緣光暈效果——glow
　21.10 設置遮罩——mask
　21.11 設置漸變陰影——shadow
　21.12 設定顏色透明——chroma
　21.13 小實例——濾鏡的綜合應用
　21.14 習題
第22章 JavaScript對象的應用
　22.1 對象概述
　22.2 瀏覽器內部對象
　22.3 內置對象和方法
　22.4 習題
第23章 綜合案例
　23.1 HTML綜合案例
　23.2 CSS綜合案例
　23.3 網(wǎng)站開發(fā)流程
　23.4 大綜合案例
第24章 手持設備可訪問頁面的設計
　24.1 XHTML MP語言
　24.2 WML語言
　附錄A HTML5基本介紹
　附錄B HTML語法概述
　附錄C CSS語法概述
　附錄D JavaScript語法概述
　附錄E 顏色關鍵字對照表
　習題參考答案

章節(jié)摘錄

版權頁：   插圖：   網(wǎng)頁的基本組成元素是文字、圖片、音樂和動畫。雖然文字在元素中占有首要地位，但是圖片、音樂和動畫也是不可缺少的，因為在網(wǎng)頁中最能體現(xiàn)其特色效果的正是這些元素。本章介紹的就是圖片及多媒體文件，其中多媒體有滾動文字、flash動畫、音頻和視頻文件。 19.1 圖片 圖片作為網(wǎng)頁中必需的元素，其靈活的應用會給網(wǎng)頁增添不少特效。而且圖片的直觀、明了、絢麗和美觀等都是文字無法代替的。同時圖片的選用也是很重要的，選用時除了要考慮圖片的格式外，還有圖片的顏色搭配及大小。 圖片的大小選用，一般最好不超過8KB。如果圖片過大，會增加整個HTML文件的體積，這樣既不利于網(wǎng)頁的上傳，也不利于瀏覽者進行瀏覽。當必須要使用大圖片時，也可以對其進行一些處理，將其切割成幾個小圖。 圖片的顏色選用，主要是依賴于本網(wǎng)頁的整體風格。圖片的顏色和網(wǎng)頁的整體顏色風格盡量保持一致，不要過于花哨。 19.1.1 網(wǎng)頁的圖片格式 網(wǎng)頁中圖片格式的選用更是圖片的關鍵因素，因為不同的圖片格式表現(xiàn)出來的顏色分辨率和顏色標準也不同，同時還會影響到圖片的體積大小。網(wǎng)頁作為信息的載體，每天都會被好多計算機瀏覽，而且圖片信息作為網(wǎng)頁中不可缺少的元素，當然要有統(tǒng)一的標準。目前，網(wǎng)頁中使用比較普遍的圖片格式有GIF和JPEG，還有一種較常用的格式PNG，下面就逐一解釋。

編輯推薦

《HTML/CSS/JavaScript標準教程實例版(第4版)》是一本講解HTML、CSS、JavaScript最基本語法的書，可作為網(wǎng)頁制作初學者的入門教程。同時也可為網(wǎng)站建設的專業(yè)人士提供一些參考。由北京電子工業(yè)出版社出版。

圖書封面

評論、評分、閱讀與下載

---

    HTML/CSS/JavaScript標準教程實例版 PDF格式下載

---