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

怎樣做一個簡易的網(wǎng)頁？

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

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

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

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

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

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

6、如果要想網(wǎng)頁漂亮且有個性，就需要圖像、動畫等元素來裝飾。

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

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

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

二、使用記事本修改網(wǎng)頁Html代碼，不推薦使用Fontpage等網(wǎng)頁編輯軟件修改的原因是：很多網(wǎng)頁格式如果用網(wǎng)頁編輯軟件打開就會變形，所以直接使用記事本修改網(wǎng)頁Html代碼是最簡潔有效的方法?？梢匀ハ螺d強(qiáng)化的HTML工具更好，例如： UltraEdit。

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

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

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

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

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

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

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

網(wǎng)站首頁是企業(yè)網(wǎng)上的虛擬門面。一般來說，網(wǎng)站首頁的形式不外乎有兩種，一種是純粹的形象展示型，這種類型文字信息較少，圖像信息較多，通過藝術(shù)造型和設(shè)計(jì)布局，利用一系列與公司形象和產(chǎn)品、服務(wù)有關(guān)的圖像、文字信息，組成一幅生動的畫面，向?yàn)g覽者展示一種形象、一個氛圍，從而吸引瀏覽者進(jìn)入瀏覽。這需要設(shè)計(jì)者具有良好的設(shè)計(jì)基礎(chǔ)和審美能力，能夠努力挖掘企業(yè)深層的內(nèi)涵，展示企業(yè)文化。這種類型的首頁在設(shè)計(jì)過程中一定要明確要以設(shè)計(jì)為主導(dǎo)，通過色彩、布局給訪問者留下深刻的印象。另一種是信息羅列型，一般的大、中型企業(yè)網(wǎng)站和門戶網(wǎng)站常用的方式，即在首頁中就羅列出網(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手冊，熟悉企業(yè)標(biāo)志、吉祥物、字體及用色標(biāo)準(zhǔn)，在網(wǎng)站的局部體現(xiàn)出來，往往平淡之中一個優(yōu)美的符合企業(yè)特點(diǎn)的曲線就能夠給人以深刻的印象，從而將企業(yè)形象印在瀏覽者的腦海里。設(shè)計(jì)人員在設(shè)計(jì)過程中要注意使用這些語言符號來表達(dá)一種獨(dú)特的企業(yè)信息。

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

如何制作一個簡單的網(wǎng)頁（一）

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

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

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

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

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

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

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

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

在這里選擇圖片并確定。

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

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

再次確認(rèn)。

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

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

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

簡單網(wǎng)頁制作

一、FrontPage 2003簡介

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

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

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

（2）描摹圖像；

（3）層功能；

（4）插入交互式按鈕；

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

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

圖6-61 FrontPage 2003啟動界面

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

（7）檢查網(wǎng)頁錯誤；

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

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

二、制作簡單網(wǎng)頁

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

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

1.啟動FrontPage 2003

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

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

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

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

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

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

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

圖6-65

4.編輯操作

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

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

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

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

三、制作多媒體個人主頁

我們以制作一個簡易的個人網(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)站的配色等，是對網(wǎng)站的整體定位。本例設(shè)置了6個欄目，包括首頁、自薦信、個人簡歷、榮譽(yù)證書、才藝展示、聯(lián)系方式，鏈接的文件名分別為index.htm、zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。當(dāng)然也可以結(jié)合自己情況進(jìn)行修改。頁面布局如圖6-66所示。

2.建立網(wǎng)站

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

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

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

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

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

圖6-66

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

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

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

圖6-68

3.準(zhǔn)備素材

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

4.制作主頁頁眉

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

。

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

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

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

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

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

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

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

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

圖6-70 表格屬性

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

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

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

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

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

圖6-71 插入圖片對話框

圖6-72“其他顏色”對話框

5.制作正文和頁腳

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

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

圖6-73 字幕屬性對話框

圖6-74 單元格屬性

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

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

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

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

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

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

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

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

圖6-75“插入超鏈接”對話框

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

在文檔窗口頂部，單擊“遠(yuǎn)程網(wǎng)站屬性”。在彈出的對話框中，在“遠(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所示。單擊“確定”按鈕，在打開的“要求提供用戶名和密碼”對話框中輸入ISP提供的用戶名和密碼，單擊“確定”按鈕。如圖6-78所示。

圖6-76

圖6-77

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

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

。如圖6-79所示。

圖6-78

圖6-79

如何制作一個簡單的網(wǎng)頁 求大神

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

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

1

1/3頁

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

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

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

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

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

擇第三行文字，字號為“4?14磅?”，顏色為“紅色”。

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

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

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

三、技能練習(xí)：

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

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

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

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

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

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

2

2/3頁

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

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

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

四、開動腦筋：

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

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

自己編輯字號的大小呢？

1、 單擊“新建”

2、 輸入文字

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

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

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

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

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

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

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

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

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

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

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

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

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

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

不過也可以這樣使用FP建站：

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

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

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

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

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

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

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

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

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

一、準(zhǔn)備材料

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

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

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

二、開始制作

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

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

，再選create

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

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

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

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

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

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