網(wǎng)頁設(shè)計與制作項目教程項目1-網(wǎng)頁制作基礎(chǔ)知識課件

項目1網(wǎng)頁制作基礎(chǔ)知識·

了解Web標(biāo)準(zhǔn)·Deramweaver工具的使用·認(rèn)識網(wǎng)頁·HTML、CSS和JS語言簡介

HTML項目1網(wǎng)頁制作基礎(chǔ)知識·了解Web標(biāo)準(zhǔn)·認(rèn)識網(wǎng)頁學(xué)習(xí)目標(biāo)了解Web標(biāo)準(zhǔn)及基本概念。1了解熟悉掌握掌握2熟悉HTML、CSS及JavaScript語言的發(fā)展歷史。3掌握Dreamweaver工具的基本操作。能夠使用Dreamweaver創(chuàng)建簡單的網(wǎng)頁。4學(xué)習(xí)目標(biāo)了解Web標(biāo)準(zhǔn)及基本概念。1了解熟悉掌握掌握2熟悉H目錄網(wǎng)頁制作入門?點擊查看本小節(jié)知識架構(gòu)Dreamweaver工具的使用?點擊查看本小節(jié)知識架構(gòu)【任務(wù)1-1】了解Web基本概念?點擊查看本小節(jié)知識架構(gòu)【任務(wù)1-2】【任務(wù)1-3】目錄網(wǎng)頁制作入門?點擊查看本小節(jié)知識架構(gòu)Dreamwea知識架構(gòu)【任務(wù)1-1】了解Web基本概念1認(rèn)識網(wǎng)頁2網(wǎng)頁相關(guān)名詞3Web標(biāo)準(zhǔn)知識架構(gòu)【任務(wù)1-1】了解Web基本概念1認(rèn)識網(wǎng)頁2網(wǎng)頁

【任務(wù)1-2】網(wǎng)頁制作入門HTML簡介CSS簡介JavaScript簡介常見瀏覽器介紹1234知識架構(gòu)【任務(wù)1-2】網(wǎng)頁制作入

【任務(wù)1-3】Dreamweaver工具的使用Dreamweaver界面介紹創(chuàng)建第一個網(wǎng)頁123Dreamweaver初始化設(shè)置知識架構(gòu)【任務(wù)1-3】

【任務(wù)1-1】了解Web基本概念Web中文譯為“網(wǎng)頁”，說到網(wǎng)頁，其實大家并不陌生，上網(wǎng)時瀏覽新聞、查詢信息、翻看圖片等都是在瀏覽網(wǎng)頁。下面，將針對與Web相關(guān)的概念進(jìn)行詳細(xì)講解?！救蝿?wù)1-1】了解W什么是網(wǎng)頁？

【任務(wù)1-1】了解Web基本概念認(rèn)識網(wǎng)頁1.什么是網(wǎng)頁？【任務(wù)1-1網(wǎng)頁究竟是什么？說到網(wǎng)頁，其實大家并不陌生瀏覽新聞查詢信息網(wǎng)上購物認(rèn)識網(wǎng)頁1.

【任務(wù)1-1】了解Web基本概念網(wǎng)頁究竟是什么？說到網(wǎng)頁，其實大家并不陌生瀏覽新聞查詢信息網(wǎng)以傳智播客官網(wǎng)為例，分析網(wǎng)頁認(rèn)識網(wǎng)頁1.超鏈接文字

圖片

【任務(wù)1-1】了解Web基本概念以傳智播客官網(wǎng)為例，分析網(wǎng)頁認(rèn)識網(wǎng)頁1.超鏈接文字網(wǎng)頁就是網(wǎng)站中用于承載信息的頁面，主要由文字、圖像和超鏈接等元素構(gòu)成，除了這些元素，網(wǎng)頁中還可以包含音頻、視頻以及flash等。認(rèn)識網(wǎng)頁1.

【任務(wù)1-1】了解Web基本概念網(wǎng)頁就是網(wǎng)站中用于承載信息的頁認(rèn)識網(wǎng)頁1.網(wǎng)頁是如何形成的？認(rèn)識網(wǎng)頁1.

