資源簡介

(共12張PPT)
編寫HTML代碼
考綱分析
1了解網頁與網站的概念
本課程在高考中上機占10分操作，理論一般為1——2個題，爭取本課程高考中不丟分
2HTML基礎
理解HTML基本結構、常用標記與超鏈接
3常用應用的使用
掌握列表、超鏈接、表格、css、表單、多媒體等常見應用的使用方法。
1
認識HTML
Part one
3 常用的瀏覽器
1 網頁的基本組成
2 什么是HTML
目 錄
4 Web標準的三大組成部分
1.網站的概念
網站是指在 Internet上,使用HTML(超文本標記語言)等工具制作的用于展示特定信息的相關網頁集合。
網站結構一般分為物理結構和邏輯結構。分析網站結構主要是對網站的邏輯結構進行規劃設計,常見的網站邏輯結構有線性結構、二維表結構、層次結構。
網頁是網站中的一“頁”，通常是HTML格式的文件, 它要用瀏覽器來閱讀。
2、網頁概念
網頁是構成網站的基本元素, 網頁以文件的形式存儲，通常由圖片、鏈接、文字、聲音、視頻等元素組成。通常我們看到的網頁，常以.html或者.htm后綴結尾的文件，也被稱為HTML文件。
靜態網頁有HTML、 Flash、JavaScript、 VBScript等；
動態網頁有ASP、JSP、PHP、、CGI等,
什么是網頁？
靜態與動態網頁？
3、HTML
什么是HTML
HTML,稱為超文本標記語言（hyper text markup language）,這些標記代碼并不是一種程序語言,是一種編寫超文本文檔的簡單標記語言。
標記語言是一套標記標簽
可以直接通過瀏覽器解釋執行。
Ps：所謂超文本，有兩個意思
1、它可以加入圖片、聲音、動畫、多媒體等內容（超越了文本限制）
2、它還可以從一個文件跳到另一個文件，與世界各地主機的文件鏈接（超鏈接文件包）
3、HTML
網頁開發軟件
網頁制作三劍客
Dreamweaver(制作網頁)、
Flash(制作網頁動畫)、
Fireworks(處理網頁圖形)
FrontPage(微軟已停止提供):網頁制作軟件
動態網頁開發軟件: Microsoft visual studio(用于開發.aspx網頁)、 I Builder(用于開發jsp網頁)
2、網頁小結
文字和圖片是構成網頁的最基本元素。除此之外,還包括有超鏈接、表格、音頻、視頻、動畫、表單和腳本程序等。其中表單和腳本程序主要用于動態網頁設計
有前端人員書寫HTML文件，然后瀏覽器打開，就看到的網頁
網頁
生成
網頁
元素
HTML
超文件標記語言，用來制作網頁的一門語言，由標簽組成，比如圖片標簽，超鏈接標簽，表格標簽等。
3、瀏覽器
常用瀏覽器
瀏覽器是網頁顯示、運行的平臺。常用的瀏覽器有IE、火狐（firefox）、谷歌（chrome）、safari（蘋果公司）、oprea、國產：360、UC等
4、web標準
4.1web標準的構成
包括結構、表現和行為三個方面
標準 說明
結構 結構用于對網頁元素進行整理和分類，現階段主要學的是HTML
樣式 標準用于設置網頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS
行為 行為是指網頁模型的定義及交互的編寫，主要指的JavaScript
Web標準提出最佳體驗方式：結構、樣式、行為相分離
簡單講：結構寫到HTML中，樣式寫到CSS文件中，行為寫到JAVASCRIPT文件中
HTML
CSS
javascript
網頁前端
結構類似身體
樣式類似外觀修飾
行為類似行為動作

展開更多......

收起↑