信途科技今天給各位分享簡(jiǎn)單網(wǎng)頁(yè)制作的知識(shí)，其中也會(huì)對(duì)簡(jiǎn)易網(wǎng)頁(yè)制作進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問(wèn)題，別忘了關(guān)注和分享本站。

怎樣做一個(gè)簡(jiǎn)易的網(wǎng)頁(yè)？

做一個(gè)簡(jiǎn)易的普通網(wǎng)頁(yè)比較容易。當(dāng)然，制作的方法有好幾種，有的是直接寫(xiě)代碼、有的是用繪圖軟件繪制頁(yè)面再導(dǎo)出網(wǎng)頁(yè)、常用的是使用網(wǎng)頁(yè)制作軟件做網(wǎng)頁(yè)。下面以普通靜態(tài)網(wǎng)頁(yè)常規(guī)制作方法為例說(shuō)明制作步驟：

1、如果會(huì)寫(xiě)代碼，直接用記事本就可以做出網(wǎng)頁(yè)。如果不會(huì)寫(xiě)代碼，請(qǐng)?jiān)陔娔X里安裝網(wǎng)頁(yè)制作軟件，推薦安裝：Macromedia Dreamweaver，簡(jiǎn)稱DW,這是目前比較流行的網(wǎng)頁(yè)制作軟件，功能強(qiáng)大。也可以安裝Microsoft Office FrontPage，這個(gè)是Office辦公軟件中的一個(gè)組件，初學(xué)者很容易上手，就像使用word一樣方便。不過(guò)這款軟件比較古老，最新版本是Microsoft Office FrontPage2003，目前已被淘汰，不再升級(jí)。

2、在電腦中選擇一個(gè)盤(pán)（建議不要選擇c盤(pán)），新建一個(gè)存放網(wǎng)頁(yè)的文件夾，文件夾名字隨意取，然后在存放網(wǎng)頁(yè)的文件夾里面再建幾個(gè)子文件夾：包括圖片文件夾、聲音文件夾、視頻文件夾、LASH文件夾等（根據(jù)自己需要建立文件夾）。

3、打開(kāi)網(wǎng)頁(yè)制作軟件DW，新建一個(gè)站點(diǎn)，新建站點(diǎn)步驟按系統(tǒng)提示操作。

4、新建主頁(yè)、布局主頁(yè)、制作導(dǎo)航欄、添加欄目，輸入想要的內(nèi)容。

5、制作子頁(yè)，并與主頁(yè)導(dǎo)航欄欄目鏈接。制作完成后打開(kāi)主頁(yè)預(yù)覽，逐步修改完善。

6、如果要想網(wǎng)頁(yè)漂亮且有個(gè)性，就需要圖像、動(dòng)畫(huà)等元素來(lái)裝飾。

以上是制作普通靜態(tài)網(wǎng)頁(yè)的基本步驟。

怎么制作自己的網(wǎng)頁(yè)簡(jiǎn)單點(diǎn)！

一、使用像Dreamweaver、Fontpage一樣的所見(jiàn)即所得的網(wǎng)頁(yè)編輯軟件。Fontpage較容易些，會(huì)操作Word就會(huì)使用它。專業(yè)人士一般用Dreamweaver來(lái)做網(wǎng)頁(yè)，用flash、firework等來(lái)美化網(wǎng)頁(yè)，可以下載網(wǎng)頁(yè)三劍客Dreamweaver、flash、firework去做。

二、使用記事本修改網(wǎng)頁(yè)Html代碼，不推薦使用Fontpage等網(wǎng)頁(yè)編輯軟件修改的原因是：很多網(wǎng)頁(yè)格式如果用網(wǎng)頁(yè)編輯軟件打開(kāi)就會(huì)變形，所以直接使用記事本修改網(wǎng)頁(yè)Html代碼是最簡(jiǎn)潔有效的方法。可以去下載強(qiáng)化的HTML工具更好，例如： UltraEdit。

首先需要了解一下網(wǎng)站的頁(yè)面組成，網(wǎng)站一般包括以下幾部分：

首頁(yè)：網(wǎng)站的門(mén)面，如同公司的形象，特別注重設(shè)計(jì)和規(guī)劃。

次頁(yè)：網(wǎng)站的主要導(dǎo)航結(jié)構(gòu)頁(yè)面，講究風(fēng)格的一致性，并于首頁(yè)呼應(yīng)。

普通頁(yè)：網(wǎng)站主要的承載信息的頁(yè)面，設(shè)計(jì)要求不高，但要求鏈接準(zhǔn)確、文字無(wú)誤、圖文并茂，并沿襲網(wǎng)頁(yè)的風(fēng)格。

彈出頁(yè)：一般用于廣告、新聞、消息、到其他網(wǎng)站的鏈接等等，一般用的很少。

各頁(yè)面的設(shè)計(jì)技巧：

一、首頁(yè)設(shè)計(jì)技巧

