最新HTML\CSS\JavaScript標(biāo)準(zhǔn)教程

前言

　　近年來隨著網(wǎng)絡(luò)信息技術(shù)的廣泛應(yīng)用.互聯(lián)網(wǎng)正逐步改變著人們的生活方式和工作方式。越來越多的個(gè)人、企業(yè)紛紛建立自己的網(wǎng)站.利用網(wǎng)站來宣傳推廣自己。人們的工作、生活和交流方式發(fā)生了巨大的改變，網(wǎng)頁技術(shù)已經(jīng)成為當(dāng)代青少年學(xué)生必備的知識技能。目前大部分制作網(wǎng)頁的方式都是運(yùn)用可視化的網(wǎng)頁編輯軟件，這些軟件的功能相當(dāng)強(qiáng)大，操作起來非常方便。但是對于高級的網(wǎng)頁制作人員來講，仍需了解HTML，CSS及、JavaScript等網(wǎng)頁設(shè)計(jì)語言和技術(shù)，這樣才能充分發(fā)揮自己豐富的想象力，更加隨心所欲地設(shè)計(jì)符合標(biāo)準(zhǔn)的網(wǎng)頁。本書主要內(nèi)容本書從初學(xué)者的角度出發(fā)，展現(xiàn)了網(wǎng)頁制作獨(dú)特的魅力，使技術(shù)學(xué)習(xí)不再枯燥、教條，同時(shí)網(wǎng)頁制作中融入了很多設(shè)計(jì)的理念。本書共19章，由以下4篇組成?！　〉?篇HTML；本部分由第1章～第7章組成。主要講述了HTML的基礎(chǔ)知識，其中對每章節(jié)的屬性和方法進(jìn)行了詳細(xì)解析，同時(shí)還運(yùn)用了大量實(shí)例加以說明。　　第2篇CSS：本部分由第8章～第10章組成。介紹了CSS的基本概念和添加方法、各個(gè)語法標(biāo)記的應(yīng)用，以及當(dāng)前網(wǎng)頁最流行的CSS+Div布局技術(shù)?！　〉?篇、JavaScript：本部分由第11章～第15章組成。主要介紹了。JavaScript語法基礎(chǔ)、事件、函數(shù)、對象，以及利用.JavaScript制作特效網(wǎng)頁的多個(gè)實(shí)例?！　〉?篇綜合應(yīng)用：本部分由第16章～第19章組成。講述了Ajax這種綜合技術(shù)，以及房地產(chǎn)企業(yè)網(wǎng)站、游戲娛樂網(wǎng)站和購物網(wǎng)站等不同類型網(wǎng)站的制作方法?！　”緯饕厣そY(jié)構(gòu)完善，編排科學(xué)本書從網(wǎng)頁制作的實(shí)際角度出發(fā)，將所有HTML。CSS和、JavaScript元素進(jìn)行歸類，每個(gè)標(biāo)記的語法、屬性和參數(shù)都有完整詳細(xì)說明，信息量大.知識結(jié)構(gòu)完善。

內(nèi)容概要

　　《最新HTML&CSS&JavaScript標(biāo)準(zhǔn)教程》以立體化的編排方式，為廣大讀者在“教”與“學(xué)”之間鋪墊出一條更加平坦的道路。理論基礎(chǔ)知識：囊括HTML，XHTML，CSS，JavaScript和Ajax等主流技術(shù)，涉及企業(yè)、游戲、購物及個(gè)人等主流網(wǎng)站類型。案例實(shí)戰(zhàn)演練：每章中間安排多個(gè)“代碼演練”回顧之前知識點(diǎn)，章末以“綜合實(shí)訓(xùn)”綜合運(yùn)用全章重點(diǎn)難點(diǎn)。行業(yè)應(yīng)用板塊：部分章節(jié)搭配“行業(yè)鏈接知識”主題，收錄與本章內(nèi)容相關(guān)的行業(yè)領(lǐng)域標(biāo)準(zhǔn)、規(guī)則、流程和注意事項(xiàng)。配套學(xué)習(xí)資源：3800幅網(wǎng)頁Banner與Logo圖片、2100個(gè)按鈕圖標(biāo)、1500套網(wǎng)頁模板、500組經(jīng)典網(wǎng)站、韓式風(fēng)格插畫素材、實(shí)用手冊和辭典、范例文件及課件。

書籍目錄