【任務(wù)1-1】了解Web基本概念網(wǎng)頁是如何形成的？認(rèn)識網(wǎng)頁1.特殊的符號和文本瀏覽器渲染認(rèn)識網(wǎng)頁1.

【任務(wù)1-1】了解Web基本概念圖文并茂的頁面特殊的符號和文本瀏覽器渲染認(rèn)識網(wǎng)頁1.通過超鏈接網(wǎng)站多個頁面集合在一起認(rèn)識網(wǎng)頁1.

【任務(wù)1-1】了解Web基本概念通過超鏈接網(wǎng)站多個頁面集合在一起認(rèn)識網(wǎng)頁1.網(wǎng)頁相關(guān)名詞2.

【任務(wù)1-1】了解Web基本概念網(wǎng)頁相關(guān)名詞2.【任務(wù)1什么是Web標(biāo)準(zhǔn)？

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)3.什么是Web標(biāo)準(zhǔn)？【任務(wù)Web標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn)，而是由W3C和其他標(biāo)準(zhǔn)化組織制定的一系列標(biāo)準(zhǔn)的集合。包含我們所熟悉的HTML、XHTML、CSS、JavaScript等等。

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)3.Web標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn)，而是由W3C和其他標(biāo)準(zhǔn)化組織制定的制定Web標(biāo)準(zhǔn)的目的由于不同的瀏覽器解析出來的效果可能不一致，開發(fā)者常常需要為多版本的開發(fā)而艱苦工作。通過Web標(biāo)準(zhǔn)展示統(tǒng)一內(nèi)容

【任務(wù)1-1】了解Web基本概念制定Web標(biāo)準(zhǔn)的目的由于不同的瀏覽器解析出來的效果可能不一致Web標(biāo)準(zhǔn)的優(yōu)點？

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)3.Web標(biāo)準(zhǔn)的優(yōu)點？【任務(wù)Web標(biāo)準(zhǔn)的優(yōu)點使網(wǎng)站更易于維護(hù)降低網(wǎng)站流量費用更容易被搜尋引擎搜索內(nèi)容能被更廣泛的設(shè)備訪問讓W(xué)eb的發(fā)展前景更廣闊提高頁面瀏覽速度

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)的優(yōu)點使網(wǎng)站更易于維護(hù)降低網(wǎng)站流量費用更容易被搜尋Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)結(jié)構(gòu)標(biāo)準(zhǔn)用于對網(wǎng)頁元素進(jìn)行整理和分類，主要包括兩個部分：XML和XHTML。表現(xiàn)標(biāo)準(zhǔn)用于設(shè)置網(wǎng)頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS。行為標(biāo)準(zhǔn)是指網(wǎng)頁模型的定義及交互的編寫，主要包括兩個部分：DOM和ECMAScript。

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)結(jié)構(gòu)標(biāo)準(zhǔn)用于對網(wǎng)頁元Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)如果把Web標(biāo)準(zhǔn)看做一棟房子，結(jié)構(gòu)標(biāo)準(zhǔn)就相當(dāng)于房子的框架。

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)如果把Web標(biāo)準(zhǔn)看做Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)就相當(dāng)于房子的裝修，讓房子看起來更美觀。

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)就相當(dāng)于房子Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)相當(dāng)于房間內(nèi)部的設(shè)備，讓房子具有功能性。KTV有唱歌功能廚房有做飯功能

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)相當(dāng)于房間內(nèi)結(jié)合生活中事例，說說你對結(jié)構(gòu)、表現(xiàn)、行為的理解？人的骨骼就相當(dāng)于結(jié)構(gòu)，衣服鞋子就相當(dāng)于表現(xiàn)，行走、奔跑、跳躍就是行為。結(jié)構(gòu)：使內(nèi)容更清晰，更有邏輯性表現(xiàn)：用于修飾內(nèi)容的樣式行為：內(nèi)容的交互及操作效果

【任務(wù)1-1】了解Web基本概念結(jié)合生活中事例，說說你對結(jié)構(gòu)、表現(xiàn)、行為的理解？人的骨骼就相

