網(wǎng)站制作步驟[ 瀏覽： 541 次 添加人： 胡居雄 | 發(fā)表于： 2009-5-14 ]網(wǎng)站隨著互聯(lián)網(wǎng)絡(luò)的發(fā)展越來(lái)越普及和深入到每一個(gè)行業(yè)、每一個(gè)人。做網(wǎng)站對(duì)于知道的人單的事情，對(duì)于不知道的人，

網(wǎng)站制作步驟

[ 瀏覽： 541 次 添加人： 胡居雄 | 發(fā)表于： 2009-5-14 ]

網(wǎng)站隨著互聯(lián)網(wǎng)絡(luò)的發(fā)展越來(lái)越普及和深入到每一個(gè)行業(yè)、每一個(gè)人。做網(wǎng)站對(duì)于知道的人單的事情，對(duì)于不知道的人，顯得很高深莫測(cè)。其實(shí)，做網(wǎng)站的門檻是很低的，只要你想做，很很短時(shí)間就可以做到。對(duì)于我們自己，做網(wǎng)站可以隨心所欲，充分展示自己。我在這里把做入門的具體步驟告訴你，如果要做大型的網(wǎng)站，這個(gè)就肯定不夠用了。

第一步：注冊(cè)域名

什么是域名？ 域名是Internet 上用來(lái)查找網(wǎng)站的專用名字，與我們熟悉的地址、門牌號(hào)的似。據(jù)規(guī)定，域名由英文字母（不區(qū)分大小寫(xiě)），阿拉伯?dāng)?shù)字和橫杠“－”組成，不能有空格， 不能放在最前面或最后面，每個(gè)層次最長(zhǎng)不能超過(guò)67個(gè)字母。

互聯(lián)網(wǎng)上的域名可謂千姿百態(tài)，但從域名的結(jié)構(gòu)來(lái)劃分，總體上可把域名分成兩類，一類稱為“級(jí)域名”（簡(jiǎn)稱“國(guó)際域名”），一類稱為“國(guó)內(nèi)域名”。

一般國(guó)際域名的最后一個(gè)后綴是一些諸如.com ，.net ，.gov ，.edu 的”國(guó)際通用域”，這些后綴分別代表了不同的機(jī)構(gòu)性質(zhì)。比如.com 表示的是商業(yè)機(jī)構(gòu)，.net 表示的是網(wǎng)絡(luò)服務(wù)機(jī)構(gòu)，.g 的是政府機(jī)構(gòu)，.edu 表示的是教育機(jī)構(gòu)。

國(guó)內(nèi)域名的后綴通常要包括“國(guó)際通用域”和“國(guó)家域”兩部分，而且要以“國(guó)家域”作為個(gè)后綴。以ISO31660為規(guī)范，各個(gè)國(guó)家都有自己固定的國(guó)家域，如：cn 代表中國(guó)、us 代表美國(guó)表英國(guó)等。

舉例：www.it.com （國(guó)際域名）

www.it.com.cn （國(guó)內(nèi)域名）

互聯(lián)網(wǎng)地址資源注冊(cè)管理機(jī)構(gòu)：

中國(guó)互聯(lián)網(wǎng)信息中心 http://www.cnnic.net.cn/

根據(jù)信息產(chǎn)業(yè)部授權(quán)，CNNIC 是我國(guó)域名體系注冊(cè)管理機(jī)構(gòu)和域名根服務(wù)器運(yùn)行機(jī)構(gòu)。CNNIC 行和管理國(guó)家頂級(jí)域名CN 、中文域名系統(tǒng)及通用網(wǎng)址系統(tǒng)。 CNNIC是亞太互聯(lián)網(wǎng)絡(luò)信息中心（A

的國(guó)家級(jí)互聯(lián)網(wǎng)絡(luò)注冊(cè)機(jī)構(gòu)成員（NIR ）。以CNNIC 為召集單位的IP 地址分配聯(lián)盟，負(fù)責(zé)為我國(guó)服務(wù)商（ISP ）和網(wǎng)絡(luò)用戶提供IP 地址和AS 號(hào)碼的分配管理服務(wù)。

推薦的知名注冊(cè)服務(wù)機(jī)構(gòu)：

中國(guó)萬(wàn)網(wǎng) http://www.net.cn/

新 網(wǎng) http://www.xinnet.com/