HTML篇01 HTML基礎(chǔ)知識1.1 什么是HTML1.2 HTML的基本結(jié)構(gòu)1.2.1 HTML文件結(jié)構(gòu)1.2.2 編寫HTML文件時(shí)的注意事項(xiàng)1.3 HTML文件編寫方法1.3.1 使用記事本手工編寫HTML頁面1.3.2 使用Dreamweaver編寫HTML頁面1.4 HTML頁面主體標(biāo)簽（body）1.4.1 設(shè)置網(wǎng)頁背景色（bgcolor）1.4.2 設(shè)置背景圖片（background）1.4.3 設(shè)置文本顏色（text）1.4.4 設(shè)置鏈接文本屬性（link）1.4.5 設(shè)置邊距（margin）1.5 綜合實(shí)訓(xùn)——?jiǎng)?chuàng)建最基本的HTML文件1.6 本章小結(jié)1.7 代碼練習(xí)1.7.1 使用記事本編寫HTML代碼1.7.2 創(chuàng)建最基本的HTML網(wǎng)頁1.8 行業(yè)鏈接知識02 HTML網(wǎng)頁中的文字、段落和列表2.1 插入特殊字符2.1.1 空格符號2.1.2 特殊符號2.2 設(shè)置文字的屬性2.2.1 文字標(biāo)簽（font）2.2.2 代碼演練——設(shè)置豐富多彩的文本網(wǎng)頁2.3 設(shè)置段落的格式2.3.1 段落格式標(biāo)簽2.3.2 代碼演練——設(shè)置文本的段落格式2.4 插入水平線2.4.1 水平線標(biāo)簽（hr）及屬性2.4 12代碼演練——在網(wǎng)頁中插入多彩的水平線2.5 創(chuàng)建無序列表2.5.1 無序列表標(biāo)簽（ul）2.5.2 無序列表的類型（type）2.5.3 定義列表標(biāo)簽（dl）2.5.4 菜單列表標(biāo)簽（menu）2.5.5 目錄列表標(biāo)簽.（dir）2.6 創(chuàng)建有序列表2.6.1 有序列表標(biāo)簽（ol）2.6.2 有序列表的類型（type）2.6.3 有序列表的起始數(shù)值（start）2.6.4 代碼演練——在網(wǎng)頁中插入列表2.7 綜合實(shí)訓(xùn)——設(shè)置頁面文本及段落2.8 本章小結(jié)2.9 代碼練習(xí)2.9.1 插入豐富多彩的文本2.9.2 使用列表排段落2.10 行業(yè)鏈接知識03 圖片及多媒體文件的使用3.1 圖像標(biāo)簽及屬性3.1.1 圖像標(biāo)簽（img）3.1.2 設(shè)置圖像高度（height）3.1.3 設(shè)置圖像寬度（width）3.1.4 設(shè)置圖像邊框（border）3.1.5 設(shè)置圖像水平間距（hspace）3.1.6 設(shè)置圖像垂直間距（vspace）3.1.7 設(shè)置圖像相對于文字的對齊方式（aligr1）3.1.8 設(shè)置圖像替代文字（alt）3.1.9 代碼演練——在網(wǎng)頁中插入圖像3.2 添加背景音樂3.2.1 背景音樂標(biāo)簽（bgsound）3.2.2設(shè)置循環(huán)播放次數(shù)（loop）3.3 多媒體文件標(biāo)簽（embed）3.4 設(shè)置滾動效果標(biāo)簽（marquee）3.4.1 （marquee）標(biāo)簽及其屬性3.4.2 代碼演練——在網(wǎng)頁中插入滾動公告3.5 綜合實(shí)訓(xùn)——?jiǎng)?chuàng)建豐富的圖像和多媒體網(wǎng)頁3.6 本章小結(jié)3.7 代碼練習(xí)3.7.1 為網(wǎng)頁添加圖像3.7.2 插入滾動效果3.8 行業(yè)鏈接知識04 HTML超鏈接和表單4.1 超鏈接的基本概念4.2 創(chuàng)建基本超鏈接4.2.1 超鏈接標(biāo)簽4.2.2 設(shè)置目標(biāo)窗口4.3 創(chuàng)建圖像的超鏈接4.3.1 設(shè)置圖像超鏈接4.3.2 設(shè)置圖像熱區(qū)鏈接4.4 創(chuàng)建錨點(diǎn)鏈接4.4.1 創(chuàng)建錨點(diǎn)4.4.2 代碼演練——?jiǎng)?chuàng)建鏈接到頁面不同位置的錨點(diǎn)4.5 插入表單（form）4.5.1 處理程序（action）4.5 12表單名稱（name）4.5.3 傳送方法（method）4.5.4 編碼方式（enctype）4.5.5 目標(biāo)顯示方式（target）4.5.6 代碼演練——制作注冊表單完整頁面4.6 綜合實(shí)訓(xùn)——插入不同類型的鏈接4.7 本章小結(jié)4.8 代碼練習(xí)4.8.1 插入表單對象4.8.2 給網(wǎng)頁添加鏈接4.9 行業(yè)鏈接知識05 創(chuàng)建框架結(jié)構(gòu)網(wǎng)頁5.1 窗口框架簡介.5.2 設(shè)置框架集標(biāo)簽（frameset）屬性5.2.1 水平分割窗口（rows）5.2.2 垂直分割窗口（cols）5.2.3 嵌套分割窗口5.2.4 設(shè)置邊框（frameborder）5.2.5 框架的邊框?qū)挾龋╢ramespacing）5.2.6 框架的邊框顏色（bordercolor）5.3 設(shè)置框架標(biāo)簽（frame）屬性5.3.1 框架頁面源文件（src）5.3 12框架名稱（name）5.3.3 禁止調(diào)整框架窗口尺寸（noresize）5.3.4 框架邊框與頁面內(nèi)容的水平邊距（marginwidth）5.3.5 框架邊框與頁面內(nèi)容的垂直邊距（marginheight）5.3.6 設(shè)置框架滾動條顯示（scrolling）5.3.7 不支持框架標(biāo)簽（noframes）5.3.8 代碼演練——?jiǎng)?chuàng)建框架頁面5.4 設(shè)置框架中的鏈接5.4.1 代碼演練——設(shè)置普通框架結(jié)構(gòu)的鏈接5.4.2 代碼演練——設(shè)置浮動框架的鏈接5.5 綜合實(shí)訓(xùn)——?jiǎng)?chuàng)建上方固定左側(cè)嵌套的框架網(wǎng)頁5.6 本章小結(jié)5.7 代碼練習(xí)5.7.1 創(chuàng)建框架網(wǎng)頁5.7.2 插入浮動框架06 使用表格6.1 創(chuàng)建并設(shè)置表格屬性6.1.1 表格基本標(biāo)簽（table）、（tr）和（td）6.1.2 表格寬度和高度（width和height）6.1.3 表格標(biāo)題（caption）6.1.4 表格表頭（th）6.1.5 表格對齊方式（align）6.1.6 表格邊框?qū)挾龋╞order）6.1.7 表格邊框顏色（bordercolor）6.1.8 單元格間距（cellspacing）6.1.9 表格內(nèi)文字與邊框距離（cellpading）6.1.10 表格背景色（bgcolor）6.1.11 表格背景圖像（background）6.1.12 代碼演練——?jiǎng)?chuàng)建表格排列數(shù)據(jù)6.2 調(diào)整表格屬性6.2.1 表格的行屬性（tr）6.2.2 單元格屬性（td）6.2.3 代碼演練——設(shè)置表格屬性6.3 表格的結(jié)構(gòu)標(biāo)簽6.3.1 設(shè)計(jì)表頭樣式（thead）6.3.2 設(shè)計(jì)表主體樣式（tbody）6.3.3 設(shè)計(jì)表尾樣式（tfoot）6.4 綜合實(shí)訓(xùn)——使用表格排版網(wǎng)頁6.5 本章小結(jié)6.6 代碼練習(xí)6.6.1 插入表格6.6.2 設(shè)置表格的屬性6.7 行業(yè)鏈接知識07 使用XHTML7.1 XHTML簡介7.1.1 什么是×HTML7.1.2 為什么要升級到×HTML7.2 XHTML頁面基本結(jié)構(gòu)7.3 XHTML語法規(guī)范7.4 代碼演練——在Dreamweaver中創(chuàng)建XHTML.網(wǎng)頁7.5 綜合實(shí)訓(xùn)——將現(xiàn)有的HTML網(wǎng)站類型轉(zhuǎn)換成XHTML7.6 本章小結(jié)7.7 代碼練習(xí)7.7.1 在軟件中編寫XHTML7.7.2 將網(wǎng)頁轉(zhuǎn)換成×HTMLCSS篇08 CSS入門基礎(chǔ)知識8.1 CSS基礎(chǔ)8.1.1 CSS基本概念8.1.2 CSS的優(yōu)點(diǎn)8.2 在網(wǎng)頁中添加CSS8.2.1 添加CSS的優(yōu)勢8.2.2 代碼演練——編寫CSS8.3 使用CSS8.3.1 CSS的基本語法結(jié)構(gòu)8.3.2 在網(wǎng)頁中添加CSS的方法8.3.3 代碼演練——以鏈接外部樣式表方式添加CSS8.4.綜合實(shí)訓(xùn)——給網(wǎng)頁添加CSS8.5 本章小結(jié)8.6 代碼練習(xí)8.6.1 設(shè)置鏈接文本的CSS8.6.2 設(shè)置背景顏色8.7 行業(yè)鏈接知識09 css樣式表語法基礎(chǔ)9.1 設(shè)置字體屬性9.1.1 設(shè)置字體（font-family）9.1.2 設(shè)置字號（font-size）9.1.3 設(shè)置字體風(fēng)格（font-style）9.1.4 設(shè)置加粗字體（font-weight）9.1.5 設(shè)置變體屬性（font-variant）9.1.6 設(shè)置文字修飾（text-decoration）9.1.7 代碼演練——設(shè)置字體的復(fù)合屬性9.2 設(shè)置段落屬性9.2.1 段落屬性標(biāo)簽9.2.2 代碼演練——設(shè)置文本段落的屬性9.3 設(shè)置背景和顏色屬性9.3.1 背景屬性9.3.2 代碼演練——設(shè)置背景復(fù)合屬性9.4 設(shè)置定位屬性9.4.1 定位類型（position）9.4.2 元素位置（top，right，bottom和let）9.4.3 清除屬性（clear）9.4.4 裁切區(qū)域（clip）9.4.5 設(shè)置寬度和高度（width和height）9.4.6 溢出（overflow）9.4.7 可見性（visibility）9.5 設(shè)置列表屬性9.5.1 列表類型（list-style.type）9.5.2 項(xiàng)目符號圖像（1ist-style-image）9.5.3 列表位置（list-style-position）9.5.4 列表復(fù)合屬性（list-style）9.6 設(shè)置邊框?qū)傩?.6.1 邊框樣式（border-style）9.6.2 邊框?qū)挾龋╞order-width）9.6.3 邊框顏色（border-color）9.6.4 代碼演練——設(shè)置邊框?qū)傩?.7 擴(kuò)展濾鏡屬性9.7.1 不透明度（alpha）9.7.2 動感模糊（blur）9.7.3 對顏色進(jìn)行透明處理（chroma）9.7.4 設(shè)置陰影（dropShadow）9.7.5 對象的翻轉(zhuǎn)（flipH和flipV）9.7.6 光暈效果（glow）9.7.7 灰度處理（gray）9.7.8 反相（invert）9.7.9 ×光片效果（Xray）9.7.10 遮罩效果（mask）9.7.11 波形濾鏡（wave）9.8 綜合實(shí)訓(xùn)——利用CSS控制網(wǎng)頁中的文本9.9 本章小結(jié)9.10 代碼練習(xí)9.10.1 利用CSS設(shè)置文本屬性9.10.2 利用CSS創(chuàng)建特效文字9.11 行業(yè)鏈接知識10 CSS+Div布局定位基礎(chǔ)10.1 Div標(biāo)簽與Span標(biāo)簽10.1.1 Div概述10.1 1 2Div與Span的區(qū)別10.2 盒子模型10.2.1 盒子模型的概念10.2.2 border（邊框）10.2.3 padding（填充）10.2.4 margin（邊距）.10.3 元素的定位方式10.3.1 float定位10.3.2 position定位10.3.3 z-index空間位置10.4 CSS布局理念10.4.1 將頁面用Div分塊10.4.2 設(shè)計(jì)各塊的位置10.4.3 用CSS定位10.5 代碼演練——常見的布局類型10.5.1 一列固定寬度10.5.2 一列自適應(yīng)寬度10.5.3 兩列固定寬度10.5.4 兩列自適應(yīng)寬度10.5.5 兩列右列自適應(yīng)寬度10.5.6 三列浮動中間自適應(yīng)寬度10.5 7 三行二列居中自適應(yīng)高度10.6 綜合實(shí)訓(xùn)——利用CSS布局網(wǎng)頁10.7 本章小結(jié)10.8 代碼練習(xí)10.8.1 兩列固定寬度布局網(wǎng)頁10.8.2 利用CSS布局網(wǎng)頁10.9 行業(yè)鏈接知識JavaScript篇11 JavaScript語法基礎(chǔ)11.1 JavaScript背景知識11.1.1.JavaScript的歷史11.1 12.lavaScript的特點(diǎn)11.2 JavaScript描述方法11.2.1 （script）標(biāo)簽使用方法11.2.2 外部調(diào)用文件11.1 2.3 內(nèi)嵌HTML標(biāo)簽中11.1 2.4 代碼演練——編寫第一個(gè)JavaScript程序……12 Javascript中的事件13 Javascript中的函數(shù)14 使用Javascript中的不同對象15 利用Javascript制作作特效網(wǎng)頁實(shí)例綜合篇16 Ajax技術(shù)17 制作房地產(chǎn)企業(yè)網(wǎng)站18 制作游戲網(wǎng)站19 制作購物網(wǎng)站