【任務(wù)1-2】網(wǎng)頁制作入門HTML、CSS和JavaScript是網(wǎng)頁制作的基本應(yīng)用技術(shù)，也是本書學(xué)習(xí)的重點，要想學(xué)好這些技術(shù)，首先需要對它們有一個整體的認(rèn)識。下面，將針對HTML、CSS和JavaScript語言的發(fā)展歷史、流行版本、開發(fā)工具、運行平臺等內(nèi)容進(jìn)行詳細(xì)講解。【任務(wù)1-2】網(wǎng)頁制作入什么是HTML？HTML簡介1.

【任務(wù)1-2】網(wǎng)頁制作入門什么是HTML？HTML簡介1.HTML(英文HyperTextMarkupLanguage的縮寫)中文譯為“超文本標(biāo)記語言”，主要是通過HTML標(biāo)記對網(wǎng)頁中的文本、圖片、聲音等內(nèi)容進(jìn)行描述。HTML簡介1.

【任務(wù)1-2】網(wǎng)頁制作入門HTML(英文HyperTextMarkupLangu以傳智播客官網(wǎng)的一段源代碼為例文本超鏈接圖片標(biāo)記用列表制作的帶有超鏈接功能的導(dǎo)航

【任務(wù)1-2】網(wǎng)頁制作入門以傳智播客官網(wǎng)的一段源代碼為例文本超鏈接圖片標(biāo)記用列表制作的HTML的發(fā)展史HTML2.01995年11月作為RFC1866發(fā)布，在RFC2854于2000年6月發(fā)布之后被宣布過時。超文本標(biāo)記語言（第一版）在1993年6月作為互聯(lián)網(wǎng)工程工作小組（IETF）工作草案發(fā)布。HTML3.21997年1月14日，W3C推薦標(biāo)準(zhǔn)。HTML4.01997年12月18日，W3C推薦標(biāo)準(zhǔn)。HTML4.011999年12月24日，W3C推薦標(biāo)準(zhǔn)。HTML52008年1月22日公布第一份正式草案，2014年10月底定稿。由于各個瀏覽器支持的不是很統(tǒng)一，所以還沒有得到廣泛應(yīng)用?！究偨Y(jié)】HTML語言發(fā)展至今，經(jīng)歷了六個版本，這個過程中新增了許多HTML標(biāo)記，同時也淘汰了一些標(biāo)記。

【任務(wù)1-2】網(wǎng)頁制作入門HTML的發(fā)展史HTML2.01995年11月作為RFC1過渡階段--XHTMLXHTML是更嚴(yán)謹(jǐn)純凈的HTML版本，目的是為了實現(xiàn)HTML向XML的過渡。HTML在語法上很寬松，但對于其他的設(shè)備，兼容的難度就比較大，不符合標(biāo)準(zhǔn)的發(fā)展趨勢。XML雖然數(shù)據(jù)轉(zhuǎn)換能力強大，但是面對互聯(lián)網(wǎng)上成千上萬基于HTML編寫的網(wǎng)站，直接采用XML還為時過早。XHTML過渡

【任務(wù)1-2】網(wǎng)頁制作入門過渡階段--XHTMLXHTML是更嚴(yán)謹(jǐn)純凈的HTML版本，什么是CSS？CSS簡介2.

【任務(wù)1-2】網(wǎng)頁制作入門什么是CSS？CSS簡介2.CSS通常稱為CSS樣式或樣式表，主要用于設(shè)置HTML頁面中的文本內(nèi)容（字體、大小、對齊方式等）、圖片的外形（寬高、邊框樣式、邊距等）以及版面的布局等外觀顯示樣式。CSS簡介2.

【任務(wù)1-2】網(wǎng)頁制作入門CSS通常稱為CSS樣式或樣式表，主要用于設(shè)置HTML頁面中認(rèn)識CSS屬性CSS提供了豐富的樣式font:屬性值;字體屬性color:屬性值;顏色屬性float:屬性值;浮動屬性background:屬性值;背景屬性CSS簡介2.

【任務(wù)1-2】網(wǎng)頁制作入門認(rèn)識CSS屬性CSS提供了豐富的樣式font:屬性值;字體屬以一段CSS樣式代碼為例<styletype="text/css"> p{ font-size:36px; color:red; text-align:center; }</style>字號顏色對齊方式

【任務(wù)1-2】網(wǎng)頁制作入門以一段CSS樣式代碼為例<styletype="text/什么是JavaScript？JavaScript簡介3.

【任務(wù)1-2】網(wǎng)頁制作入門什么是JavaScript？JavaScript簡介3.JavaScript是Web頁面中的一種腳本語言，通過JavaScript可以將靜態(tài)頁面轉(zhuǎn)變成支持用戶交互并響應(yīng)相應(yīng)事件的動態(tài)頁面。在網(wǎng)站建設(shè)中，JavaScript用于為頁面添加動態(tài)效果。JavaScript簡介3.

【任務(wù)1-2】網(wǎng)頁制作入門JavaScript是Web頁面中的一種腳本語言，通過JavJavaScript腳本語言發(fā)展史JavaScript用于為頁面添加動態(tài)效果Tab欄切換焦點圖輪播

【任務(wù)1-2】網(wǎng)頁制作入門JavaScript腳本語言發(fā)展史JavaScript用于為JavaScript的發(fā)展史JavaScript最初由Netscape（網(wǎng)景公司）的BrendanEich（瑞登?艾克）設(shè)計，后來Netscape為了營銷考慮，與Sun微系統(tǒng)達(dá)成協(xié)議，將其改名為JavaScript。JScript為了取得技術(shù)優(yōu)勢，Microsoft（微軟）公司推出了JScript。

【任務(wù)1-2】網(wǎng)頁制作入門JavaScript的發(fā)展史JavaScript最初由NetIE、火狐和谷歌是目前互聯(lián)網(wǎng)上的三大瀏覽器，其他常用的瀏覽器還有蘋果的Safari瀏覽器和歐朋瀏覽器等。對于一般的網(wǎng)站，只要兼容IE瀏覽器、火狐瀏覽器和谷歌瀏覽器，就能滿足絕大多數(shù)用戶的需求。常見瀏覽器介紹4.

【任務(wù)1-2】網(wǎng)頁制作入門IE、火狐和谷歌是目前互聯(lián)網(wǎng)上的三大瀏覽器，其他常用的瀏覽器MozillaFirefox中文通常稱為“火狐”，是一個開源網(wǎng)頁瀏覽器，使用Gecko引擎（非ie內(nèi)核）。Firebug是火狐瀏覽器下的一款開發(fā)插件，它集HTML查看和編輯、JavaScript控制臺、網(wǎng)絡(luò)狀況監(jiān)視器于一體，是開發(fā)HTML、CSS、JavaScript等的得力助手。

【任務(wù)1-2】網(wǎng)頁制作入門MozillaFirefox中文通常稱為“火狐”，是一個開IE瀏覽器的全稱是InternetExplorer，由微軟公司推出，直接綁定在Windows操作系統(tǒng)中，無需下載安裝。IE有6.0、7.0、8.0、9.0、10.0等版本，目前最新的是IE11.0。

【任務(wù)1-2】網(wǎng)頁制作入門IE瀏覽器的全稱是InternetExplorer，由微軟GoogleChrome又稱谷歌瀏覽器，是由Google（谷歌）公司開發(fā)的開放原始碼網(wǎng)頁瀏覽器。該瀏覽器基于其它開放原始碼軟件所撰寫，包括WebKit和Mozilla，目標(biāo)是提升穩(wěn)定性、速度和安全性，并創(chuàng)造出簡單有效的使用界面。

【任務(wù)1-2】網(wǎng)頁制作入門GoogleChrome又稱谷歌瀏覽器，是由Google（

【任務(wù)1-3】Dreamweaver工具的使用網(wǎng)頁制作過程中，為了開發(fā)方便，通常我們會選擇一些較便捷的工具，如Editplus、notepad++、sublime、Dreamweaver等。實際工作中，最常用的網(wǎng)頁制作工具是Dreamweaver。下面，本節(jié)將詳細(xì)介紹Dreamweaver工具的使用?！救蝿?wù)1-3】

