第1章html+css+javascript實例版完全手冊.ppt

1、Powered by ,第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 總結(jié) 1.6 習題,1.1這就是HTML、CSS、JavaScript的代碼,1.1.1 HTML 代碼片段,1.1這就是HTML、CSS、JavaScript的代碼,1.1.2 CSS代碼片段 在1.1.1節(jié)所示的代碼中，在與間，加入下面的CSS代碼片段。,1.1這就是HTM

2、L、CSS、JavaScript的代碼,1.1.3 JavaScript代碼片段 在與標記之間添加如下代碼,1.2 HTML、CSS、JavaScript各自的角色,1.2.1 HTML所扮演的角色 1HTML的編輯環(huán)境 2專用的HTML開發(fā)工具,附結(jié)論,附表格,HTML的編輯環(huán)境, 不僅在記事本中可以編寫HTML代碼，任何文本編輯器都可以編寫HTML，都可用來制作網(wǎng)頁。比如寫字板、Word、WPS等編輯程序。不過在保存時要存為.html或.htm格式。 不僅用IE瀏覽器可以查看網(wǎng)頁（.html文件）效果，Netscape Navigator也可以瀏覽。HTML具有跨平臺性，就是說，只要有合適

3、的瀏覽器，不管在哪個操作系統(tǒng)下，都可以瀏覽HTML文件。只有通過瀏覽器才可以對HTML文檔進行相應的解析。,返回,HTML開發(fā)工具分類,返回,1.2 HTML、CSS、JavaScript各自的角色,1.2.2 CSS所扮演的角色 1概念 2角色,附結(jié)論,CSS 扮演的角色, 在HTML語言中可以直接編寫CSS代碼。 CSS能幫助用戶對頁面的布局加以更多的控制。 CSS可以控制網(wǎng)頁字體變化和大小。 CSS彌補了HTML對網(wǎng)頁格式化方面的不足，起到排版定位的作用。 CSS可實現(xiàn)頁面格式的動態(tài)更新。,返回,1.2 HTML、CSS、JavaScript各自的角色,1.2.3 JavaScript所

4、扮演的角色 JavaScript是一種基于對象的腳本語言，它的角色：用于開發(fā)Internet客戶端的應用程序。它可以結(jié)合HTML、CSS，實現(xiàn)在一個Web頁面中與Web客戶交互的功能。,附結(jié)論,JavaScript所扮演的角色, 一種腳本編寫語言：JavaScript是一種腳本語言，可以和HTML語言結(jié)合，在HTML中可以直接編寫JavaScript代碼。 動態(tài)性：它可以直接對用戶或客戶的輸入做出響應，無須經(jīng)過Web服務程序。因此，可以實現(xiàn)類似彈出提示框這樣的交互性網(wǎng)頁功能。它對用戶的響應是以“事件”做驅(qū)動的，比如，“單擊網(wǎng)頁中的按鈕”這個事件可以引發(fā)對應的響應。 跨平臺性：JavaScrip

5、t依賴于瀏覽器，與操作系統(tǒng)無關。因此，只要在有瀏覽器的計算機上，且瀏覽器支持JavaScript，就可以對其正確執(zhí)行。,返回,1.3 如何學習HTML、CSS、JavaScript,1.3.1 先了解HTML、CSS、JavaScript的語法結(jié)構(gòu) 1.3.2 借助Dreamweaver學習 1軟件界面 2學習方法 1.3.3 實踐出真知,1.4 小實例HTML、CSS、JavaScript的綜合應用,1.4 小實例HTML、CSS、JavaScript的綜合應用,1.4 小實例HTML、CSS、JavaScript的綜合應用,1.4 小實例HTML、CSS、JavaScript的綜合應用,1.5 總結(jié),（1）HTML、CSS、JavaScript在網(wǎng)頁設計中所扮演的角色都很重要，HTML是基礎架構(gòu)，CSS是元素格式、頁面布局的靈魂，而JavaScript是實現(xiàn)網(wǎng)頁的動態(tài)性、交互性的點睛之筆。 （2）HTML以開始，以結(jié)束，這是一個成對的標記。CSS以開始，以結(jié)束，也是一個成對的標記。JavaScript以開始，以結(jié)束。 （3）關于