網(wǎng)站首頁(yè)是企業(yè)網(wǎng)上的虛擬門(mén)面。一般來(lái)說(shuō)，網(wǎng)站首頁(yè)的形式不外乎有兩種，一種是純粹的形象展示型，這種類型文字信息較少，圖像信息較多，通過(guò)藝術(shù)造型和設(shè)計(jì)布局，利用一系列與公司形象和產(chǎn)品、服務(wù)有關(guān)的圖像、文字信息，組成一幅生動(dòng)的畫(huà)面，向?yàn)g覽者展示一種形象、一個(gè)氛圍，從而吸引瀏覽者進(jìn)入瀏覽。這需要設(shè)計(jì)者具有良好的設(shè)計(jì)基礎(chǔ)和審美能力，能夠努力挖掘企業(yè)深層的內(nèi)涵，展示企業(yè)文化。這種類型的首頁(yè)在設(shè)計(jì)過(guò)程中一定要明確要以設(shè)計(jì)為主導(dǎo)，通過(guò)色彩、布局給訪問(wèn)者留下深刻的印象。另一種是信息羅列型，一般的大、中型企業(yè)網(wǎng)站和門(mén)戶網(wǎng)站常用的方式，即在首頁(yè)中就羅列出網(wǎng)站的主要內(nèi)容分類、重點(diǎn)信息、網(wǎng)站導(dǎo)航、公司信息等等，這種風(fēng)格比較適合網(wǎng)站信息量大，內(nèi)容豐富的網(wǎng)站，因?yàn)槭且哉故拘畔橹鳎@是的設(shè)計(jì)就要在細(xì)微之處體現(xiàn)企業(yè)形象，建議設(shè)計(jì)人員最好仔細(xì)閱讀企業(yè)的CI手冊(cè)，熟悉企業(yè)標(biāo)志、吉祥物、字體及用色標(biāo)準(zhǔn)，在網(wǎng)站的局部體現(xiàn)出來(lái)，往往平淡之中一個(gè)優(yōu)美的符合企業(yè)特點(diǎn)的曲線就能夠給人以深刻的印象，從而將企業(yè)形象印在瀏覽者的腦海里。設(shè)計(jì)人員在設(shè)計(jì)過(guò)程中要注意使用這些語(yǔ)言符號(hào)來(lái)表達(dá)一種獨(dú)特的企業(yè)信息。

網(wǎng)頁(yè)設(shè)計(jì)時(shí)注意事項(xiàng)： 1.不要花哨。 2.要有風(fēng)格，要突出行業(yè)的特點(diǎn)。比如娛樂(lè)業(yè)熱烈活潑些，政府網(wǎng)站則要莊重些；收藏書(shū)畫(huà)業(yè)要古樸典雅，策劃時(shí)裝業(yè)則要前衛(wèi)些。 3.一張網(wǎng)頁(yè)一般兩屏到三屏就可以，不要太長(zhǎng)，會(huì)影響網(wǎng)頁(yè)打開(kāi)的速度。如果內(nèi)容實(shí)在太多，應(yīng)該分作幾個(gè)頁(yè)面，或者分為幾個(gè)二級(jí)欄目。

如何制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)（一）

現(xiàn)在炫彩的網(wǎng)頁(yè)很多，那都是怎么做出來(lái)的呢？為了幫助小白能快速學(xué)會(huì)一些基礎(chǔ)知識(shí)，小魚(yú)就不用代碼而就直接用網(wǎng)頁(yè)軟件制作了。

首先得有這個(gè)軟件，名字是Adobe Dreamweaver CS3，這個(gè)在網(wǎng)絡(luò)上就能下到，提倡正版。

打開(kāi)界面就是這樣，想要做一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)就點(diǎn)擊這個(gè)。

然后就進(jìn)入這么個(gè)界面，因?yàn)橐话阕鼍W(wǎng)頁(yè)都是用表格來(lái)分割板塊和規(guī)劃界面，下來(lái)就插入一個(gè)表格簡(jiǎn)單示范。

點(diǎn)擊插入記錄里的表格。

在這里設(shè)置表格屬性，因?yàn)樾◆~(yú)在示范，就直接用1*1的了。

然后就是這個(gè)樣子，可以隨意拉伸調(diào)整，接下來(lái)我們插入一個(gè)圖片。

點(diǎn)擊插入記錄里的圖像。

在這里選擇圖片并確定。

在點(diǎn)擊確定后就會(huì)彈出這個(gè)窗口，這個(gè)是確認(rèn)路徑，在網(wǎng)頁(yè)中每個(gè)板塊的內(nèi)容都是在服務(wù)器上有確定的路徑以防止錯(cuò)亂。

這里還是確認(rèn)路徑，點(diǎn)擊小文件夾圖標(biāo)，再次選擇上次選擇的圖片，并確認(rèn)。

再次確認(rèn)。

添加完畢就是這樣，根據(jù)圖片分辨率不同插進(jìn)后大小會(huì)不同，進(jìn)行調(diào)整就可以了。

然后就可以用網(wǎng)頁(yè)打開(kāi)試試了，點(diǎn)擊如圖的圖標(biāo)，會(huì)出現(xiàn)是否保存字樣，將其保存到自己想要保存的文件路徑就可以了，注意保存時(shí)文件后綴名.html不能改動(dòng)。

這個(gè)就是打開(kāi)的樣子，下次會(huì)介紹如何添加網(wǎng)頁(yè)標(biāo)題和其中的一種網(wǎng)頁(yè)鏈接方式。

簡(jiǎn)單網(wǎng)頁(yè)制作

一、FrontPage 2003簡(jiǎn)介

FrontPage 2003是由Microsoft公司推出的Office 2003組件之一。FrontPage 2003的啟動(dòng)與退出、文件的打開(kāi)與保存與Office系列中其他軟件相同。FrontPage 2003啟動(dòng)后，主窗口如圖6-61所示，菜單部分外貌與Office中的其他軟件相似。