【任務(wù)1-3】Dreamweaver工具的使用Dreamweaver界面介紹1.【任務(wù)1-3】

【任務(wù)1-3】Dreamweaver工具的使用Dreamweaver初始化設(shè)置2.（1）工作區(qū)布局設(shè)置（2）必備面板（3）新建默認(rèn)文檔設(shè)置（4）代碼提示（5）瀏覽器設(shè)置【任務(wù)1-3】前面我們已經(jīng)對網(wǎng)頁、HTML、CSS、JavaScript以及常用的網(wǎng)頁制作工具Dreamweaver有了一定的了解，接下來將通過一個案例學(xué)習(xí)如何使用Dreamweaver創(chuàng)建一個包含HTML結(jié)構(gòu)和CSS樣式的簡單網(wǎng)頁。創(chuàng)建第一個網(wǎng)頁3.

【任務(wù)1-3】Dreamweaver工具的使用前面我們已經(jīng)對網(wǎng)頁、HTML、CSS、JavaScript以【項目總結(jié)】1.能夠簡單地認(rèn)識網(wǎng)頁，了解網(wǎng)頁相關(guān)名詞和Web標(biāo)準(zhǔn)。2.熟悉HTML、CSS以及JavaScript語言的發(fā)展史，感受它們的用法和效果。3.掌握Dreamweaver工具的基本操作，能夠熟練使用Dreamweaver工具創(chuàng)建簡單的網(wǎng)頁。希望讀者以此為開端，認(rèn)真完成對本書的學(xué)習(xí)?！卷椖靠偨Y(jié)】1.能夠簡單地認(rèn)識網(wǎng)頁，了解網(wǎng)頁相關(guān)名詞和Web網(wǎng)頁設(shè)計與制作項目教程項目1-網(wǎng)頁制作基礎(chǔ)知識課件項目1網(wǎng)頁制作基礎(chǔ)知識·