中國(guó)頻道 http://www.china-channel.com/

商務(wù)中國(guó) http://bizcn.com.cn/

新網(wǎng)互聯(lián) http://www.dns.com.cn/

第二步：制作內(nèi)容

根據(jù)自己想要做網(wǎng)站的目的來(lái)設(shè)計(jì)組織網(wǎng)站的頁(yè)面和內(nèi)容。

構(gòu)成網(wǎng)站頁(yè)面的必備要素：

1． LOGO

2． 首頁(yè)

3． 分欄目首頁(yè)

4． 內(nèi)頁(yè)

常用的網(wǎng)頁(yè)制作工具：

Dreamweaver Fireworks Flash Photoshop

常用的一些系統(tǒng)：

郵箱

留言板

論壇

發(fā)布系統(tǒng)（文章更新量大的網(wǎng)站適用）

調(diào)查系統(tǒng)

網(wǎng)上購(gòu)物

會(huì)員

搜索

第三步：申請(qǐng)空間

對(duì)于個(gè)人網(wǎng)站和小型網(wǎng)站，一般都是采用主機(jī)托管的方式，也就是向一些服務(wù)商來(lái)購(gòu)買存放空間，上到一定規(guī)模的網(wǎng)站，就需要自己來(lái)購(gòu)買服務(wù)器、去電信部門托管。

第四步：上傳內(nèi)容

使用FTP 軟件，連接到對(duì)應(yīng)的地址，把網(wǎng)站內(nèi)容上傳上去就可以了。

第五步：維護(hù)網(wǎng)站

對(duì)內(nèi)容進(jìn)行更新和維護(hù)

第六步：推廣宣傳

推廣網(wǎng)站常用的幾種方式：（免費(fèi)）

1． 搜索引擎登錄

2． 友情鏈接

3． 論壇灌水

4． 登錄網(wǎng)址大全

網(wǎng)頁(yè)制作的具體步驟！

[ 標(biāo)簽：網(wǎng)頁(yè) 制作, 網(wǎng)頁(yè), 步驟 ]

怎么進(jìn)行網(wǎng)頁(yè)的制作？

問(wèn)題補(bǔ)充 2008-01-20 14:48

一、做好網(wǎng)站頁(yè)面文件

二、申請(qǐng)域名（即網(wǎng)址：這個(gè)要花錢），有專門的網(wǎng)絡(luò)公司賣域名

三、購(gòu)買空間（即存放你網(wǎng)站文件的磁盤(pán)空間），有專門的網(wǎng)絡(luò)公司賣域名，這個(gè)也要花錢

四、網(wǎng)絡(luò)公司告訴你FTP 地址：帳號(hào)及密碼，你通過(guò)在IE 地址欄里輸入：FTP//地址。上傳你做好的網(wǎng)。頁(yè)文件，即可輸入通過(guò)你購(gòu)買的域名來(lái)訪問(wèn)了

五、需要在互聯(lián)網(wǎng)信息中心備案，備案地址：http://www.miibeian.gov.cn/，也可以要求你購(gòu)買空間的網(wǎng)絡(luò)公司幫你備案。

以上是做整個(gè)網(wǎng)站的步驟。最難的在第一步，下面說(shuō)第一步，就是如何學(xué)習(xí)做網(wǎng)站

一、首先要有一個(gè)網(wǎng)頁(yè)制作軟件，目前用的多的是dreamweaver ，免費(fèi)下載地址：http://www.onlinedown.net/soft/22017.htm，通過(guò)這個(gè)的學(xué)習(xí)，你可以制作出靜態(tài)的網(wǎng)頁(yè)了。這是所見(jiàn)即所得的軟件，不難學(xué)。

二、圖片處理軟件的學(xué)習(xí)，用PHOTOSHOP 對(duì)圖片進(jìn)行處理，然后用上面的dreamweaver 把圖片放在你要的地方

三、動(dòng)畫(huà)制作：用FLASH 可以制作動(dòng)畫(huà)，然后用上面的dreamweaver 把圖片放在你要的地方

四、如果要做動(dòng)態(tài)的（所說(shuō)的動(dòng)態(tài)，不是指上面的FLASH 動(dòng)畫(huà)，是指和用戶交互的，比如用戶留言，能馬上顯示在頁(yè)面上），還需要學(xué)習(xí)ASP ，JSP ，PHP 或者.net 這幾種中的一種就可以做出動(dòng)態(tài)的網(wǎng)站，當(dāng)然也可以學(xué)習(xí)幾種。