與以往的版本相比，F(xiàn)rontPage 2003有以下幾個(gè)新功能：

（1）自定義瀏覽器分辨率預(yù)覽檢查；

（2）描摹圖像；

（3）層功能；

（4）插入交互式按鈕；

（5）行為的應(yīng)用；

（6）使用網(wǎng)頁(yè)重定向；

圖6-61 FrontPage 2003啟動(dòng)界面

圖6-62“新建”任務(wù)窗格

（7）檢查網(wǎng)頁(yè)錯(cuò)誤；

（8）優(yōu)化HTML代碼；

（9）規(guī)劃頁(yè)面布局。

二、制作簡(jiǎn)單網(wǎng)頁(yè)

我們?cè)谇懊嬉呀?jīng)學(xué)會(huì)了用Word進(jìn)行排版，其實(shí)你已經(jīng)會(huì)制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè)了，只需將原來(lái)排好的Word文檔，另存時(shí)選擇保存類型為“Web頁(yè)（*.htm；*.html）”就可保存為一個(gè)網(wǎng)頁(yè)文件。

下面我們用FrontPage 2003制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè)。步驟如下：

1.啟動(dòng)FrontPage 2003

選擇“開(kāi)始”/“所有程序”/“Microsoft Office”/“FrontPage 2003”命令，打開(kāi)如圖6-61所示的界面。

圖6-63 新的空白的網(wǎng)頁(yè)

圖6-64“網(wǎng)頁(yè)模板”對(duì)話框

2.建立新網(wǎng)頁(yè)

選擇“文件”/“新建…”菜單命令，打開(kāi)“新建”任務(wù)窗格，如圖6-62所示。單擊“空白網(wǎng)頁(yè)”，也可以通過(guò)工具欄上的“新建”按鈕建立一個(gè)新的空白的網(wǎng)頁(yè)。如圖6-63所示。

如果要根據(jù) Microsoft FrontPage 的模板創(chuàng)建網(wǎng)頁(yè)，單擊“其他網(wǎng)頁(yè)模板”，打開(kāi)如圖6-64所示的“網(wǎng)頁(yè)模板”對(duì)話框，再單擊所需模板類型的選項(xiàng)卡，然后單擊某個(gè)模板。

3.輸入如下內(nèi)容

圖6-65

4.編輯操作

網(wǎng)頁(yè)中的文本編輯操作與Word的編輯操作類似。

本例中，將“我的第一個(gè)網(wǎng)頁(yè)”應(yīng)用“標(biāo)題一”樣式，并設(shè)為隸書(shū)，水平居中；將“你好！歡迎光臨”應(yīng)用“標(biāo)題二”樣式，將其余內(nèi)容應(yīng)用“普通”樣式，并將行距設(shè)為“1.5倍行距”，設(shè)置完成后效果如圖6-65所示。

5.保存網(wǎng)頁(yè)文件

選擇“文件”/“保存”命令，彈出“另存為”對(duì)話框，指定保存位置和文件名，然后單擊“保存”按鈕即可完成操作。

三、制作多媒體個(gè)人主頁(yè)

我們以制作一個(gè)簡(jiǎn)易的個(gè)人網(wǎng)站為例，進(jìn)一步學(xué)習(xí)使用FrontPage 2003。

1.規(guī)劃

網(wǎng)站規(guī)劃包括規(guī)劃網(wǎng)站的風(fēng)格、網(wǎng)站的結(jié)構(gòu)和網(wǎng)站的配色等，是對(duì)網(wǎng)站的整體定位。本例設(shè)置了6個(gè)欄目，包括首頁(yè)、自薦信、個(gè)人簡(jiǎn)歷、榮譽(yù)證書(shū)、才藝展示、聯(lián)系方式，鏈接的文件名分別為index.htm、zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。當(dāng)然也可以結(jié)合自己情況進(jìn)行修改。頁(yè)面布局如圖6-66所示。

2.建立網(wǎng)站

在FrontPage 2003中，所謂網(wǎng)站，就是一些網(wǎng)頁(yè)和程序的集合，各個(gè)網(wǎng)頁(yè)之間通過(guò)超鏈接聯(lián)系在一起，所有的網(wǎng)頁(yè)和文件保存在一個(gè)文件夾中，通過(guò)網(wǎng)站把這些文件和網(wǎng)頁(yè)統(tǒng)一起來(lái)。本地網(wǎng)站是指本地硬盤(pán)上用來(lái)存放整個(gè)網(wǎng)站的所有文檔的文件夾。遠(yuǎn)程網(wǎng)站是指網(wǎng)絡(luò)服務(wù)器上的網(wǎng)站，供用戶瀏覽。

建立一個(gè)新網(wǎng)站，事實(shí)上就是建立一個(gè)單獨(dú)的文件夾，然后在這個(gè)文件夾中建立各個(gè)網(wǎng)頁(yè)文件，并且把它們鏈接在一起。

網(wǎng)頁(yè)制作可以在新建網(wǎng)站中完成，也可以像前面那樣單獨(dú)新建一個(gè)網(wǎng)頁(yè)。建議用新建網(wǎng)站的方法來(lái)制作網(wǎng)頁(yè)。

下面我們首先創(chuàng)建新的FrontPage網(wǎng)站：