章節(jié)摘錄

　　21世紀(jì)是以數(shù)字化、網(wǎng)絡(luò)化與信息化為特征的新經(jīng)濟(jì)時(shí)代。房地產(chǎn)業(yè)必須積極引入網(wǎng)絡(luò)化經(jīng)營觀念，科學(xué)地制定房地產(chǎn)營銷網(wǎng)站的發(fā)展規(guī)劃和功能設(shè)計(jì)。一是將網(wǎng)站設(shè)計(jì)與信息功能的實(shí)現(xiàn)相匹配，全面考慮信息的廣度、深度以及傳播效果；二是將網(wǎng)站設(shè)計(jì)與目標(biāo)市場的需求相匹配，建立靜態(tài)型、動態(tài)型和智能型網(wǎng)站；三是將網(wǎng)站設(shè)計(jì)與營銷理念的創(chuàng)新相匹配，突出體現(xiàn)網(wǎng)絡(luò)營銷的理論在房地產(chǎn)網(wǎng)站的實(shí)踐與應(yīng)用。　　17.1.1 房地產(chǎn)類網(wǎng)站建設(shè)目的　　根據(jù)不同房地產(chǎn)項(xiàng)目的定位和設(shè)計(jì)理念，相應(yīng)的網(wǎng)站在制作時(shí)也會有不同的風(fēng)格和特點(diǎn)，但一定要突出其項(xiàng)目的特點(diǎn)，吸引購買者注意。企業(yè)上網(wǎng)絕大多數(shù)是為了介紹自己的產(chǎn)品和服務(wù)，希望能夠通過網(wǎng)絡(luò)得到訂單。本例的房地產(chǎn)網(wǎng)站可以把樓盤的展示作為網(wǎng)站的重點(diǎn)。頁面的插圖應(yīng)以體現(xiàn)房地產(chǎn)為主，營造企業(yè)形象為輔，盡量將兩方面協(xié)調(diào)到位。房地產(chǎn)網(wǎng)站建設(shè)的主要目的如下。　　·提升企業(yè)形象：對于房產(chǎn)企業(yè)而言，企業(yè)的品牌形象至關(guān)重要。買房子是許多人一生中的頭等大事，需要考慮的方面也較多。因開發(fā)商的形象而產(chǎn)生的問題，往往是消費(fèi)者決定購買與否的主要考慮因素之一?！　　ら_拓更大國內(nèi)國際市場：現(xiàn)在通過建立網(wǎng)站，企業(yè)形象的宣傳不再局限于當(dāng)?shù)厥袌?，而是全球范圍的宣傳。企業(yè)信息的實(shí)時(shí)傳遞，與公眾相互溝通的即時(shí)性、互動性，彌補(bǔ)了傳統(tǒng)手段的單一性和不可預(yù)見性?！　　じ淖儬I銷方式：傳統(tǒng)的企業(yè)營銷采取主動聯(lián)系客戶，如企業(yè)有了自己的網(wǎng)站，就可化主動為被動，讓潛在的客戶，通過網(wǎng)站得到他們要的資料，再通過電子郵件或電話、傳真等方式聯(lián)絡(luò)，最終促成業(yè)務(wù)?！　　し?wù)更加周到：利用網(wǎng)站可以提供24小時(shí)服務(wù)、時(shí)刻更新網(wǎng)頁內(nèi)容，以及網(wǎng)上訂單等互動方式。

編輯推薦

　　3800幅網(wǎng)頁Banner與Logo圖片、2100個(gè)按鈕圖標(biāo)、1500套網(wǎng)頁模板、500組經(jīng)典網(wǎng)站、實(shí)用手冊和辭典、范例文件及課件?！碽r〉精粹16大應(yīng)用主題+30類行業(yè)知識+5600個(gè)網(wǎng)頁文件+8000余種素材，引用圖解方式詮釋HTML，XHTML，CSS，JavaScript及Ajax最新技術(shù)，聚焦表單、布局與函數(shù)等知識點(diǎn)，以及購物、游戲和個(gè)人等類型網(wǎng)站。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    最新HTML\CSS\JavaScript標(biāo)準(zhǔn)教程 PDF格式下載

---