本篇文章信途科技給大家談?wù)労?jiǎn)單的網(wǎng)頁(yè)制作，以及簡(jiǎn)易網(wǎng)頁(yè)制作對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站。

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

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

1、如果會(huì)寫代碼，直接用記事本就可以做出網(wǎng)頁(yè)。如果不會(huì)寫代碼，請(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è)盤（建議不要選擇c盤），新建一個(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)畫等元素來(lái)裝飾。

以上是制作普通靜態(tài)網(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è)為隸書，水平居中；將“你好！歡迎光臨”應(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ù)證書、才藝展示、聯(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)站是指本地硬盤上用來(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)畫素材復(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)畫 單擊第二個(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ù)證書”、“才藝展示”、“聯(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ù)證書”鏈接到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)站可以使用專門的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)站”按鈕?；蛟凇耙晥D”菜單上，單擊“遠(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è)（一）

現(xiàn)在炫彩的網(wǎng)頁(yè)很多，那都是怎么做出來(lái)的呢？為了幫助小白能快速學(xué)會(huì)一些基礎(chǔ)知識(shí)，小魚就不用代碼而就直接用網(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)樾◆~在示范，就直接用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è)鏈接方式。

網(wǎng)頁(yè)制作步驟有哪些

第一步、在制作一個(gè)網(wǎng)頁(yè)的時(shí)候，會(huì)用到代碼，如果是自己會(huì)寫的話就可以直接用記事本就能夠做出網(wǎng)頁(yè)了，如果要是不會(huì)寫代碼的話可以先在電腦里安裝上的網(wǎng)頁(yè)里制作，目前比較流行的網(wǎng)頁(yè)制作軟件有很多，最好的是Macromedia Dreamweaver這個(gè)軟件是目前為止制作網(wǎng)頁(yè)方便的軟件中功能強(qiáng)大的，也可以安裝其他的軟件制作，最好是選擇功能強(qiáng)大又方便的軟件進(jìn)行網(wǎng)頁(yè)制作。

第二步、要在電腦中選擇出一個(gè)盤來(lái)，這個(gè)盤用來(lái)新建一個(gè)存放的網(wǎng)頁(yè)文件夾，但是這里要注意的是不要選擇使用c盤，新建了一個(gè)文件夾以后，文件夾的名字是可以隨便取的，因?yàn)橹皇谴嬉幌逻@個(gè)新建的網(wǎng)頁(yè)，名字什么的不是特別的重要，然后完成了以后在存放的網(wǎng)頁(yè)的文件夾里面再建立幾個(gè)文件夾，方便后期的使用，可以建立圖片文件夾，聲音文件夾，視頻文件夾，等等一些根據(jù)自己需要進(jìn)行建立。

第三步、打開(kāi)網(wǎng)頁(yè)制作軟件，新建一個(gè)站點(diǎn)，新建站點(diǎn)步驟按系統(tǒng)提示操作。新建主頁(yè)、布局主頁(yè)、制作導(dǎo)航欄、添加欄目，輸入想要的內(nèi)容。在制作子頁(yè)，并與主頁(yè)導(dǎo)航欄欄目鏈接。制作完成后打開(kāi)主頁(yè)進(jìn)行一個(gè)全面的預(yù)覽，有不好的地方進(jìn)行修改完善。如果要想網(wǎng)頁(yè)漂亮且有個(gè)性，就需要圖像、動(dòng)畫等元素來(lái)裝飾。

如何進(jìn)行簡(jiǎn)單的網(wǎng)頁(yè)制作？

!DOCTYPE html

html

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title標(biāo)題/title

meta name="keywords" content="首頁(yè)標(biāo)題，簡(jiǎn)單網(wǎng)頁(yè)，簡(jiǎn)單標(biāo)題"

meta name="description" content="非常簡(jiǎn)單的首頁(yè)標(biāo)題"

meta http-equiv="mobile-agent" content="format=html5;"/

body

h1大標(biāo)題/h1

h2二級(jí)標(biāo)題/h2

a 我的CSDN博客/a

img src="https://profile.csdnimg.cn/C/9/7/1_u013216976"

/body

/html

怎么制作自己的網(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)容了吧。在硬盤上面再建立一個(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)大，安裝了它的朋友們可以研究研究。

怎么做簡(jiǎn)單的網(wǎng)頁(yè)

★★♂KOF♀為您做答 希望對(duì)你有幫助 如果滿意請(qǐng)選擇我的答案 您的支持是我最大的動(dòng)力★★從最基礎(chǔ)的HTML語(yǔ)言開(kāi)始，學(xué)會(huì)了這就可以自己弄靜態(tài)的網(wǎng)頁(yè)了，學(xué)會(huì)了后就可以學(xué)動(dòng)態(tài)的網(wǎng)站設(shè)計(jì)八步驟 由于目前所見(jiàn)即所得類型的工具越來(lái)越多，使用也越來(lái)越方便，所以制作網(wǎng)頁(yè)已經(jī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)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來(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)畫制作工具，如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è)三劍客之一，專門制作網(wǎng)頁(yè)的工具，可以自動(dòng)將網(wǎng)頁(yè)生成代碼，是普通網(wǎng)頁(yè)制作者的首選工具，界面簡(jiǎn)單，實(shí)用功能比較強(qiáng)大。建議初學(xué)者選用。 另外一個(gè)工具就是代碼編輯工具，例如寫字本、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)題。隨便混就好了！ 祝你成功。 ★你可以結(jié)合 Dreamwaver 和 Photoshop 來(lái)制作網(wǎng)頁(yè)。 Dreamwaver 可以到這里下 30天試用版，不過(guò)要先登記一個(gè)免費(fèi)帳號(hào)， http://xintu.macromedia.com/cfusion/tdrc/index.cfm?product=dreamweaver ★在網(wǎng)上有這方面的教程 教程 http://xintu.nease.net/xhelp/ http://school.jz173.com/ （中國(guó)建站專家） 主頁(yè)和個(gè)人空間 http://home4u.china.com/ （中華網(wǎng)） http://xintu.35.com/yumingzc/yumingzc.asp 建議使用網(wǎng)頁(yè)制作三劍客Dreamweawer+Firework+Flash 或使用Frontpage你看一下 就 行了★★♂KOF♀為您做答 希望對(duì)你有幫助 如果滿意請(qǐng)選擇我的答案 您的支持是我最大的動(dòng)力★★

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