了解Web標(biāo)準(zhǔn)·Deramweaver工具的使用·認(rèn)識網(wǎng)頁·HTML、CSS和JS語言簡介

HTML項目1網(wǎng)頁制作基礎(chǔ)知識·了解Web標(biāo)準(zhǔn)·認(rèn)識網(wǎng)頁學(xué)習(xí)目標(biāo)了解Web標(biāo)準(zhǔn)及基本概念。1了解熟悉掌握掌握2熟悉HTML、CSS及JavaScript語言的發(fā)展歷史。3掌握Dreamweaver工具的基本操作。能夠使用Dreamweaver創(chuàng)建簡單的網(wǎng)頁。4學(xué)習(xí)目標(biāo)了解Web標(biāo)準(zhǔn)及基本概念。1了解熟悉掌握掌握2熟悉H目錄網(wǎng)頁制作入門?點擊查看本小節(jié)知識架構(gòu)Dreamweaver工具的使用?點擊查看本小節(jié)知識架構(gòu)【任務(wù)1-1】了解Web基本概念?點擊查看本小節(jié)知識架構(gòu)【任務(wù)1-2】【任務(wù)1-3】目錄網(wǎng)頁制作入門?點擊查看本小節(jié)知識架構(gòu)Dreamwea知識架構(gòu)【任務(wù)1-1】了解Web基本概念1認(rèn)識網(wǎng)頁2網(wǎng)頁相關(guān)名詞3Web標(biāo)準(zhǔn)知識架構(gòu)【任務(wù)1-1】了解Web基本概念1認(rèn)識網(wǎng)頁2網(wǎng)頁

【任務(wù)1-2】網(wǎng)頁制作入門HTML簡介CSS簡介JavaScript簡介常見瀏覽器介紹1234知識架構(gòu)【任務(wù)1-2】網(wǎng)頁制作入

【任務(wù)1-3】Dreamweaver工具的使用Dreamweaver界面介紹創(chuàng)建第一個網(wǎng)頁123Dreamweaver初始化設(shè)置知識架構(gòu)【任務(wù)1-3】

【任務(wù)1-1】了解Web基本概念Web中文譯為“網(wǎng)頁”，說到網(wǎng)頁，其實大家并不陌生，上網(wǎng)時瀏覽新聞、查詢信息、翻看圖片等都是在瀏覽網(wǎng)頁。下面，將針對與Web相關(guān)的概念進(jìn)行詳細(xì)講解?！救蝿?wù)1-1】了解W什么是網(wǎng)頁？