（1）在“文件”菜單上，單擊“新建”，出現(xiàn)如圖 6-66 所示的“新建”任務(wù)窗格。

圖6-66

（2）在“新建”任務(wù)窗格中，單擊“由一個(gè)網(wǎng)頁(yè)組成的網(wǎng)站”。

（3）在“網(wǎng)站模板”對(duì)話框中，在“常規(guī)”選項(xiàng)卡下，單擊需要的網(wǎng)站模板，本例選擇“只有一個(gè)網(wǎng)頁(yè)的網(wǎng)站”，并在指定新網(wǎng)的位置欄中，鍵入或選擇新網(wǎng)的路徑及名稱，這里我們將默認(rèn)的mysite改為myhome，如圖6-67所示，然后單擊“確定”按鈕，出現(xiàn)創(chuàng)建新網(wǎng)站對(duì)話框，完成站點(diǎn)創(chuàng)建，完成后如圖6-68所示。左邊一列是文件夾列表，可以通過(guò)右鍵快捷菜單新建文件夾，對(duì)文件或文件夾進(jìn)行復(fù)制、刪除、重命名等操作。

圖6-67“網(wǎng)站模板”對(duì)話框

圖6-68

3.準(zhǔn)備素材

將本例所需的圖片動(dòng)畫(huà)素材復(fù)制到網(wǎng)站內(nèi)的images文件夾下。

4.制作主頁(yè)頁(yè)眉

在“網(wǎng)頁(yè)”視圖中的文檔窗口底部，單擊“設(shè)計(jì)”

。

在文件夾列表中雙擊index.htm，打開(kāi)該網(wǎng)頁(yè)并進(jìn)入編輯狀態(tài)，開(kāi)始首頁(yè)制作。

（1）設(shè)置網(wǎng)頁(yè)大小 在“視圖”菜單上，指向“網(wǎng)頁(yè)大小”，單擊

設(shè)置網(wǎng)頁(yè)大小。

（2）設(shè)置網(wǎng)頁(yè)背景在“網(wǎng)頁(yè)”視圖中的文檔窗口底部，單擊“設(shè)計(jì)”

，右擊網(wǎng)頁(yè)編輯區(qū)，在彈出菜單中單擊“網(wǎng)頁(yè)屬性”項(xiàng)，彈出“網(wǎng)頁(yè)屬性”對(duì)話框，在標(biāo)題框內(nèi)輸入“歡迎訪問(wèn)小慧的個(gè)人電子簡(jiǎn)歷”；單擊“格式”選中格式選項(xiàng)卡，選中背景欄下的“背景圖片”，并單擊“瀏覽”按鈕選擇背景圖片。如圖6-69所示。單擊“確定”按鈕完成網(wǎng)頁(yè)背景設(shè)置。也可在“格式”菜單上單擊“背景”來(lái)設(shè)置。

（3）插入一個(gè)一行兩列的表格 方法與在Word中插入表格相同。

在顯示設(shè)計(jì)視圖模式下，通過(guò)常用工具欄的“插入表格”按鈕，或在“插入”菜單上，指向“插入”，在級(jí)聯(lián)菜單中單擊“表格”；右擊插入的表格，在彈出菜單中單擊“表格屬性”，并將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0，如圖6-70所示，單擊“確定”按鈕。

圖6-69 網(wǎng)頁(yè)屬性

圖6-70 表格屬性

（4）在第一個(gè)單元格內(nèi)插入圖片 將插入點(diǎn)放在第一個(gè)單元格，在“插入”菜單上，指向“圖片”，再單擊“來(lái)自文件”。找到要添加的文件（網(wǎng)站下images文件夾下的logo.gif），如圖6-71所示，然后單擊“插入”。

更簡(jiǎn)單的方法是從文件夾列表拖動(dòng)圖片文件到編輯區(qū)指定的位置即可。

（5）在第二個(gè)單元格內(nèi)插入Flash動(dòng)畫(huà) 單擊第二個(gè)單元格，在“插入”菜單上，指向“圖片”，再單擊“Flash影片”。彈出與圖6-71相似的“選擇文件”對(duì)話框，找到要添加的文件（網(wǎng)站下images文件夾下的banner_007.swf），然后單擊“插入”。

（6）在第一個(gè)表格下插入一個(gè)1行1列的表格 同樣將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0，設(shè)置好背景顏色，本例是選的其他顏色，如圖6-72所示，在“值”文本框中輸入Hex={C1，E8，C9}。

（7）制作滾動(dòng)字幕 在第二個(gè)表格的單元格內(nèi)單擊，在“插入”菜單上，單擊“Web組件”，彈出插入Web組件對(duì)話框，默認(rèn)選中的是字幕，因此單擊“完成”按鈕，彈出字幕屬性對(duì)話框，在“文本”框內(nèi)輸入：衷心感謝您垂閱我的簡(jiǎn)歷，單擊“確定”按鈕。如圖6-73所示。

圖6-71 插入圖片對(duì)話框

圖6-72“其他顏色”對(duì)話框

5.制作正文和頁(yè)腳

（1）在第二個(gè)表格下插入一個(gè)1行2列的表格，同樣將單元格襯距、單元格間距設(shè)為0，但粗細(xì)設(shè)為1，暗邊框設(shè)為白色，亮邊框則設(shè)為其他顏色，在如圖6-72所示的“值”文本框中輸入Hex={99，CC，F(xiàn)F}。

