青島版八年級信息技術第一課-創(chuàng)建站點-網(wǎng)站制作基礎知識市公開課一等獎省賽課獲獎課件

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

網(wǎng)站：是因特網(wǎng)上一個相對獨立信息集合，這些信息以網(wǎng)頁形式向全世界公布。

網(wǎng)站就是網(wǎng)頁集合。網(wǎng)站制作基礎知識第1頁二、網(wǎng)站規(guī)劃普通步驟：

1、確定網(wǎng)站主題和格調(diào)；

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

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

網(wǎng)站格調(diào)：是指網(wǎng)站整體形象給瀏覽者綜合感受。第2頁能夠參考以下幾個網(wǎng)址來詳細了解主題與格調(diào)：

中央電視臺網(wǎng)：/

聯(lián)想首頁：/

baidu首頁：/第3頁中央電視臺網(wǎng)：/第4頁聯(lián)想首頁：/

第5頁baidu首頁：/第6頁2、設計規(guī)劃網(wǎng)站結構和內(nèi)容；

如同寫好作文要先寫提要一樣，我們設計網(wǎng)站首先要規(guī)劃好各欄目標內(nèi)容，下列圖為示例結構圖，我們后面介紹都將圍繞該結構進行。第7頁3、設計網(wǎng)站版面布局；

網(wǎng)站版面布局：是指以最適合版面安排方式將圖片、文字等素材排放在網(wǎng)頁不一樣位置，讓網(wǎng)頁訪問者對網(wǎng)頁層次、內(nèi)容、結構等一目了然。第8頁常見網(wǎng)頁版面布局形式：

A、“T”（或“廠”）型結構布局；

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

C、時尚型布局；

D、“三”型布局。第9頁

A型“T”（或“廠”）型是網(wǎng)頁設計中使用最廣泛一個布局方式，這種布局優(yōu)點是頁面結構清楚，主次分明。如“山東省教育廳”網(wǎng)站下一個子網(wǎng)頁：/sdedu_ztxx/zxxxsaqgc/第10頁

B型“口”（或“冂”）型布局優(yōu)點時充分利用版面，信息量大。如“年上海世博會”官方網(wǎng)站：/第11頁

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

D型“三”型布局特點是頁面上橫向擺放兩條色塊，將頁面整體分割為四部分，色塊中大多放廣告條。第13頁4、搜集整理網(wǎng)站素材：

網(wǎng)站中素材普通包含：文字、圖片、動畫、聲音等。這些素材能夠利用多媒體工具自行創(chuàng)作，也能夠到Internet上去搜索和下載。

對于搜集到信息，我們應該有一個良好習慣，那就是要分類整理，方便于查找和使用。

通常采取表格形式整理這些材料。第14頁5、選擇網(wǎng)站制作工具：

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

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

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

對于我們來說，選擇所見即所得工具是比較適當。

接下來，我們就將利用Frontpage（以下簡稱Frontpage）為例學習網(wǎng)頁制作。第15頁好了，本節(jié)課介紹了一些網(wǎng)絡基礎知識，看一看以下知識點你都記住了嗎？1、網(wǎng)站是由