第一篇：制作個(gè)人網(wǎng)頁的步驟

■制作個(gè)人網(wǎng)頁的步驟

一、準(zhǔn)備材料

你首先做一個(gè)小計(jì)劃,準(zhǔn)備在主頁上告訴人家什么？比如介紹三個(gè)方面：自我介紹,我的愛好,我的工作,那你就先起一個(gè)總目錄（文件夾,比如d:html）,來放你的所有文件，然后再在這個(gè)目錄建立三個(gè)子目錄：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，下面是我的照片：”這時(shí)要放圖片了，只須點(diǎn)擊Insert菜單，選取Image,在Choosefile里選取你的圖象文件即可，然后把這個(gè)文件保存為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)上安你自己的家，你必須先申請(qǐng)一個(gè)主頁空間，即向某一個(gè)主機(jī)申請(qǐng)一快硬盤空間。現(xiàn)在有較多的主機(jī)提供免費(fèi)主頁空間，具體見實(shí)用鏈接欄目。這些主機(jī)不僅提供免費(fèi)個(gè)人主頁空間，并且還提供留言簿、計(jì)數(shù)器等很有用的功能。只要到有關(guān)站點(diǎn)申請(qǐng)即可，具體方法，參考相關(guān)題目。申請(qǐng)完成以后用FTP將你所有的主頁文件上傳至主機(jī)指定的目錄就可以了！

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

參考資料：http:///xhelp/

第二篇：管理信息系統(tǒng)網(wǎng)頁制作步驟

網(wǎng)頁制作步驟

一、前期工作與首頁

1.啟動(dòng)“夢”

2.啟動(dòng)DW

3.編輯→首選參數(shù)→字符編碼→簡體中文→允許多個(gè)連續(xù)多個(gè)連續(xù)空格

4.站點(diǎn)→管理站點(diǎn)→新建→站點(diǎn)

5.站點(diǎn)名稱是，ASP VBScript本地/網(wǎng)絡(luò)，文件夾測試否完成6.文件→新建→ASP VBScript→創(chuàng)建

7.文件→保存→文件名（index）→保存

8.輸入標(biāo)題（設(shè)置字體字號(hào)居中等）→輸入漢字

9.保存 下一步下一步下一步下一步下一步

二、信息管理頁面

1.文件→新建→創(chuàng)建→保存→重命名

2.輸入標(biāo)題

3.插入記錄→表格（2行，5列）（實(shí)際行列數(shù)根據(jù)老師給的數(shù)據(jù)庫而定）

4.數(shù)據(jù)庫→自定義連接字符串→連接名稱（conn）→連接字符串（老師會(huì)給的，復(fù)制粘貼就可以了）

5.綁定→記錄集→名稱（rs）→連接（conn）→確定

6.在表格里輸入內(nèi)容→把綁定的東西拖進(jìn)來

7.選中整個(gè)表格（即點(diǎn)一下表格邊框）→服務(wù)器行為→重復(fù)區(qū)域→顯示5條記錄→顯示區(qū)域→如果記錄集不為空則顯示→記錄集分頁→移至第一條，前一條，下一條，最后一條記錄

8.回到首頁→添加連接到此頁的鏈接

9.保存全部

三、修改頁面

1.文件→新建→創(chuàng)建→保存→重命名（modidata）

2.輸入標(biāo)題→添加表單

3.表格（5行，2列）（根據(jù)實(shí)際情況調(diào)整）

4.綁定→記錄集→名稱（rs）→連接（conn）→篩選（學(xué)號(hào)=URL參數(shù)，學(xué)號(hào)）

5.在表格里輸入內(nèi)容→放按鈕→放文本字段

6.選中文本字段或按鈕→修改按鈕的值→修改文本字段的初始值和文本域→右鍵“修改數(shù)據(jù)”按鈕→編輯標(biāo)簽→on click→復(fù)制粘貼老師給的另一個(gè)代碼

7.選中表格→服務(wù)器行為→更新記錄→連接（conn）→唯一鍵列（學(xué)號(hào)）→在更新后，轉(zhuǎn)到（信息管理頁面）

8.回到信息管理頁面→選中“修改”二字→服務(wù)器行為→轉(zhuǎn)到詳細(xì)頁面

9.保存全部

四、錄入數(shù)據(jù)頁面

