網(wǎng)站制作基礎(chǔ)知識(shí)

為什么總是訪問尚品中國(guó)的第一個(gè)頁(yè)面呢？這樣的輸入的URL雖然沒有指定要訪問尚品中國(guó)站點(diǎn)的哪一個(gè)目錄和文件，地址欄中并沒有寫出要訪問的文件名。但WEB服務(wù)器會(huì)自動(dòng)指定一個(gè)該WEB站點(diǎn)的頁(yè)面，把這個(gè)頁(yè)面稱為WEB站點(diǎn)的主頁(yè)，作用就好像是一個(gè)門，可以通過這個(gè)門進(jìn)入站點(diǎn)的其他各部分。WEB站點(diǎn)總是由一個(gè)主頁(yè)和許多從頁(yè)組成的通常主頁(yè)（首頁(yè)）文件名為index.htm

一、基礎(chǔ)知識(shí)

1什么是網(wǎng)頁(yè)

網(wǎng)頁(yè)的表示形式和效果與制作工具和創(chuàng)意水平有關(guān)。網(wǎng)頁(yè)是網(wǎng)站信息發(fā)布與表現(xiàn)的一種主要形式。網(wǎng)頁(yè)的內(nèi)容與發(fā)布信息的目的和要求相關(guān)。

2網(wǎng)頁(yè)的組成

網(wǎng)站制作主要由文字、圖片、動(dòng)畫、音頻、視頻等組成。

例如文本和圖片，HTML超文本標(biāo)志語(yǔ)言為一種全球廣域網(wǎng)上文檔中的規(guī)范標(biāo)志語(yǔ)言。HTML語(yǔ)言使用“標(biāo)志”來(lái)指示W(wǎng)eb瀏覽器應(yīng)該如何顯示網(wǎng)頁(yè)元素。以及Web瀏覽器應(yīng)該如何回復(fù)使用者的操作，例如超鏈接的啟用是應(yīng)通過單擊鍵盤或單擊按鍵或單擊鼠標(biāo)來(lái)完成。HTML標(biāo)志是HTML中用來(lái)鑒別網(wǎng)頁(yè)元素的類型、格式和外觀的文本字符串。

3網(wǎng)頁(yè)制作軟件簡(jiǎn)介

1網(wǎng)頁(yè)編輯軟件

FrontPagDreameav等。

2網(wǎng)頁(yè)圖像編輯軟件

Photoshop7.0Firework等

3網(wǎng)頁(yè)動(dòng)畫編輯軟件

FlashCool3D等。

4網(wǎng)頁(yè)制作準(zhǔn)備工作

選擇主頁(yè)題材1確定網(wǎng)站主題。

選擇什么樣的主頁(yè)題材。下面我開始著手謀劃制作主頁(yè)。首先面臨的問題便是要制作什么內(nèi)容。

否對(duì)你有點(diǎn)啟發(fā).網(wǎng)絡(luò)上的主頁(yè)題材千奇百怪,琳瑯滿目。只要你想的就可以把它制作進(jìn)去。以下列出一些常見的題材。

古典音樂 免費(fèi)軟件 紅樓夢(mèng)　網(wǎng)上教室

古今佳句 科幻小說 金庸客棧 國(guó)畫畫廊

象棋世家 能吃是福 網(wǎng)頁(yè)研習(xí)室 國(guó)旗大展

陶藝園地 漫畫天地 中國(guó)足球 攝影俱樂部

幽默輕松 體育博覽 中國(guó)古典詩(shī)詞 流行情報(bào)

建議：

個(gè)人主頁(yè)的選材要小而精。如果你想制作一個(gè)包羅萬(wàn)象的站點(diǎn)，1.一般來(lái)說。把所有你認(rèn)為精彩的東西都放在上面，那么往往會(huì)事與愿違，給人的感覺是沒有主題，沒有特色，樣樣有卻樣樣都很膚淺，因?yàn)槟悴豢赡苡心敲炊嗟木θゾS護(hù)它注意：網(wǎng)頁(yè)的最大特點(diǎn)就是更新快。目前最受歡迎的個(gè)人主頁(yè)都是天天更新甚至幾小時(shí)更新一次。

可以放置自己的詩(shī)詞；對(duì)足球感興趣，2.題材最好是自己擅長(zhǎng)或者喜愛的內(nèi)容。比方：對(duì)詩(shī)歌感興趣?？梢詧?bào)道最新的球場(chǎng)戰(zhàn)況等等。這樣在制作時(shí)，才不會(huì)覺得無(wú)聊或者力不從心。

人人都有的題材；目標(biāo)太高”指在這一題材上已經(jīng)有非常優(yōu)秀，3.不要太濫或者目標(biāo)太高。太濫”指到處可見。知名度很高的站點(diǎn)，要超過它很困難的

2規(guī)劃框架

OK!如果你已經(jīng)有一個(gè)絕妙的主意了那我開始下一步：規(guī)劃框架。

不是可以立刻動(dòng)手制作了不，選定了一個(gè)好的題材。經(jīng)驗(yàn)告訴我必需規(guī)劃框架，這是很重要的一步！

沒有設(shè)計(jì)圖紙，每個(gè)網(wǎng)站都是一項(xiàng)龐大的工程。好比造高樓。規(guī)劃好結(jié)構(gòu)，盲目的建造，結(jié)果往往是倒塌；也好比寫文章，構(gòu)思好提綱，才不至于邏輯混亂，虎頭蛇尾。全面仔細(xì)規(guī)劃架構(gòu)好自己網(wǎng)站，不要急于求成。

