青島版八年級(jí)信息技術(shù)第一課-創(chuàng)建站點(diǎn)-網(wǎng)站制作基礎(chǔ)知識(shí)課件

一、什么是網(wǎng)站？

網(wǎng)站：是因特網(wǎng)上一個(gè)相對(duì)獨(dú)立的信息的集合，這些信息以網(wǎng)頁的形式向全世界發(fā)布。

網(wǎng)站就是網(wǎng)頁的集合。一、什么是網(wǎng)站？1二、網(wǎng)站規(guī)劃的一般步驟：

1、確定網(wǎng)站的主題和風(fēng)格；

網(wǎng)站的主題：是指網(wǎng)站的體裁。（

就像我們寫作文時(shí)選用記敘文還是議論文一樣，確定網(wǎng)站的體裁也就是確定自己的網(wǎng)站想讓什么樣的人倆訪問。）

網(wǎng)站的風(fēng)格：是指網(wǎng)站的整體形象給瀏覽者的綜合感受。二、網(wǎng)站規(guī)劃的一般步驟：2可以參考以下幾個(gè)網(wǎng)址來具體的理解主題與風(fēng)格：

央視網(wǎng)：http:///

聯(lián)想首頁：http:///

百度首頁：http:///可以參考以下幾個(gè)網(wǎng)址來具體的理解主題與風(fēng)格：3央視網(wǎng)：http:///央視網(wǎng)：http:///4聯(lián)想首頁：http:///

聯(lián)想首頁：http:///

5百度首頁：http:///百度首頁：http:///62、設(shè)計(jì)規(guī)劃網(wǎng)站的結(jié)構(gòu)和內(nèi)容；

如同寫好作文要先寫提綱一樣，我們?cè)O(shè)計(jì)網(wǎng)站首先要規(guī)劃好各欄目的內(nèi)容，下圖為示例結(jié)構(gòu)圖，我們后面的介紹都將圍繞該結(jié)構(gòu)進(jìn)行。2、設(shè)計(jì)規(guī)劃網(wǎng)站的結(jié)構(gòu)和內(nèi)容；73、設(shè)計(jì)網(wǎng)站的版面布局；

網(wǎng)站的版面布局：是指以最適合的版面安排方式將圖片、文字等素材排放在網(wǎng)頁的不同位置，讓網(wǎng)頁的訪問者對(duì)網(wǎng)頁的層次、內(nèi)容、結(jié)構(gòu)等一目了然。3、設(shè)計(jì)網(wǎng)站的版面布局；8常見的網(wǎng)頁版面布局形式：

A、“T”（或“廠”）型結(jié)構(gòu)布局；

B、“口”（或“冂”）型布局；

C、時(shí)尚型布局；

D、“三”型布局。常見的網(wǎng)頁版面布局形式：9

A型“T”（或“廠”）型是網(wǎng)頁設(shè)計(jì)中使用最廣泛的一種布局方式，這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰，主次分明。如“山東省教育廳”網(wǎng)站下的一個(gè)子網(wǎng)頁：http:///

A型“T”（或“廠”）型是網(wǎng)頁設(shè)計(jì)中使用最廣泛的一種布局10

B型“口”（或“冂”）型布局的優(yōu)點(diǎn)時(shí)充分利用版面，信息量大。如“2010年上海世博會(huì)”官方網(wǎng)站：

B型“口”（或“冂”）型布局的優(yōu)點(diǎn)時(shí)充分利用版面，信息11

C型時(shí)尚型布局像一張宣傳海報(bào)，以一張精美的圖片作為頁面的中心內(nèi)容。如“可口可樂”網(wǎng)站：

C型時(shí)尚型布局像一張宣傳海報(bào)，以一張精美的圖片作為頁面的12

D型“三”型布局的特點(diǎn)是頁面上橫向擺放兩條色塊，將頁面整體分割為四部分，色塊中大多放廣告條。

D型“三”型布局的特點(diǎn)是頁面上橫向擺放兩條色塊，將頁面134、搜集整理網(wǎng)站素材：

網(wǎng)站中的素材一般包括：文字、圖片、動(dòng)畫、聲音等。這些素材可以利用多媒體工具自行創(chuàng)作，也可以到Internet上去搜索和下載。

對(duì)于搜集到的信息，我們應(yīng)該有一個(gè)良好的習(xí)慣，那就是要分類整理，以便于查找和使用。

通常采用表格的形式整理這些材料。4、搜集整理網(wǎng)站素材：145、選擇網(wǎng)站的制作工具：

制作網(wǎng)站的工具答題分成兩類：

一類是可視化（即所見即所得）工具，如Frontpage、Dreamwaver等，這類軟件使用較簡(jiǎn)單，適合初學(xué)者。

另一類是文本編輯類工具，如記事本、hotdog等，適合于專業(yè)設(shè)計(jì)者，它是由網(wǎng)站設(shè)計(jì)者按照HTML語法規(guī)則直接編寫網(wǎng)頁代碼。

對(duì)于我們來說，選擇所見即所得工具是比較合適的。

接下來，我們就將利用Frontpage2003（以下簡(jiǎn)稱Frontpage）為例學(xué)習(xí)網(wǎng)頁制作。5、選擇網(wǎng)站的制作工具：15好了，本節(jié)課介紹了一些網(wǎng)絡(luò)的基礎(chǔ)知識(shí)，看一看以下知識(shí)點(diǎn)你都記住了嗎？1、網(wǎng)站是由

組合而成的。2、