1.文件→新建→創(chuàng)建→保存→重命名（inputdata）

2.輸入標(biāo)題→添加表單

3.表格（5行，2列）（根據(jù)實(shí)際情況調(diào)整）

4.綁定→記錄集→名稱（rs）→連接（conn）

5.在表格里輸入內(nèi)容→放按鈕→放文本字段

6.修改文本字段的文本域→修改按鈕的值→右鍵修改按鈕的on click

7.選中表格→服務(wù)器行為→插入記錄→連接（conn）→插入后轉(zhuǎn)到（信息管理頁面）

8.回到信息管理頁面→添加“錄入數(shù)據(jù)”四個(gè)字→服務(wù)器行為→轉(zhuǎn)到相關(guān)頁面（inputdata）

9.保存全部

五、查詢頁面

1.文件→新建→創(chuàng)建→保存→重命名（query）

2.輸入標(biāo)題→添加表單

3.表格（5行，2列）（根據(jù)實(shí)際情況調(diào)整）

4.綁定→記錄集→名稱（rs）→連接（conn）→篩選（姓名，包含，表單變量，xm）

5.在表格里輸入內(nèi)容→把記錄集里的東西拖進(jìn)來

6.回到信息管理頁面→添加表單→輸入文字→放文本字段→放按鈕

7.修改文本字段的文本域?yàn)椤皒m”→修改按鈕的值

8.選中表單→動(dòng)作→query

9.保存全部

第三篇：網(wǎng)頁制作實(shí)驗(yàn)報(bào)告完成步驟

武漢大學(xué)計(jì)算中心2007年5月

《網(wǎng)頁與Web程序設(shè)計(jì)》實(shí)驗(yàn)報(bào)告

年級(jí)：2008級(jí)（必修）

學(xué)號(hào)：2008姓名：專業(yè)：

一、實(shí)驗(yàn)題目

分析或參考給定的“網(wǎng)站設(shè)計(jì)實(shí)例”，設(shè)計(jì)一個(gè)自選題材的網(wǎng)站。

說明：

1．自行設(shè)計(jì)的網(wǎng)站可以只包含靜態(tài)網(wǎng)頁（.htm），也可以包含動(dòng)態(tài)網(wǎng)頁(.asp)。

2．站點(diǎn)至少要有三層結(jié)構(gòu)，頁面數(shù)5頁左右；網(wǎng)頁要有落款、版權(quán)說明。網(wǎng)站大小不要超過10MB。

3．在網(wǎng)站制作過程中或完成后，填寫下面“

五、實(shí)驗(yàn)步驟”里的省略號(hào)部分。

二、實(shí)驗(yàn)?zāi)康暮鸵?/p>

通過以前各章的學(xué)習(xí)和實(shí)驗(yàn)，同學(xué)們已經(jīng)了解和初步掌握一系列的網(wǎng)頁與Web程序設(shè)計(jì)技術(shù)。本實(shí)驗(yàn)?zāi)苁勾蠹覍?duì)網(wǎng)站設(shè)計(jì)的全過程，有一個(gè)更加完整的概念，熟練掌握網(wǎng)站設(shè)計(jì)工具“網(wǎng)頁設(shè)計(jì)三劍客”。具體要求如下：

1．自選題材，主題內(nèi)容要合法、健康、實(shí)用。網(wǎng)站主題突出、內(nèi)容豐富。

2．自己動(dòng)手獨(dú)立完成網(wǎng)站設(shè)計(jì)?？梢越梃b和模仿某個(gè)網(wǎng)站進(jìn)行設(shè)計(jì)與制作，但不可以從網(wǎng)上下載網(wǎng)頁直接上交。

3．站點(diǎn)應(yīng)當(dāng)設(shè)計(jì)合理，結(jié)構(gòu)分明，管理有序，無多余文件和文件夾，大小合適。文件和文件夾存放位置要正確，首頁文件名應(yīng)該使用index.htm、index.asp、default.htm或default.asp。其他文件或文件名命名也要規(guī)范，不宜使用漢字或帶有空格的名稱。

