第一篇：系統(tǒng)學習網(wǎng)頁制作的步驟

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

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

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

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

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

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

網(wǎng)頁制作步驟

一、前期工作與首頁

1.啟動“夢”

2.啟動DW

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

4.站點→管理站點→新建→站點

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

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

8.輸入標題（設置字體字號居中等）→輸入漢字

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

二、信息管理頁面

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

2.輸入標題

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

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

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

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

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

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

9.保存全部

三、修改頁面

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

2.輸入標題→添加表單

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

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

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

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

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

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

9.保存全部

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

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

2.輸入標題→添加表單

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

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

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

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

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

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

9.保存全部

五、查詢頁面

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

2.輸入標題→添加表單

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

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

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

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

7.修改文本字段的文本域為“xm”→修改按鈕的值

8.選中表單→動作→query

9.保存全部

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

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

一、準備材料

你首先做一個小計劃,準備在主頁上告訴人家什么？比如介紹三個方面：自我介紹,我的愛好,我的工作,那你就先起一個總目錄（文件夾,比如d:html）,來放你的所有文件，然后再在這個目錄建立三個子目錄：myself,interest，job。文件名你可以任意，但最好全部小寫，因為有的主機要認大小寫。然后將你的材料copy進相應的子目錄。比如你要在你的主頁里展示你的靚照，那就將你的照片掃描成JPG格式的文件，放在myself的目錄下.要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但你可以用圖象軟件進行轉(zhuǎn)換，比如Office 97的照片編輯器。把你準備在你主頁上出現(xiàn)的圖象放進相應的目錄里后,你就可以開始制作了。

二、開始制作

你無須去記復雜的HTML語言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit Page,便可以制作了.文字的處理基本跟Word沒什么兩樣,關(guān)鍵是插入圖片和產(chǎn)生鏈接.我們先做關(guān)于你自我介紹的一頁，你先寫上“大家好，我是superboy，下面是我的照片：”這時要放圖片了，只須點擊Insert菜單，選取Image,在Choosefile里選取你的圖象文件即可，然后把這個文件保存為myself.html文件，放在myself的目錄下。好，現(xiàn)在必須做封面了，你在封面寫：“歡迎來到superboy的主頁”以下是“自我介紹，我的愛好，我的工作”。你的自我介紹要鏈接到下一頁去，你只須用鼠標選“自我介紹”后按鼠標右鍵，再選create link，然后再選你myself目錄下的myself.html，就將“自我介紹”鏈接到下一頁了，以后在瀏覽器中一按，就可以跳到鑲有你靚照的頁面啦。

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

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

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

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

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

第四篇：網(wǎng)頁制作實驗報告完成步驟

武漢大學計算中心2007年5月

《網(wǎng)頁與Web程序設計》實驗報告

年級：2008級（必修）

學號：2008姓名：專業(yè)：

一、實驗題目

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

說明：

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

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

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

五、實驗步驟”里的省略號部分。

二、實驗目的和要求

通過以前各章的學習和實驗，同學們已經(jīng)了解和初步掌握一系列的網(wǎng)頁與Web程序設計技術(shù)。本實驗能使大家對網(wǎng)站設計的全過程，有一個更加完整的概念，熟練掌握網(wǎng)站設計工具“網(wǎng)頁設計三劍客”。具體要求如下：

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

2．自己動手獨立完成網(wǎng)站設計。可以借鑒和模仿某個網(wǎng)站進行設計與制作，但不可以從網(wǎng)上下載網(wǎng)頁直接上交。

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

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

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

三、實驗方法

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

1．確定主題和收集資料

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

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

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

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

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

武漢大學計算中心2007年5月

4．制作首頁和建立鏈接

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

5．調(diào)試運行

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

四、實驗環(huán)境

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

五、實驗步驟

請?zhí)顚懢W(wǎng)站分析與設計的實驗步驟。

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

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

……

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

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

……

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

……

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

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

……

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

1．確定主題和收集資料

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

欄目或三級目錄：……

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

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

……

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

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

（1）素材制作

……

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

……

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

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

……

5．調(diào)試運行

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

第五篇：動態(tài)網(wǎng)頁制作步驟與感想

感想