（2）設(shè)置單元格背色。右擊此表格的第一個(gè)單元格，在彈出菜單中單擊“單元格屬性”，彈出如圖6-74所示的對(duì)話框，背景設(shè)為其他顏色，在如圖6-72所示的“值”文本框中輸入Hex={F1，F(xiàn)5，F(xiàn)C}。同樣方法將第二個(gè)單元格設(shè)為白色。

圖6-73 字幕屬性對(duì)話框

圖6-74 單元格屬性

（3）調(diào)整單元格寬度，使之與第一個(gè)表格相同。

（4）在第一個(gè)單元格內(nèi)插入一個(gè)8行1列的表格，并將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0。在單元格屬性中將單元格對(duì)齊屬性設(shè)為水平居中，垂直居中，行高調(diào)整為40。

在剛插入的表格第二行內(nèi)插入圖片homepage.gif，并在其后輸入“首 頁(yè)”；在第三行內(nèi)插入圖片sub_dot.gif，并在其后輸入“自 薦信”，后面四行插入的圖片均為sub_dot.gif，輸入的文字依次為“個(gè)人簡(jiǎn)歷”、“榮譽(yù)證書(shū)”、“才藝展示”、“聯(lián)系方式”。

（5）在表格三的第二個(gè)單元格內(nèi)插入一個(gè)3行3列的表格，并將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0。將中間一列調(diào)寬一些。

在該表格第一行第二列中輸入“自薦信”，在第二行第二列輸入自薦信的內(nèi)容。設(shè)為1.5倍行距。

（6）在表格三后面插入一個(gè)2行1列的表格，并將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0；并且第一個(gè)單元格背景色設(shè)為與表格二背景色相同，在第二個(gè)單元格內(nèi)輸入“聯(lián)系電話：023-683568XX E-mail：xiaohui＠163.com”并設(shè)為居中。

6.鏈接網(wǎng)站文件

選中要建立超鏈接的文字或圖像，單擊常用工具欄中的“插入超鏈接”按鈕或在“插入”菜單上單擊“超鏈接”，或者是右擊選中區(qū)域并單擊“超鏈接”，均可打開(kāi)“插入超鏈接”對(duì)話框。如圖6-75所示。

圖6-75“插入超鏈接”對(duì)話框

（1）選中“首頁(yè)”，單擊常用工具欄中的

按鈕，在打開(kāi)的如圖6-75所示的“插入超鏈接”對(duì)話框中，在“地址”框內(nèi)輸入index.htm，并單擊“確定”按鈕。

（2）用同樣的方法將“自薦信”鏈接到zijian.htm、“個(gè)人簡(jiǎn)歷”鏈接到j(luò)ianli.htm、“榮譽(yù)證書(shū)”鏈接到zhengshu.htm、“才藝展示”鏈接到zhanshi.htm、“聯(lián)系方式”鏈接到lianxi.htm。

7.保存文件，按F12鍵預(yù)覽網(wǎng)頁(yè)

四、制作本網(wǎng)站內(nèi)其他頁(yè)面

首先在文件夾列表中將 index.htm 復(fù)制 5個(gè)，分別重命名為 zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。只需將每個(gè)文件中自薦信部分修改為相應(yīng)內(nèi)容即可，頁(yè)眉、超鏈接欄和頁(yè)腳均不變。

五、網(wǎng)站發(fā)布

當(dāng)我們完成上述內(nèi)容后，需將制作的網(wǎng)頁(yè)發(fā)布到Internet上的Web服務(wù)器中，才能供網(wǎng)上的訪問(wèn)者瀏覽。首先要到Internet服務(wù)提供商（ISP）那里申請(qǐng)購(gòu)買存放網(wǎng)頁(yè)的空間和域名，以前有很多網(wǎng)站（如網(wǎng)易等）都提供免費(fèi)的個(gè)人主頁(yè)存放空間，現(xiàn)在相對(duì)較少了，中國(guó)學(xué)生網(wǎng)仍在提供50M免費(fèi)空間服務(wù)，大家可到http://web.6to23.com/去申請(qǐng)一個(gè)免費(fèi)空間。

發(fā)布網(wǎng)站可以使用專門(mén)的FTP工具。但為了給用戶提供方便，F(xiàn)rontPage 2003內(nèi)置了網(wǎng)頁(yè)發(fā)布功能，利用它，只需進(jìn)行簡(jiǎn)單的設(shè)置，就可以輕松地完成網(wǎng)站發(fā)布任務(wù)。FrontPage 2003中的遠(yuǎn)程網(wǎng)站視圖可以幫助我們將整個(gè)網(wǎng)站或單獨(dú)的文件和文件夾發(fā)布到任何位置：擴(kuò)展的 Web 服務(wù)器、支持文件傳輸協(xié)議（FTP）或基于 Web 的分布式創(chuàng)作和版本控制（WebDAV）的Web服務(wù)器或文件系統(tǒng)中的某個(gè)位置。

下面我們利用FrontPage 2003及文件傳輸協(xié)議（FTP）發(fā)布網(wǎng)站，步驟如下：

1.打開(kāi)FrontPage網(wǎng)站

在“文件”菜單中單擊“打開(kāi)網(wǎng)站”或單擊工具欄上的“打開(kāi)”按鈕邊上的下拉標(biāo)志，從下拉菜單中選“打開(kāi)網(wǎng)站”，在彈出的“打開(kāi)網(wǎng)站”對(duì)話框中找到需要打開(kāi)的網(wǎng)站并單擊“打開(kāi)”按鈕。