五、數(shù)據(jù)庫(kù)：可以用ACCESS 或者SQL SERVER，和上面的ASP 結(jié)合使用。

這樣你就可以制作出完全屬于你自己管理的網(wǎng)站了，不需要去申請(qǐng)QQ 空間之類的受限制。 當(dāng)然 ，如果要把網(wǎng)站繼續(xù)做好，需要經(jīng)驗(yàn)和多看別人做的風(fēng)格.

網(wǎng)頁(yè)JS 調(diào)用具體方法與步驟

來(lái)源：互聯(lián)網(wǎng) 發(fā)表日期： 2007-03-25 10:25:21 收藏到：

1：首先請(qǐng)將網(wǎng)頁(yè)編輯軟件打開(kāi)，將需要調(diào)用的網(wǎng)頁(yè)（全部或部分）網(wǎng)頁(yè)HTML 代碼復(fù)制到新建空網(wǎng)頁(yè)上保存（名稱任意起，但格式必須是HTML ）然后上傳到服務(wù)器空間里--復(fù)制下這個(gè)網(wǎng)頁(yè)的訪問(wèn)URL 地址（這里我們先稱它為--JS 調(diào)用

網(wǎng)頁(yè)）

注意：以上JS 代碼復(fù)制到空記事本里必須一行到頭，不能換行、回車，不然JS 調(diào)用時(shí)會(huì)亂瑪出錯(cuò)！(粘貼到記事本時(shí)取消記事本的自動(dòng)換行功能)

修改好JS 代碼記事本后關(guān)閉保存。再次打開(kāi)查看修改必須用網(wǎng)頁(yè)編輯軟件，普通雙擊是無(wú)法打開(kāi)的。

4：現(xiàn)在將這個(gè)JS 格式的記事本上傳到服務(wù)器空間里--復(fù)制下這個(gè)網(wǎng)頁(yè)的訪問(wèn)URL 地址（這里我們先稱它為--JS 調(diào)用文件），打開(kāi)這個(gè)JS 調(diào)用文件上傳到服務(wù)器空間后的URL 訪問(wèn)地址看看，是不是彈出一個(gè)文件下載框，而不是打開(kāi)一個(gè)網(wǎng)頁(yè)？是這樣就對(duì)了！

5：最后一步，打開(kāi)你的網(wǎng)頁(yè)，在你需要插入JS 調(diào)用文件的地方插入以下代碼：

將以上修改好的代碼插入你網(wǎng)頁(yè)需要JS 調(diào)用的地方后上傳到你的服務(wù)器空間上，整個(gè)網(wǎng)頁(yè)J S 調(diào)用大功告成?。?！

網(wǎng)頁(yè)JS 調(diào)用的優(yōu)點(diǎn)：只要更新你網(wǎng)頁(yè)的其中一點(diǎn)（也就是修改JS 調(diào)用網(wǎng)頁(yè)）可以讓你網(wǎng)站上用JS 調(diào)用的成千上萬(wàn)的網(wǎng)頁(yè)同步更新！大大的節(jié)約了網(wǎng)站更新維護(hù)的時(shí)間, 提高網(wǎng)站質(zhì)量。 查看文章

制作網(wǎng)頁(yè)的基本步驟

2007年11月25日 星期日 15:02

用Dreamweaver 簡(jiǎn)單描述制作網(wǎng)頁(yè)的基本步驟

[ 來(lái)源:網(wǎng)頁(yè)教學(xué)網(wǎng) | 作者:閃電兒 | 時(shí)間:2007-11-07 08:52:13 | 收藏本文 ] 【大 中 小】 本教程主要是針對(duì)初學(xué)者，如何使用Dreamweaver 制作一個(gè)網(wǎng)頁(yè)？這個(gè)教程具體詳細(xì)講解了制作網(wǎng)頁(yè)的步驟，及注意的問(wèn)題，并且拿一個(gè)實(shí)例來(lái)給大家做了一下詳細(xì)講解！ Chinaz@com

創(chuàng)建網(wǎng)頁(yè)頁(yè)面 中國(guó)站長(zhǎng)_站, 為中文網(wǎng)站提供動(dòng)力

