《網(wǎng)頁(yè)的基本知識(shí)》PPT課件.ppt

1、網(wǎng)頁(yè)設(shè)計(jì)與制作教程(第2版),機(jī)械工業(yè)出版社同名教材配套電子教案,第1章 網(wǎng)頁(yè)的基本知識(shí),1.1 Internet簡(jiǎn)介 1.1.1 Internet的起源和發(fā)展 1.1.2 Internet在中國(guó)的發(fā)展 1.1.3 中國(guó)現(xiàn)有的五大Internet網(wǎng)絡(luò) 1.1.4 Internet的功能 1.1.5 TCP/IP簡(jiǎn)介 1.1.6 IP地址和域名 1.1.7 URL地址和HTTP 1.1.8 連接Internet的方式,1.1.9 WWW簡(jiǎn)介 1.2 超文本描述語(yǔ)言HTML 1.2.1 什么是HTML 1.2.2 HTML的作用 1.2.3 HTML的編輯環(huán)境 1.2.4 HTML文件的組成 1.

2、3 專用的網(wǎng)頁(yè)編輯器 1.4 XML簡(jiǎn)介 習(xí)題,1.1 Internet簡(jiǎn)介 什么是Internet呢？簡(jiǎn)單地說(shuō)，Internet是由遍布全球的各種網(wǎng)絡(luò)系統(tǒng)、主機(jī)系統(tǒng)，通過(guò)統(tǒng)一的協(xié)議TCP/IP聯(lián)接在一起所組成的世界性計(jì)算機(jī)網(wǎng)絡(luò)系統(tǒng)。 Internet是世界上最大的互聯(lián)網(wǎng)絡(luò)，但它本身不是一種具體的物理網(wǎng)絡(luò)，把它稱為網(wǎng)絡(luò)是網(wǎng)絡(luò)專家們?yōu)榱俗尨蠹胰菀桌斫舛o它加上的一種“虛擬”概念。實(shí)際上它是把全世界各個(gè)地方已有的各種網(wǎng)絡(luò)，如局域網(wǎng)、數(shù)據(jù)通信網(wǎng)以及公用電話交換網(wǎng)等互連起來(lái)，組成一個(gè)跨越國(guó)界的龐大的互聯(lián)網(wǎng)，因此也稱為“網(wǎng)絡(luò)的網(wǎng)絡(luò)”。 1.1.1 Internet的起源和發(fā)展 1.1.2 Interne

3、t在中國(guó)的發(fā)展 Internet在中國(guó)的發(fā)展大致可分為三個(gè)階段。 第一階段（19871993年），這一階段是電子函件使用階段。 第二階段（19941995年），這一階段是教育科研網(wǎng)發(fā)展階段。 第三階段（1995年至今），這一階段是商業(yè)應(yīng)用階段。,1.1.3 中國(guó)現(xiàn)有的五大Internet網(wǎng)絡(luò) 1. 中國(guó)公用計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)（CHINANET） 2. 中國(guó)教育與科研網(wǎng)絡(luò)（CERNET） 3. 中國(guó)科技網(wǎng)（CSTNET） 4. 中國(guó)金橋信息網(wǎng)（CHINAGBNET） 5. 中國(guó)公眾多媒體通信網(wǎng)（169網(wǎng)） 1.1.4 Internet的功能 1. 電子函件E-mail 2. 文件傳輸FTP 3. 遠(yuǎn)

4、程登錄Telnet 4. 網(wǎng)上查詢 (1) 名稱地址錄信息檢索工具 (2) 索引式信息檢索工具 (3) 交互式信息檢索工具 5. 網(wǎng)上交流 (1) 公告板系統(tǒng)BBS (2) 網(wǎng)絡(luò)新聞組 (3) 電子函件通信組 (4) 聊天,1.1.5 TCP/IP簡(jiǎn)介 1. 網(wǎng)絡(luò)接口層 2. 網(wǎng)間網(wǎng)層 3. 傳輸層 4. 應(yīng)用層 1.1.6 IP地址和域名 1. IP地址 (1) IP地址的格式 (2) IP地址的類型 2. 域名 域名的結(jié)構(gòu)為： 計(jì)算機(jī)名.組織機(jī)構(gòu)名.網(wǎng)絡(luò)名.最高層域名,1.1.7 URL地址和HTTP URL由3部分組成：資源類型、存放資源的主機(jī)域名和資源文件名。,1.1.8 連接Inte

5、rnet的方式 進(jìn)入Internet的方式主要有三種：主機(jī)方式、網(wǎng)絡(luò)方式和仿真終端方式。 1.1.9 WWW簡(jiǎn)介 1. Web節(jié)點(diǎn) 2. 主頁(yè) 3. 超級(jí)鏈接 Web上的頁(yè)是互相連接的。單擊被稱為超級(jí)鏈接的文本或圖形就可以連接到其他頁(yè)，如圖1-2所示。 4. 瀏覽器,1.2 超文本描述語(yǔ)言HTML 1.2.1 什么是HTML 1.2.2 HTML的作用 HTML語(yǔ)言作為一種網(wǎng)頁(yè)編輯語(yǔ)言，易學(xué)易懂，能制作出精美的網(wǎng)頁(yè)效果，其作用如下： 1) 格式化文本。如設(shè)置標(biāo)題、字體、字號(hào)、顏色；設(shè)置文本的段落、對(duì)齊方式等。 2) 建立超鏈接。通過(guò)超鏈接檢索在線的信息，只需用鼠標(biāo)單擊，就可以到達(dá)任何一處。 3

6、) 創(chuàng)建列表。把信息用一種易讀的方式表現(xiàn)出來(lái)。 4) 插入圖像。使網(wǎng)頁(yè)圖文并茂，還可以設(shè)置圖像的各種屬性，如大小、邊框、布局等。 5) 建立表格。表格為瀏覽者提供了快速找到需要信息的顯示方式，還可以用表格來(lái)設(shè)定整個(gè)網(wǎng)頁(yè)的布局。 6) 加入多媒體?？梢栽诰W(wǎng)頁(yè)中加入音頻、視頻、動(dòng)畫(huà)，還能設(shè)定播放的時(shí)間和次數(shù)。 7) 交互式表單、計(jì)數(shù)器等。為獲取遠(yuǎn)程服務(wù)而設(shè)計(jì)表單，可用于檢索信息、定購(gòu)產(chǎn)品等。,1.2.3 HTML的編輯環(huán)境 1.2.4 HTML文件的組成 1. 標(biāo)記 2. 文字與圖形資料 3. 統(tǒng)一資源定位器URL（Uniform Resource Locator） 1.3 專用的網(wǎng)頁(yè)編輯器 1. 完全的所見(jiàn)即所得工具 2. 純粹的HTML代碼編輯工具 3. 混合型工具 1.4 XML簡(jiǎn)介,習(xí)題1 1.1 什么是主頁(yè)？網(wǎng)頁(yè)與主頁(yè)有何區(qū)別？ 1.2 瀏覽器有什么作用？目前常用的瀏覽器有哪幾種？ 1.3