2.轉(zhuǎn)至“遠(yuǎn)程網(wǎng)站”視圖

若要轉(zhuǎn)至該視圖，請(qǐng)單擊“網(wǎng)站”選項(xiàng)卡，然后單擊窗口底部的“遠(yuǎn)程網(wǎng)站”按鈕。或在“視圖”菜單上，單擊“遠(yuǎn)程網(wǎng)站”。如圖6-76所示。

3.設(shè)置“遠(yuǎn)程網(wǎng)站屬性”

在文檔窗口頂部，單擊“遠(yuǎn)程網(wǎng)站屬性”。在彈出的對(duì)話框中，在“遠(yuǎn)程網(wǎng)站”選項(xiàng)卡上，在“遠(yuǎn)程 Web服務(wù)器類型”下，單擊“FTP”。在“遠(yuǎn)程網(wǎng)站位置”框中，鍵入自己所選定的遠(yuǎn)程網(wǎng)站的地址及 FTP 協(xié)議（本例中輸入“ftp://125.91.6.75”），如圖6-77所示。單擊“確定”按鈕，在打開(kāi)的“要求提供用戶名和密碼”對(duì)話框中輸入ISP提供的用戶名和密碼，單擊“確定”按鈕。如圖6-78所示。

圖6-76

圖6-77

4.發(fā)布網(wǎng)站

通過(guò)單擊窗口右下角的“發(fā)布網(wǎng)站”按鈕即可發(fā)布所有文件。也可發(fā)布單個(gè)文件，在本地網(wǎng)站選擇一個(gè)文件，然后單擊“本地到遠(yuǎn)程”按鈕

。如圖6-79所示。

圖6-78

圖6-79

如何制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè) 求大神

打開(kāi)FrontPage 2003，打開(kāi)我們已經(jīng)建立好的只有一個(gè)

網(wǎng)頁(yè)的站點(diǎn)，在文件夾列表窗格中雙擊index.htm網(wǎng)頁(yè)文件，我們看到網(wǎng)頁(yè)編輯窗格中的標(biāo)簽選項(xiàng)卡發(fā)生了變化，說(shuō)明我們可以

1

1/3頁(yè)

對(duì)已經(jīng)打開(kāi)的網(wǎng)頁(yè)文件進(jìn)行編輯了。

2、選擇我們已經(jīng)輸入的文字“我的個(gè)人主頁(yè)”，在“樣式”

列表框中選擇“標(biāo)題1”，在【格式】工具欄中選擇“居中排列”，

選擇字色為“藍(lán)色”。我們可以像修飾Word文字一樣修飾這些文字。

3、選擇第二行文字，字號(hào)“3?12磅?”，顏色為綠色；選

擇第三行文字，字號(hào)為“4?14磅?”，顏色為“紅色”。

4、選定下兩行文字，單擊【格式】工具欄中的“居中”按鈕。

5、單擊【常用】工具欄中的“保存”按鈕，完成主頁(yè)文字的

編輯。到此為止，我們就編輯好了一個(gè)簡(jiǎn)單網(wǎng)頁(yè)了。

三、技能練習(xí)：

1、單擊【常用】工具欄中的“新建普通網(wǎng)頁(yè)”按鈕，我們看

到產(chǎn)生了一個(gè)新的網(wǎng)頁(yè)名標(biāo)簽選項(xiàng)卡。這個(gè)臨時(shí)網(wǎng)頁(yè)的文件名是

new_page_1.htm.在其中輸入并修飾自我介紹的內(nèi)容。

2、單擊【常用】工具欄中的“保存”按鈕，在打開(kāi)的【另存

為】對(duì)話框中，修改文件名為my.htm。同時(shí)可點(diǎn)擊【更改標(biāo)題】，

在彈出的【設(shè)置網(wǎng)頁(yè)標(biāo)題】對(duì)話框中修改網(wǎng)頁(yè)標(biāo)題為“自我介紹”。

2

2/3頁(yè)

然后點(diǎn)擊【保存】按鈕。

這是我們看到了新建的網(wǎng)頁(yè)標(biāo)簽選項(xiàng)卡的名字由原來(lái)的臨時(shí)

網(wǎng)頁(yè)文件名變成了my.htm，文件夾列表窗格中也產(chǎn)生了一個(gè)對(duì)應(yīng)的網(wǎng)頁(yè)文件。一個(gè)新的網(wǎng)頁(yè)文件就這樣創(chuàng)建好了。

四、開(kāi)動(dòng)腦筋：

1、在FrontPage 2003中輸入文字時(shí)，要換行時(shí)應(yīng)該怎么做呢？

2、文字的大小除了通過(guò)選擇字號(hào)進(jìn)行設(shè)置外，我們可不可以

自己編輯字號(hào)的大小呢？

1、 單擊“新建”

2、 輸入文字

3、 設(shè)置“字體”和“樣式”

4、 新建普通網(wǎng)頁(yè)

怎么制作自己的網(wǎng)頁(yè)？

★建設(shè)自己的網(wǎng)站較好的步驟☆

必須注意的是：建立自己的網(wǎng)站是一件浩大的工程，一般比較麻煩。所以應(yīng)當(dāng)按照一定的步驟一步步來(lái)。

我覺(jué)得建站可以按照以下步驟進(jìn)行：