4．網(wǎng)站風(fēng)格統(tǒng)一，設(shè)計(jì)適合于主題的LOGO（徽標(biāo)），或者標(biāo)題圖片及動(dòng)畫。各頁面設(shè)計(jì)合理、美觀，有創(chuàng)意。不要太花哨或太孩子氣，不要只是各種元素的隨意拼湊。圖片和動(dòng)畫選用要適合主題，不要在網(wǎng)頁中插入不相干的圖片，圖片保存格式和圖片大小要合適。要適用于各種顯示器的分辨率，不要太寬，否則在顯示器分辨率較小時(shí)會(huì)出現(xiàn)水平滾動(dòng)條。

5．各個(gè)頁面之間的鏈接要合理有效，路徑要正確（使用相對(duì)路徑）。要合理使用css樣式，不要在各個(gè)頁面中重復(fù)定義相同的css樣式；應(yīng)該將css樣式存放到css文件中，然后附加即鏈接到各頁中。代碼結(jié)構(gòu)清晰，無垃圾代碼。

三、實(shí)驗(yàn)方法

網(wǎng)站設(shè)計(jì)的一般過程或方法如下：

1．確定主題和收集資料

自行選定所要設(shè)計(jì)的網(wǎng)站主題和欄目，收集有關(guān)圖文、數(shù)據(jù)等資料，經(jīng)過分析，初步確定網(wǎng)站的基本功能、結(jié)構(gòu)或三級(jí)目錄。

2．規(guī)劃網(wǎng)站和新建站點(diǎn)

在需求分析的基礎(chǔ)上，畫出網(wǎng)站的樹型目錄結(jié)構(gòu)圖，從網(wǎng)站根文件夾，子文件夾到文件名。首頁文件名如index.htm，應(yīng)該放在網(wǎng)站根文件夾里。根據(jù)Windows的“管理工具”中是否已安裝IIS，用Dreamweaver 8，在C:Inetpubwwroot或者D:里，新建站點(diǎn)，即根文件夾，子文件夾或文件名。隨時(shí)在U盤上做好備份。

3．制作素材和單個(gè)網(wǎng)頁

用“網(wǎng)頁設(shè)計(jì)三劍客”自行制作或者收集網(wǎng)站要使用的小圖片、動(dòng)畫、音頻或視頻，制作單個(gè)網(wǎng)頁文件及其鏈接，以及按需要建立數(shù)據(jù)庫。按照規(guī)劃，一一放在網(wǎng)站的相應(yīng)子文件夾里。

武漢大學(xué)計(jì)算中心2007年5月

4．制作首頁和建立鏈接

制作首頁，并且建立與下一級(jí)網(wǎng)頁的鏈接（若受網(wǎng)站大小限制且超過5頁，則可建立必要的空連接）。

5．調(diào)試運(yùn)行

可以邊設(shè)計(jì)邊調(diào)試，也可以邊調(diào)試邊修改前面的設(shè)計(jì)。然后，正式運(yùn)行和提交網(wǎng)站。

四、實(shí)驗(yàn)環(huán)境

微機(jī) + Windows操作系統(tǒng)(含IIS)+ Fireworks 8 + Flash 8 + Dreamweaver 8 + Access。

五、實(shí)驗(yàn)步驟

請(qǐng)?zhí)顚懢W(wǎng)站分析與設(shè)計(jì)的實(shí)驗(yàn)步驟。

（一）分析給定的“網(wǎng)站設(shè)計(jì)實(shí)例”

1．該網(wǎng)站的樹型目錄或站點(diǎn)結(jié)構(gòu)圖（如圖1）：

……

圖1 實(shí)例網(wǎng)站的樹型目錄或站點(diǎn)結(jié)構(gòu)

2．在該網(wǎng)站首頁上“插入”大標(biāo)題圖片和動(dòng)畫文件的操作步驟：

……

3．在該網(wǎng)站設(shè)計(jì)中，運(yùn)用了哪些樣式設(shè)計(jì)技術(shù)如CSS等？舉例說明：

……

4．在該網(wǎng)站設(shè)計(jì)中，下一級(jí)網(wǎng)頁顯示的目標(biāo)（位置）一般設(shè)置為：……；數(shù)據(jù)庫（.mdb）文件為：……。

5．在該網(wǎng)站設(shè)計(jì)中，較好地運(yùn)用了如下網(wǎng)頁與Web程序設(shè)計(jì)技術(shù)：

……

（二）設(shè)計(jì)自選題材網(wǎng)站的具體步驟

1．確定主題和收集資料

本網(wǎng)站的主題：……

欄目或三級(jí)目錄：……