我覺得網(wǎng)站設計的發(fā)揮空間是無限廣闊的。

首先互聯(lián)網(wǎng)走進千家萬戶了，人們上網(wǎng)機會多了，網(wǎng)站是直接給客戶瀏覽信息，和客戶面對面交流的基本途徑，也是最直觀的展現(xiàn)媒體。

通過豐富的各種網(wǎng)站流媒體，例如flash，視頻，音樂 等

現(xiàn)今的世界是信息化的的世界，隨著計算機技術(shù)和通信的技術(shù)的高速發(fā)展，互聯(lián)網(wǎng)從而得到了長足的發(fā)展，同時使得互聯(lián)網(wǎng)在人們的工作生活中越顯得重要，成為了必不可少的組成部分?，F(xiàn)在網(wǎng)上購物、遠程教育、遠程醫(yī)療等都是其應用的最好證明，更進一步來說互聯(lián)網(wǎng)的應用推動了生產(chǎn)力的發(fā)展，改善了人們的生活水平。

互聯(lián)網(wǎng)的應用離不開形形式式的網(wǎng)頁、網(wǎng)站，要制作一個受歡迎的網(wǎng)頁不僅要內(nèi)容充足、獨具特色、適合大眾的口味，更需要一個引人入勝的界面，無論從排版、文字、圖案、結(jié)構(gòu)等要素都要組合成一個有機的整體，讓網(wǎng)民一進入網(wǎng)站就能引起其注意。

“知其易而行后難”，平時在網(wǎng)上沖浪時是那么的自由、舍意，在享受上網(wǎng)樂趣時卻不知要制作出一個看似普通的網(wǎng)頁卻要付出很大的努力，無論從網(wǎng)頁設計到內(nèi)容的搜集都馬虎不得，可能為了某一細微之處嘔心瀝血。本學期學習了Frontpage并要自己來制作才知其中的難處。

從這次制作網(wǎng)頁的過程中可以體會到，要制作出一個完整的網(wǎng)頁首先要定好主題，我們就可以圍繞該主題取材，因為我們現(xiàn)階段只能是制作一些簡單的網(wǎng)頁，網(wǎng)頁的內(nèi)容與功能不可能與一些大型的網(wǎng)站如21CN、新浪、163等比較，如果沒有了主題就變得內(nèi)容空泛，根本無從著手。主題定好后就可以考慮網(wǎng)頁的結(jié)構(gòu)，有一個好的、完整的架構(gòu)就像一架飛機的骨干一樣，才可以保證網(wǎng)頁的正常運行。跟著就是要采集素材，一個網(wǎng)頁只有內(nèi)容豐富、新穎及更新較快才可留住網(wǎng)民，這是一項長期的、艱巨的任務。至此我的網(wǎng)頁可以說是“麻雀雖小但五臟俱全”。

萬事起頭難，最初要制作網(wǎng)頁簡直是無從入手，因為Frontpaeg從未用過，雖然說它的操作與Word等微軟的辦公軟件的界面及菜單的名稱差不多,但具體用起來卻是有很大的不同,例如一些功能鍵、菜單鍵及其子鍵的用法等就與WORD有天淵之別。所以本學期學習Frontpage基本上是從頭學起，由于時間有限不

能很細致的將每項功能、用法學會，可以說是只對Frontpage有個大概了解，以及可以達到什么效果，對于如何實現(xiàn)只能是一步一步的摸索。

網(wǎng)站能帶給用戶各種豐富的視覺，聽覺體驗。

一、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

二、搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

三、規(guī)劃網(wǎng)站一個網(wǎng)站設計得成功與否，很大程度上決定于設計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細介紹。

四、選擇合適的制作工具 盡管選擇什么樣的工具并不會影響你設計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當然是Dreamweaver和Frontpage了，如果是初學者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運用。

五、制作網(wǎng)頁 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設計好，然后再逐步完善小的結(jié)構(gòu)設計。所謂先簡單后復雜，就是先設計出簡單的內(nèi)容，然后再設計復雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。

六、上傳測試 頁制作完畢，最后要發(fā)布到Web服務器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳 網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。

八、維護更新 網(wǎng)站要注意經(jīng)常維護更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內(nèi)容，才能夠吸引住瀏覽者