1、先在本地設(shè)一個(gè)文件夾，作為網(wǎng)站存儲(chǔ)的地方。名字最好取“My Sites”。

2、在網(wǎng)站文件夾里面建立一些文件夾，包括“images”等（存儲(chǔ)圖片、文件等），并且按照網(wǎng)頁(yè)內(nèi)容，再建立幾個(gè)文件夾。（也可以把存儲(chǔ)圖片、文件的文件夾在每個(gè)內(nèi)容文件夾里面各搞一些）

3、打開(kāi)你的網(wǎng)頁(yè)編輯程序（例如FP、Dreamwear等），新建網(wǎng)頁(yè)，保存為“index”（主頁(yè)），重復(fù)以上步驟，在網(wǎng)站文件夾里面建立“search”（查找）、“map”（站點(diǎn)地圖）、“index02”（網(wǎng)站簡(jiǎn)介等）。

4、按照上面步驟，再在網(wǎng)站分類文件夾里面建立許多網(wǎng)頁(yè)（接著還要把內(nèi)容輸入網(wǎng)頁(yè)）

5、已經(jīng)做到了這么多，我們?cè)摐?zhǔn)備內(nèi)容了吧。在硬盤(pán)上面再建立一個(gè)文件夾“File”，把準(zhǔn)備好的文檔、圖片、程式、文件和網(wǎng)頁(yè)特效等放進(jìn)去。（可以加入一些動(dòng)態(tài)網(wǎng)頁(yè)）

6、慢慢把這些文件一個(gè)不漏的放進(jìn)網(wǎng)頁(yè)里面（要掌握技巧）

7、把網(wǎng)站充實(shí)了，就差不多了。這時(shí)應(yīng)該申請(qǐng)一個(gè)域名（免費(fèi)空間、附費(fèi)都可以）。并且把自己的網(wǎng)站放入搜索引擎，而且在各種留言版上面宣傳。

8、把網(wǎng)站上傳至空間里面，刪了準(zhǔn)備文件，就OK了！

不過(guò)也可以這樣使用FP建站：

1、在FP里面選擇新建站點(diǎn)。

2、然后在【導(dǎo)航】里面設(shè)置網(wǎng)頁(yè)名稱以及標(biāo)題。

3、準(zhǔn)備好文檔、圖片、程式、文件和網(wǎng)頁(yè)特效等，把它們都充實(shí)進(jìn)網(wǎng)站里面。

4、申請(qǐng)一個(gè)域名（免費(fèi)空間、附費(fèi)都可以）。并且把自己的網(wǎng)站放入搜索引擎，而且在各種留言版上面宣傳。

5、把網(wǎng)站上傳至空間里面，刪了準(zhǔn)備文件。完畢。

如果使用Dreamwear來(lái)建站，那就更加高級(jí)啦！Dreamwear的功能很強(qiáng)大，安裝了它的朋友們可以研究研究。

如何制作網(wǎng)頁(yè)或網(wǎng)站

一般初學(xué)者經(jīng)過(guò)短暫的學(xué)習(xí)就可以學(xué)會(huì)制作網(wǎng)頁(yè)，于是他們認(rèn)為網(wǎng)頁(yè)制作非常簡(jiǎn)單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來(lái)之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來(lái)，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。 一、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬(wàn)象。你沒(méi)有這個(gè)能力，也沒(méi)這個(gè)精力，所以必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無(wú)定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。 二、搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開(kāi)始搜集材料了。常言道：“巧婦難為無(wú)米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書(shū)、報(bào)紙、光盤(pán)、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。 三、規(guī)劃網(wǎng)站 一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。 四、選擇合適的制作工具 盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見(jiàn)即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動(dòng)畫(huà)制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁(yè)特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運(yùn)用。 五、制作網(wǎng)頁(yè) 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。 六、上傳測(cè)試 網(wǎng)頁(yè)制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁(yè)制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開(kāi)自己的網(wǎng)站，逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問(wèn)題，及時(shí)修改，然后再上傳測(cè)試。全部測(cè)試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來(lái)瀏覽。 七、推廣宣傳 網(wǎng)頁(yè)做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它，提高網(wǎng)站的訪問(wèn)率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。 八、維護(hù)更新 網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者 ★★♂KOF♀為您做答 希望對(duì)你有幫助 如果滿意請(qǐng)選擇我的答案 您的支持是我最大的動(dòng)力★★★要想學(xué)做網(wǎng)頁(yè)，首先得了解制作網(wǎng)頁(yè)的工具。 制作網(wǎng)頁(yè)主要有以下一些工具 Frontpage：office自帶的一個(gè)工具，操作簡(jiǎn)單，實(shí)用，學(xué)起來(lái)比較輕松，功能不咋地，我不太喜歡。 Dreamweaver：這是網(wǎng)頁(yè)三劍客之一，專門(mén)制作網(wǎng)頁(yè)的工具，可以自動(dòng)將網(wǎng)頁(yè)生成代碼，是普通網(wǎng)頁(yè)制作者的首選工具，界面簡(jiǎn)單，實(shí)用功能比較強(qiáng)大。建議初學(xué)者選用。 另外一個(gè)工具就是代碼編輯工具，例如寫(xiě)字本、EditPlus等，這些工具主要編輯asp等動(dòng)態(tài)網(wǎng)頁(yè)。 此外還有一些網(wǎng)絡(luò)編程工具，javascript、java編輯器等。 網(wǎng)頁(yè)制作也是一個(gè)比較吃香的行業(yè)，要真正做一個(gè)好的網(wǎng)站，還必須有良好的設(shè)計(jì)功底。所以還得學(xué)很多邊緣性的軟件，例如photoshop、flash等。 大型的網(wǎng)站往往還需要數(shù)據(jù)庫(kù)的支持，所以還得懂?dāng)?shù)據(jù)庫(kù)。sql、甲骨文等。 總之，掌握好網(wǎng)頁(yè)制作，能獨(dú)立完成一個(gè)網(wǎng)站的制作工作，那就不要考慮吃飯問(wèn)題。隨便混就好了！ 祝你成功。