2．規(guī)劃網(wǎng)站和新建站點(diǎn)

網(wǎng)站的樹型目錄或站點(diǎn)結(jié)構(gòu)圖如圖2：

……

圖2 自制網(wǎng)站的樹型目錄或站點(diǎn)結(jié)構(gòu)

3．制作素材和單個(gè)網(wǎng)頁（舉例說明典型的操作步驟）

（1）素材制作

……

（2）網(wǎng)頁制作

……

（3）建立數(shù)據(jù)庫

4．制作首頁和建立鏈接（舉例說明典型的操作步驟）

……

5．調(diào)試運(yùn)行

調(diào)試和運(yùn)行情況：……

第四篇：個(gè)人網(wǎng)頁制作

個(gè)人網(wǎng)頁制作

宣傳語：如果你已經(jīng)上網(wǎng)，為何不嘗試一下在網(wǎng)上做一個(gè)完全屬于自己的主頁？有了自己的主頁，全世界的人都可以隨時(shí)找到你，你也可以向全世界宣傳下自己，是非常有意義和有意思的?，F(xiàn)在簡單介紹一下制作主頁的過程和方法：

一、準(zhǔn)備材料

你首先做一個(gè)小計(jì)劃,準(zhǔn)備在主頁上告訴人家什么？比如介紹三個(gè)方面：自我介紹,我的愛好,我的工作,那你就先起一個(gè)總目錄（文件夾,比如d:html）,來放你的所有文件，然后再在這個(gè)目錄建立三個(gè)子目錄：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)換，比如Office97的照片編輯器。把你準(zhǔn)備在你主頁上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后,你就可以開始制作了。

二、開始制作

你無須去記復(fù)雜的HTML語言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選EditPage,便可以制作了.文字的處理基本跟Word沒什么兩樣,關(guān)鍵是插入圖片和產(chǎn)生鏈接.我們先做關(guān)于你自我介紹的一頁，你先寫上“大家好，我是superboy，下面是我的照片：”這時(shí)要放圖片了，只須點(diǎn)擊Insert菜單，選取Image,在Choosefile里選取你的圖象文件即可，然后把這個(gè)文件保存為myself.html文件，放在myself的目錄下。好，現(xiàn)在必須做封面了，你在封面寫：“歡迎來到superboy的主頁”以下是“自我介紹，我的愛好，我的工作”。你的自我介紹要鏈接到下一頁去，你只須用鼠標(biāo)選“自我介紹”后按鼠標(biāo)右鍵，再選createlink，然后再選你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)上安你自己的家，你必須先申請(qǐng)一個(gè)主頁空間，即向某一個(gè)主機(jī)申請(qǐng)一快硬盤空間。現(xiàn)在有較多的主機(jī)提供免費(fèi)主頁空間，具體見實(shí)用鏈接欄目。這些主機(jī)不僅提供免費(fèi)個(gè)人主頁空間，并且還提供留言簿、計(jì)數(shù)器等很有用的功能。只要到有關(guān)站點(diǎn)申請(qǐng)即可，具體方法，參考相關(guān)題目。申請(qǐng)完成以后用FTP將你所有的主頁文件上傳至主機(jī)指定的目錄就可以了！

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

第五篇：系統(tǒng)學(xué)習(xí)網(wǎng)頁制作的步驟

系統(tǒng)學(xué)習(xí)網(wǎng)頁制作的步驟？

1、初步學(xué)習(xí)PHOTOSHOP，簡要學(xué)習(xí)一下JPEG及GIF的區(qū)別、圖片的簡單處理及如何將圖片做成網(wǎng)頁適用的格式。這種書到處都有。

2、初步學(xué)習(xí)DreamWaver,學(xué)會(huì)網(wǎng)頁的基本元素、網(wǎng)頁的布局、網(wǎng)格的使用、鏈接的創(chuàng)建等，做一個(gè)簡單的自己的網(wǎng)頁增加自己的興趣。

3、ASP或PHP編程任挑一樣，要制作動(dòng)態(tài)網(wǎng)頁就必須學(xué)，主要是和數(shù)據(jù)庫的掛接，如SQL Server。

4、想為網(wǎng)頁增色，只好學(xué)學(xué)FLASH制作，先做些簡單的，圖片、文字變形什么的，試試做個(gè)自己的LOGO。