【任務(wù)1-1】了解Web基本概念認(rèn)識網(wǎng)頁1.什么是網(wǎng)頁？【任務(wù)1-1網(wǎng)頁究竟是什么？說到網(wǎng)頁，其實大家并不陌生瀏覽新聞查詢信息網(wǎng)上購物認(rèn)識網(wǎng)頁1.

【任務(wù)1-1】了解Web基本概念網(wǎng)頁究竟是什么？說到網(wǎng)頁，其實大家并不陌生瀏覽新聞查詢信息網(wǎng)以傳智播客官網(wǎng)為例，分析網(wǎng)頁認(rèn)識網(wǎng)頁1.超鏈接文字

圖片

【任務(wù)1-1】了解Web基本概念以傳智播客官網(wǎng)為例，分析網(wǎng)頁認(rèn)識網(wǎng)頁1.超鏈接文字網(wǎng)頁就是網(wǎng)站中用于承載信息的頁面，主要由文字、圖像和超鏈接等元素構(gòu)成，除了這些元素，網(wǎng)頁中還可以包含音頻、視頻以及flash等。認(rèn)識網(wǎng)頁1.

【任務(wù)1-1】了解Web基本概念網(wǎng)頁就是網(wǎng)站中用于承載信息的頁認(rèn)識網(wǎng)頁1.網(wǎng)頁是如何形成的？認(rèn)識網(wǎng)頁1.

【任務(wù)1-1】了解Web基本概念網(wǎng)頁是如何形成的？認(rèn)識網(wǎng)頁1.特殊的符號和文本瀏覽器渲染認(rèn)識網(wǎng)頁1.

【任務(wù)1-1】了解Web基本概念圖文并茂的頁面特殊的符號和文本瀏覽器渲染認(rèn)識網(wǎng)頁1.通過超鏈接網(wǎng)站多個頁面集合在一起認(rèn)識網(wǎng)頁1.

【任務(wù)1-1】了解Web基本概念通過超鏈接網(wǎng)站多個頁面集合在一起認(rèn)識網(wǎng)頁1.網(wǎng)頁相關(guān)名詞2.

【任務(wù)1-1】了解Web基本概念網(wǎng)頁相關(guān)名詞2.【任務(wù)1什么是Web標(biāo)準(zhǔn)？

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)3.什么是Web標(biāo)準(zhǔn)？【任務(wù)Web標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn)，而是由W3C和其他標(biāo)準(zhǔn)化組織制定的一系列標(biāo)準(zhǔn)的集合。包含我們所熟悉的HTML、XHTML、CSS、JavaScript等等。

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)3.Web標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn)，而是由W3C和其他標(biāo)準(zhǔn)化組織制定的制定Web標(biāo)準(zhǔn)的目的由于不同的瀏覽器解析出來的效果可能不一致，開發(fā)者常常需要為多版本的開發(fā)而艱苦工作。通過Web標(biāo)準(zhǔn)展示統(tǒng)一內(nèi)容

【任務(wù)1-1】了解Web基本概念制定Web標(biāo)準(zhǔn)的目的由于不同的瀏覽器解析出來的效果可能不一致Web標(biāo)準(zhǔn)的優(yōu)點？

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)3.Web標(biāo)準(zhǔn)的優(yōu)點？【任務(wù)Web標(biāo)準(zhǔn)的優(yōu)點使網(wǎng)站更易于維護(hù)降低網(wǎng)站流量費用更容易被搜尋引擎搜索內(nèi)容能被更廣泛的設(shè)備訪問讓W(xué)eb的發(fā)展前景更廣闊提高頁面瀏覽速度

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)的優(yōu)點使網(wǎng)站更易于維護(hù)降低網(wǎng)站流量費用更容易被搜尋Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)結(jié)構(gòu)標(biāo)準(zhǔn)用于對網(wǎng)頁元素進(jìn)行整理和分類，主要包括兩個部分：XML和XHTML。表現(xiàn)標(biāo)準(zhǔn)用于設(shè)置網(wǎng)頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS。行為標(biāo)準(zhǔn)是指網(wǎng)頁模型的定義及交互的編寫，主要包括兩個部分：DOM和ECMAScript。

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)結(jié)構(gòu)標(biāo)準(zhǔn)用于對網(wǎng)頁元Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)如果把Web標(biāo)準(zhǔn)看做一棟房子，結(jié)構(gòu)標(biāo)準(zhǔn)就相當(dāng)于房子的框架。

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)如果把Web標(biāo)準(zhǔn)看做Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)就相當(dāng)于房子的裝修，讓房子看起來更美觀。

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)就相當(dāng)于房子Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)相當(dāng)于房間內(nèi)部的設(shè)備，讓房子具有功能性。KTV有唱歌功能廚房有做飯功能