1、在Dreamveaver“文件－新建－常規(guī)－基本頁(yè)－HTML”，這樣就建好了一個(gè)頁(yè)面，英文版的默認(rèn)的文件名為untitled.htm 。中文版的的默認(rèn)的文件名為“無(wú)標(biāo)題文檔”。htm 就表示這個(gè)網(wǎng)頁(yè)文件是一個(gè)靜態(tài)的HTML 文件。給它改名為index.htm 。 站. 長(zhǎng)站

注：網(wǎng)站第一頁(yè)的名字通常是index.htm 或index.html 。其它頁(yè)面的名字可以自己取。這也就是主頁(yè)，上傳后打開(kāi)網(wǎng)頁(yè)默認(rèn)連接到此頁(yè)。 中國(guó)站. 長(zhǎng). 站

2、在標(biāo)題空格里輸入網(wǎng)頁(yè)名稱，點(diǎn)擊修改－頁(yè)面屬性，打開(kāi)“頁(yè)面屬性”窗口。在這里可以設(shè)置網(wǎng)站的標(biāo)題、背景顏色或背景圖像，超級(jí)鏈接的顏色（一般默認(rèn)即可），其他都保持默認(rèn)即可。

中. 國(guó)站長(zhǎng)站

3、此時(shí)光標(biāo)位于左上角，可輸入一句話，如“歡迎來(lái)到我的主頁(yè)”。選取文字，用菜單“窗口/屬性”打開(kāi)屬性面板，選取文字大小為6，再使文字居中，然后在文字前用幾個(gè)回車使其位于頁(yè)面中間等。

Chinaz@com

4、如要選取字體，則選擇字體中的最后一項(xiàng)：編輯字體列表。然后在對(duì)話框中選 號(hào)，接著在“可用字體”欄中選擇需要加入到字體列表中的一種字體，點(diǎn)擊中間的按鈕就可以加入了。 站. 長(zhǎng)站

注：在網(wǎng)頁(yè)上最常用的是宋體字。不要將特殊的字體加到列表中使用，因?yàn)閯e人電腦上未裝就看不到。如果需要用的話，要做成圖片后再使用。

[中國(guó)站長(zhǎng)站]

注：在網(wǎng)頁(yè)上打入空格的辦法是：把輸入法調(diào)為全角。

站長(zhǎng). 站

注：在網(wǎng)頁(yè)上換行的辦法是：shift Enter。只按Enter 則為換段。 中. 國(guó). 站. 長(zhǎng). 站

下面拿一個(gè)現(xiàn)成的例子來(lái)給大家講解一下： 中國(guó). 站. 長(zhǎng)站

現(xiàn)在，以下邊的簡(jiǎn)單網(wǎng)頁(yè)為例，敘述一下制作過(guò)程。簡(jiǎn)單網(wǎng)頁(yè)如下圖： 中國(guó). 站. 長(zhǎng)站

站長(zhǎng).

站

在開(kāi)始制作之前，我們先對(duì)這個(gè)頁(yè)面進(jìn)行一下分析。看看這個(gè)頁(yè)面用到了哪些東西。

中. 國(guó). 站長(zhǎng)站

□網(wǎng)頁(yè)頂端的標(biāo)題“我的主頁(yè)”是一段文字。

中國(guó)站. 長(zhǎng). 站

□網(wǎng)頁(yè)中間是一幅圖片。 站長(zhǎng). 站

□最下端的歡迎詞是一段文字。 Chinaz_com

□網(wǎng)頁(yè)背景是一深紫紅顏色。

Chinaz@com

構(gòu)思好這個(gè)網(wǎng)頁(yè)的結(jié)構(gòu)，我們就可以開(kāi)始制作了。

中國(guó)站長(zhǎng)_站, 為中文網(wǎng)站提供動(dòng)力

首先啟動(dòng)Dreamweaver ，確保你已經(jīng)用站點(diǎn)管理器建立好了一個(gè)網(wǎng)站（根目錄）。 Www@Chinaz@com

為了制作方便，請(qǐng)您事先打開(kāi)資源管理器，把要使用的圖片收集到網(wǎng)站目錄images 文件夾內(nèi)。

中國(guó). 站長(zhǎng)站

【插入標(biāo)題文字】 [中國(guó)站長(zhǎng)站]