怎樣制作個(gè)人網(wǎng)頁(yè)，有教程，簡(jiǎn)單點(diǎn)。

一、準(zhǔn)備材料

你首先做一個(gè)小計(jì)劃,準(zhǔn)備在個(gè)人主頁(yè)上告訴人家什么？比如介紹三個(gè)方面：自我介紹,我的愛(ài)好,我的工作,那你就先起一個(gè)總目錄（文件夾,比如d:\html）,來(lái)放你的所有文件，然后再在這個(gè)目錄建立三個(gè)子目錄：myself,interest，job。文件名你可以任意，但最好全部小寫(xiě)，因?yàn)橛械闹鳈C(jī)要認(rèn)大小寫(xiě)。然后將你的材料copy進(jìn)相應(yīng)的子目錄。比如你要在你的主頁(yè)里展示你的靚照，那就將你的照片掃描成JPG格式的文件，放在myself的目錄下.

要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但你可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如Office

97的照片編輯器。把你準(zhǔn)備在你個(gè)人主頁(yè)上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后,你就可以開(kāi)始制作個(gè)人主頁(yè)了。

二、開(kāi)始制作

你無(wú)須去記復(fù)雜的HTML語(yǔ)言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開(kāi)Netscape,在file菜單里選Edit

Page,便可以制作了.文字的處理基本跟Word沒(méi)什么兩樣,關(guān)鍵是插入圖片和產(chǎn)生鏈接.我們先做關(guān)于你自我介紹的一頁(yè)，你先寫(xiě)上“大家好，我是superboy，下面是我的照片：”這時(shí)要放圖片了，只須點(diǎn)擊Insert菜單，選取Image,在Choosefile里選取你的圖象文件即可，然后把這個(gè)文件保存為myself.html文件，放在myself的目錄下。好，現(xiàn)在必須做封面了，你在封面寫(xiě)：“歡迎來(lái)到superboy的主頁(yè)”以下是“自我介紹，我的愛(ài)好，我的工作”。你的自我介紹要鏈接到下一頁(yè)去，你只須用鼠標(biāo)選“自我介紹”后按鼠標(biāo)右鍵

，再選create

link，然后再選你myself目錄下的myself.html，就將“自我介紹”鏈接到下一頁(yè)了，以后在瀏覽器中一按，就可以跳到鑲有你靚照的頁(yè)面啦。

在你的封面做好了所有鏈接和圖片后，記住你必須將這一頁(yè)保存為index.htm(有的主機(jī)要求必須為index.html),因?yàn)榫W(wǎng)頁(yè)默認(rèn)的個(gè)人主頁(yè)主頁(yè)名稱是index.制作主頁(yè)其實(shí)很簡(jiǎn)單，只要多實(shí)際制作，工多藝熟。還可以拿來(lái)主義，在網(wǎng)上看到什么好的個(gè)人主頁(yè)主頁(yè)，用另存為功能保存為.html格式的文件，細(xì)細(xì)研究人家是如何做的。還可以借用網(wǎng)頁(yè)模版來(lái)搞。

三、將你制作好的個(gè)人網(wǎng)頁(yè)安放在網(wǎng)上

要在網(wǎng)上安你自己的家，你必須先申請(qǐng)一個(gè)個(gè)人網(wǎng)頁(yè)空間或個(gè)人網(wǎng)頁(yè)服務(wù)器，即向某一個(gè)主機(jī)申請(qǐng)一快硬盤(pán)空間?，F(xiàn)在有較多的主機(jī)提供免費(fèi)主頁(yè)空間，具體見(jiàn)實(shí)用鏈接欄目。這些主機(jī)不僅提供免費(fèi)個(gè)人主頁(yè)空間，并且還提供留言簿、計(jì)數(shù)器等很有用的功能。只要到有關(guān)站點(diǎn)申請(qǐng)即可，具體方法，參考相關(guān)題目。申請(qǐng)完成以后用FTP將你所有的主頁(yè)文件上傳至主機(jī)指定的目錄就可以了！

需要注意的是，一定要保持個(gè)人主頁(yè)網(wǎng)頁(yè)的相對(duì)位置，否則會(huì)看不到網(wǎng)頁(yè)的，有很多朋友都問(wèn)我:為什么我的網(wǎng)頁(yè)傳上去了可是看不到,老是出現(xiàn)網(wǎng)頁(yè)錯(cuò)誤呢？其實(shí)他們都是因?yàn)槲恢玫膯?wèn)題，只要把位置改動(dòng)一下就可以的了。

關(guān)于簡(jiǎn)單網(wǎng)頁(yè)制作和簡(jiǎn)易網(wǎng)頁(yè)制作的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站信途科技。