【任務(wù)1-1】了解Web基本概念Web標(biāo)準(zhǔn)的構(gòu)成結(jié)構(gòu)標(biāo)準(zhǔn)表現(xiàn)標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)行為標(biāo)準(zhǔn)相當(dāng)于房間內(nèi)結(jié)合生活中事例，說說你對結(jié)構(gòu)、表現(xiàn)、行為的理解？人的骨骼就相當(dāng)于結(jié)構(gòu)，衣服鞋子就相當(dāng)于表現(xiàn)，行走、奔跑、跳躍就是行為。結(jié)構(gòu)：使內(nèi)容更清晰，更有邏輯性表現(xiàn)：用于修飾內(nèi)容的樣式行為：內(nèi)容的交互及操作效果

【任務(wù)1-1】了解Web基本概念結(jié)合生活中事例，說說你對結(jié)構(gòu)、表現(xiàn)、行為的理解？人的骨骼就相

【任務(wù)1-2】網(wǎng)頁制作入門HTML、CSS和JavaScript是網(wǎng)頁制作的基本應(yīng)用技術(shù)，也是本書學(xué)習(xí)的重點，要想學(xué)好這些技術(shù)，首先需要對它們有一個整體的認(rèn)識。下面，將針對HTML、CSS和JavaScript語言的發(fā)展歷史、流行版本、開發(fā)工具、運行平臺等內(nèi)容進(jìn)行詳細(xì)講解?！救蝿?wù)1-2】網(wǎng)頁制作入什么是HTML？HTML簡介1.

【任務(wù)1-2】網(wǎng)頁制作入門什么是HTML？HTML簡介1.HTML(英文HyperTextMarkupLanguage的縮寫)中文譯為“超文本標(biāo)記語言”，主要是通過HTML標(biāo)記對網(wǎng)頁中的文本、圖片、聲音等內(nèi)容進(jìn)行描述。HTML簡介1.