進(jìn)入頁(yè)面編輯設(shè)計(jì)視圖狀態(tài)。在一般情況下，編輯器默認(rèn)左對(duì)齊，光標(biāo)在左上角閃爍，光標(biāo)位置就是插入點(diǎn)的位置。如果要想讓文字居中插入，點(diǎn)屬性面板居中按鈕即可。啟動(dòng)中文輸入法輸入“我的主頁(yè)”四個(gè)字。字小不要緊，我們可以對(duì)它進(jìn)行設(shè)置。 站. 長(zhǎng)站

【設(shè)置文字的格式】選中文字，在上圖屬性面板中將字體格式設(shè)置成默認(rèn)字體，大小可任意更改字號(hào)。并選中“B”將字體變粗。

中國(guó). 站. 長(zhǎng)站

【設(shè)置文字的顏色】首先選中文字，在屬性面板中，單擊顏色選擇圖標(biāo)，在彈出的顏色選擇器中用滴管選取顏色即可。 中國(guó). 站長(zhǎng)站

【設(shè)置網(wǎng)頁(yè)的標(biāo)題和背景顏色】

Chinaz_com

點(diǎn)擊“修改”菜單選“頁(yè)面屬性”。系統(tǒng)彈出頁(yè)面屬性對(duì)話框（如下圖） Www.Chinaz.com

Chinaz~com

請(qǐng)?jiān)跇?biāo)題輸入框填入標(biāo)題“我的主頁(yè)”。 Www@Chinaz@com

設(shè)置背景顏色：網(wǎng)頁(yè)背景可以是圖片，也可以是顏色。此例是顏色。如上圖打開(kāi)背景顏色選擇器進(jìn)行選取。如果背景要設(shè)為圖片，點(diǎn)擊背景圖象“瀏覽”按鈕，系統(tǒng)彈出圖片選擇對(duì)話框，選中背景圖片文件，點(diǎn)擊確定按鈕。

中國(guó). 站. 長(zhǎng)站

設(shè)計(jì)視圖狀態(tài)，在標(biāo)題“我的主頁(yè)”右邊空白處單擊鼠標(biāo)，回車換一行，按照以下的步驟插入一幅畫(huà)圖片，并使這張圖片居中。您也可以通過(guò)屬性面板中的左對(duì)齊按鈕讓其居左安放。 中國(guó). 站長(zhǎng)站

【插入圖像】選擇以下任意一種方法： 中國(guó). 站長(zhǎng)站

（1）使用插入菜單：在“插入”菜單選“圖像”，彈出“選擇圖像源文件”對(duì)話框，選中該圖像文件，單擊確定。如下圖：

中國(guó)站. 長(zhǎng)站

Www^Chinaz^com

（2）使用插入欄：?jiǎn)螕舨迦霗趯?duì)象按鈕>選 按鈕，彈出“選擇圖像源文件”對(duì)話框，其余操作同上。

Www.Chinaz.com

（3）使用面板組“資源”面板（如下圖）：點(diǎn)按鈕，展開(kāi)根目錄的圖片文件夾，選定該文件，用鼠標(biāo)拖動(dòng)至工作區(qū)合適位置。 中. 國(guó)站長(zhǎng)站

Www^Chinaz^com

注：為了管理方便，我們把圖片放在“images”文件夾內(nèi)。如果圖片少，您也可以放在站點(diǎn)根目錄下。注意文件名要用英文或用拼音文字命名而且使用小寫(xiě)，不能用中文，否則要出現(xiàn)一些麻煩。

中. 國(guó). 站. 長(zhǎng). 站

一個(gè)圖片就插入完畢了。（插入*.swf動(dòng)畫(huà)文件，選擇“插入”菜單＞媒體＞Flash ）。

站. 長(zhǎng). 站

【輸入歡迎文字】 Www.Chinaz.com

在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字“歡迎您??”然后，利用屬性面板對(duì)文字進(jìn)行設(shè)置。

Chinaz.com

保存頁(yè)面。 Chinaz^com

一個(gè)簡(jiǎn)單的頁(yè)面就這樣編輯完畢了。 中國(guó). 站. 長(zhǎng)站

【預(yù)覽網(wǎng)頁(yè)】在頁(yè)面編輯器中按F12預(yù)覽網(wǎng)頁(yè)效果。