可以用樹狀結(jié)構(gòu)先把每個(gè)頁(yè)面的內(nèi)容大綱列出來(lái)，規(guī)劃一個(gè)網(wǎng)站。尤其當(dāng)你要制作一個(gè)很大的網(wǎng)站 有很多頁(yè)面)時(shí)候，特別需要把這個(gè)架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，十分累人，也十分費(fèi)錢。

還必需考慮每個(gè)頁(yè)面之間的鏈接關(guān)系。星形，大綱列出來(lái)后。樹形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會(huì)造成瀏覽困難，影響內(nèi)容的發(fā)揮。

方便資料的尋找，為了提高瀏覽效率。網(wǎng)站的框架可以采用“蒲公英”式，即所有的主要鏈接都在首頁(yè)上，每個(gè)主鏈接再分別展開，主鏈接之間相互鏈接。

有次第地做來(lái)，框架定下來(lái)了然后開始一步一步有條理。就胸有成竹得多，也為你主頁(yè)將來(lái)發(fā)展打下良好的基礎(chǔ)。

3收集、準(zhǔn)備網(wǎng)頁(yè)素材及資料（文字內(nèi)容、圖像、動(dòng)畫、音樂等）

框架選定，題材選定。接下來(lái)就開始往主頁(yè)里面填內(nèi)容。稱作資料收集

很少有人有能力完全靠自己來(lái)創(chuàng)作所有的內(nèi)容。一些高手能夠提供自己編的軟件，就個(gè)人主頁(yè)而言。文章或則音樂，非常佩服的

雜志，大部分人的方法是從報(bào)紙。光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了

只要到雅虎，另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集。搜狐等搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。

可以到國(guó)外站點(diǎn)上把最新的信息，如果你英語(yǔ)高手。資料翻譯成中文，提供給大家，這叫“洋為中用”

只要注意收集某一非常細(xì)小的題材，網(wǎng)絡(luò)上的資料呈爆炸性的增長(zhǎng)。隨時(shí)供大家方便的查找，主頁(yè)就已經(jīng)有做不完的活了

4準(zhǔn)備網(wǎng)頁(yè)制作軟件

5申請(qǐng)個(gè)人主頁(yè)空間

二、從一個(gè)網(wǎng)頁(yè)開始

1Frontpag界面介紹（跟Word差不多）

這是因?yàn)樗蚖ord微軟Office軟件家族的成員，F(xiàn)rontPag界面和Word很相似。編輯WEB頁(yè)面和編輯WORD文檔有很多操作相似，所以這些設(shè)置所用的圖標(biāo)和WORD中的一樣的

2建立簡(jiǎn)單的頁(yè)面

使用它保管自己的網(wǎng)頁(yè)及其他素材資料。首先建立一個(gè)文件夾。

方法：

①“開始”順序”MicrosoftFrontPag打開FrontPag

②“文件”新建”網(wǎng)頁(yè)”進(jìn)入新建網(wǎng)頁(yè)對(duì)話框。再選擇自己想要的模板；

直接編輯；②。也可以不要選擇模板。

③點(diǎn)擊“保管”保管位置”中選擇好位置－文件名”中重新命名－保管”

注：保管后的文件的擴(kuò)展名為*.htm標(biāo)明它一個(gè)網(wǎng)頁(yè)文件。

④往網(wǎng)頁(yè)中添加內(nèi)容

其中輸入內(nèi)容。再用鼠標(biāo)選中輸入的文字，把光標(biāo)移到主編輯窗口。選擇“格式”工具欄的居中”最后在字號(hào)”中選擇字符大小。

⑤設(shè)置主頁(yè)標(biāo)題

選擇“網(wǎng)頁(yè)屬性”慣例”標(biāo)簽頁(yè)的標(biāo)題”中輸入標(biāo)題名－確定”主編輯區(qū)”空白處單擊鼠標(biāo)右健。

⑥預(yù)覽

若未保存的話要先保存－確定”文件”瀏覽器中預(yù)覽”選擇好瀏覽器。

3頁(yè)面的修飾

①插入圖片

拔出”圖片”來(lái)自文件”打開圖片所在文件夾選擇要插入的圖片－確定”首先將光標(biāo)移到要插入圖片的位置。

②設(shè)置網(wǎng)頁(yè)背景

主編輯區(qū)”空白處單擊鼠標(biāo)右?。W(wǎng)頁(yè)屬性”選擇“背景”標(biāo)簽頁(yè)－打開圖片所在文件夾選擇要插入的圖片－確定”

③預(yù)覽

跟上面一樣在瀏覽器中預(yù)覽－保管”

4讓別人看到

Internet上的人怎么訪問這個(gè)網(wǎng)頁(yè)文件呢？只要將編輯好的站點(diǎn)上傳到WEB服務(wù)器上，現(xiàn)在編輯的站點(diǎn)是一個(gè)個(gè)的文件。他人就可以通過URL地址訪問這個(gè)站點(diǎn)了

服務(wù)器就會(huì)做出響應(yīng)，Internet上計(jì)算機(jī)、文件夾、文件等所有的資源都是用URL命名的當(dāng)輸入的URL地址發(fā)送給WEB站點(diǎn)服務(wù)器之后。把指定的WEB文件發(fā)送給計(jì)算機(jī)的瀏覽器，就可以在瀏覽器中瀏覽WEB頁(yè)了比方我IE地址欄中輸入m.proteomeinstitute.com單擊“轉(zhuǎn)到按鈕，就可以進(jìn)入尚品中國(guó)的網(wǎng)頁(yè)。
本文發(fā)布于北京網(wǎng)站制作公司尚品中國(guó)http://m.proteomeinstitute.com/