【任務(wù)1-2】網(wǎng)頁制作入門HTML(英文HyperTextMarkupLangu以傳智播客官網(wǎng)的一段源代碼為例文本超鏈接圖片標(biāo)記用列表制作的帶有超鏈接功能的導(dǎo)航

【任務(wù)1-2】網(wǎng)頁制作入門以傳智播客官網(wǎng)的一段源代碼為例文本超鏈接圖片標(biāo)記用列表制作的HTML的發(fā)展史HTML2.01995年11月作為RFC1866發(fā)布，在RFC2854于2000年6月發(fā)布之后被宣布過時。超文本標(biāo)記語言（第一版）在1993年6月作為互聯(lián)網(wǎng)工程工作小組（IETF）工作草案發(fā)布。HTML3.21997年1月14日，W3C推薦標(biāo)準(zhǔn)。HTML4.01997年12月18日，W3C推薦標(biāo)準(zhǔn)。HTML4.011999年12月24日，W3C推薦標(biāo)準(zhǔn)。HTML52008年1月22日公布第一份正式草案，2014年10月底定稿。由于各個瀏覽器支持的不是很統(tǒng)一，所以還沒有得到廣泛應(yīng)用。【總結(jié)】HTML語言發(fā)展至今，經(jīng)歷了六個版本，這個過程中新增了許多HTML標(biāo)記，同時也淘汰了一些標(biāo)記。

【任務(wù)1-2】網(wǎng)頁制作入門HTML的發(fā)展史HTML2.01995年11月作為RFC1過渡階段--XHTMLXHTML是更嚴(yán)謹(jǐn)純凈的HTML版本，目的是為了實現(xiàn)HTML向XML的過渡。HTML在語法上很寬松，但對于其他的設(shè)備，兼容的難度就比較大，不符合標(biāo)準(zhǔn)的發(fā)展趨勢。XML雖然數(shù)據(jù)轉(zhuǎn)換能力強大，但是面對互聯(lián)網(wǎng)上成千上萬基于HTML編寫的網(wǎng)站，直接采用XML還為時過早。XHTML過渡

【任務(wù)1-2】網(wǎng)頁制作入門過渡階段--XHTMLXHTML是更嚴(yán)謹(jǐn)純凈的HTML版本，什么是CSS？CSS簡介2.

【任務(wù)1-2】網(wǎng)頁制作入門什么是CSS？CSS簡介2.CSS通常稱為CSS樣式或樣式表，主要用于設(shè)置HTML頁面中的文本內(nèi)容（字體、大小、對齊方式等）、圖片的外形（寬高、邊框樣式、邊距等）以及版面的布局等外觀顯示樣式。CSS簡介2.

【任務(wù)1-2】網(wǎng)頁制作入門CSS通常稱為CSS樣式或樣式表，主要用于設(shè)置HTML頁面中認(rèn)識CSS屬性CSS提供了豐富的樣式font:屬性值;字體屬性color:屬性值;顏色屬性float:屬性值;浮動屬性background:屬性值;背景屬性CSS簡介2.

【任務(wù)1-2】網(wǎng)頁制作入門認(rèn)識CSS屬性CSS提供了豐富的樣式font:屬性值;字體屬以一段CSS樣式代碼為例<styletype="text/css"> p{ font-size:36px; color:red; text-align:center; }</style>字號顏色對齊方式

【任務(wù)1-2】網(wǎng)頁制作入門以一段CSS樣式代碼為例<styletype="text/什么是JavaScript？JavaScript簡介3.

【任務(wù)1-2】網(wǎng)頁制作入門什么是JavaScript？JavaScript簡介3.JavaScript是Web頁面中的一種腳本語言，通過JavaScript可以將靜態(tài)頁面轉(zhuǎn)變成支持用戶交互并響應(yīng)相應(yīng)事件的動態(tài)頁面。在網(wǎng)站建設(shè)中，JavaScript用于為頁面添加動態(tài)效果。JavaScript簡介3.

【任務(wù)1-2】網(wǎng)頁制作入門JavaScript是Web頁面中的一種腳本語言，通過JavJavaScript腳本語言發(fā)展史JavaScript用于為頁面添加動態(tài)效果Tab欄切換焦點圖輪播

【任務(wù)1-2】網(wǎng)頁制作入門JavaScript腳本語言發(fā)展史JavaScript用于為JavaScript的發(fā)展史JavaScript最初由Netscape（網(wǎng)景公司）的BrendanEich（瑞登?艾克）設(shè)計，后來Netscape為了營銷考慮，與Sun微系統(tǒng)達(dá)成協(xié)議，將其改名為JavaScript。JScript為了取得技術(shù)優(yōu)勢，Microsoft（微軟）公司推出了JScript。

【任務(wù)1-2】網(wǎng)頁制作入門JavaScript的發(fā)展史JavaScript最初由NetIE、火狐和谷歌是目前互聯(lián)網(wǎng)上的三大瀏覽器，其他常用的瀏覽器還有蘋果的Safari瀏覽器和歐朋瀏覽器等。對于一般的網(wǎng)站，只要兼容IE瀏覽器、火狐瀏覽器和谷歌瀏覽器，就能滿足絕大多數(shù)用戶的需求。常見瀏覽器介紹4.

【任務(wù)1-2】網(wǎng)頁制作入門IE、火狐和谷歌是目前互聯(lián)網(wǎng)上的三大瀏覽器，其他常用的瀏覽器MozillaFirefox中文通常稱為“火狐”，是一個開源網(wǎng)頁瀏覽器，使用Ge