怎麼樣製作網頁?

General 更新 2024-12-25

怎麼製作網頁教程

先從最簡單的 HTML 網頁入手；選擇 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗稱三劍客網頁工具。圖象還須 Photoshop 等作為你的網頁製作工具；製作前，粗略地閱讀 Dreamweaver Fireworks 及 Photoshop 教程，瞭解這幾個軟件到底能做些什麼；製作你的第一個實驗性的網站。資料網上也有的是，如果遇到問題難以解決，請將問題提出，讓更多高手為你解答。

初級階段：應初步掌握三劍客網頁工具的基本操作：策劃和製作你的第一個網站；不斷為你的網站增加內容與功能（例如嘗試將一些 Java Script 小程序添加到你的網頁中）。如果對網頁代碼建站這些知識不太懂，系統的瞭解跟學習的話，來這個群一起來學習。這個的第一組數字為431，第二組數字為011，第三組數字為879。就是這三組結合起來就可以找到我們了。來到這裡每天都有網頁建站方面的課程。互聯網社會，懂技術才是王道，走到哪裡都不用怕。

進階階段：具有一定的網頁製作經驗，製作一般的網頁已經不在話下：根據個人喜好及實際需要，網頁製作的方向，你可以學習一些美術方面的知識；鍛鍊自己在網站策劃及信息採輯的技能；嘗試製作其他不同類型的網站，從模仿別人開始，逐漸形成自己的設計風格；熟練操作三劍客網頁工具，並至少能讀懂 HTML 及 JavaScript的簡單語言。好了！這樣，你的網頁製作水平就離高手就不遠了。祝你成功！

然後下面跟你說一下建站的知識。

一、首先，你要為你的網站想一個網址，這個網址必須是未被註冊的。這個網址就是你的網站的入口，最好便於記憶，越短越好。或者以與網站有對應意義的拼音全稱或者簡寫。網站的域名後綴也是我們自己可選的（只要沒有被註冊），常見的域名後綴有.com 、.cn、.com.cn 、.org等。一般建議選擇實力較強的域名提供商。這些知名服務商雖然收費稍微貴一點，但是很穩定。

二、空間服務器。空間是用來放網站程序文件的，就跟電腦上的磁盤沒什麼兩樣，只不過是放在空間商那裡，24小時聯網。你自己電腦都可以做服務器，這個沒有什麼神奇的。買空間要根據建站需要，包括使用什麼語言，是否需要數據庫等。建議購買前諮詢空間商客服。鄲

三、網站程序。網站程序是實現網站所有功能的編程語言的集合。目前比較流行的php+mysql ，也有用java、.net 開發的。

大型的商城或門戶需要團隊開發。個人建論壇可以用騰訊的DISCUZ！論壇程序，建博客可以用wordpress或者Z-blog程序。這些開源的建站程序讓做網站就像裝程序一樣簡單。

四、把程序上傳到空間服務器。程序編寫完成經過調試後，用FTP工具上傳到空間。FTP工具有flashfpt ,8ufpt 。上傳之前你必須已經買好空間了（知道FTP用戶、密碼信息）

五、程序上傳完成後。把域名解析，空間域名綁定，就可以通過網站訪問了。

網頁建站其實是不難的，不過很多新手一開始就有很多具體明確的，有難度的設想，所以才顯得難了。

你首先要明白自己能做什麼，做不了什麼。建議從純靜態的網頁製作學起，這樣壓力不會太大。當你對網頁的HTML代碼都差不多瞭解的時候，就會感覺輕鬆很多。不需要程序，建站都有很多開源的程序。不管學什麼都需要用心，都需要執行力。如果你都有，學起來很快。...

怎麼製作自己的網頁？

★建設自己的網站較好的步驟☆

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

我覺得建站可以按照以下步驟進行：

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

2、在網站文件夾裡面建立一些文件夾，包括“images”等（存儲圖片、文件等），並且按照網頁內容，再建立幾個文件夾。（也可以把存儲圖片、文件的文件夾在每個內容文件夾裡面各搞一些）

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

4、按照上面步驟，再在網站分類文件夾裡面建立許多網頁（接著還要把內容輸入網頁）

5、已經做到了這麼多，我們該準備內容了吧。在硬盤上面再建立一個文件夾“File”，把準備好的文檔、圖片、程式、文件和網頁特效等放進去。（可以加入一些動態網頁）

6、慢慢把這些文件一個不漏的放進網頁裡面（要掌握技巧）

7、把網站充實了，就差不多了。這時應該申請一個域名（免費空間、附費都可以）。並且把自己的網站放入搜索引擎，而且在各種留言版上面宣傳。

8、把網站上傳至空間裡面，刪了準備文件，就OK了！

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

1、在FP裡面選擇新建站點。

2、然後在【導航】裡面設置網頁名稱以及標題。

3、準備好文檔、圖片、程式、文件和網頁特效等，把它們都充實進網站裡面。

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

5、把網站上傳至空間裡面，刪了準備文件。完畢。

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

網頁設計怎麼做

學習HTML和CSS的基本知識，這是構建網頁必須要用到的。

學習設計理念和相關軟件（如photoshop和firework）的使用，這是做設計圖要用到的。

我收集了一些書，就懶得一一列出來了，你可以點擊我的名字到空間去看看

如何免費製作網頁

首先，可以告訴想學網頁製作的朋友。學習製作網頁和學習其它知識一樣，是要有基礎的。在基礎之上學習起來會比較輕鬆和快捷的。其次，要清楚學習它是用來做什麼。

建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網頁設計感興趣，有較充足的學習時間，熟悉office辦公軟件。當然，這些不是一定必須的。

第一階段：開始時最好是學些網頁編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更瞭解網頁製作與運營的原理。最好使拿本教程來學學，結合教程邊學習邊製作。

第二階段：會用網頁製作軟件後，已會製作一個較完整的網站了。但為了能使自己設計製作的網頁盡善盡美，還是學習網頁的核心技術吧！網頁編輯語言（包括:html、css、javascript、asp、xml等）。你可以選擇地學習。

第三階段:結合你自己已掌握地知識來開發網站，可以開發出別人給你定義的目標網站。到了這個時候，你就成為真正的網站開發者了。

怎樣製作網頁，不是說一兩篇文章能夠說清楚的。以上介紹的是製作網頁的主要綱要，希望能夠給想要學習製作網頁的朋友一個參考。

二

一、工具

1、空間

網頁做好了肯定是要發表上網的，所以必須先申請一個空間；免費的空間不是很穩定，容量又小，也不好申請，建議到大的網站如新浪、網易去先買一個個人空間，大概有個20M以上的就可以了。

2、軟件

推薦使用Dreamweaver6.0中文版，這個軟件最大的特點就是“所見即所得”，也即是製作過程中看到的，便是到時發佈到網絡上的。

二、教程

花點時間，找個比較通俗易懂的教程看一看是很有必要的。每個網頁的組成，不外是文字、表格、圖、動畫還有就是背景音樂等幾個大的元素，搞清楚如何將這些元素擺放進去，你也就算懂得如何製作網頁了。推薦一個教程地址，有空可以去看看，www.goeway.com/WEB/INDEX.ASP

三、製作

開始時建議去下載一個比較簡單的網頁，在製作軟件中將它打開，然後仔細觀察人家的網頁的構成，模仿它去填充各種元素，實踐中再配合著教城，進度會快很多，記得也牢一些。

其實做網頁並不難，但要做出有特色的網頁來，那就非一朝一夕之功了。

一點個人的粗淺體會，不妥之處敬請指正。

三

網站設計八步驟

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕鬆的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：“性急吃不了熱豆腐”。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

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

怎麼製作網頁啊？我要最簡潔的方法！

怎樣製作網頁？先說說目前網頁製作流行的三類作法：一、使用像Dreamweaver、Fontpage一樣的所見即所得的網頁編輯軟件。Fontpage較容易些，會操作Word就會使用它。專業人士一般用Dreamweaver來做網頁，用flash、firework等來美化網頁，有興趣的可以下載網頁三劍客Dreamweaver、flash、firework來試試。二、使用記事本修改網頁Html代碼，不推薦使用Fontpage等網頁編輯軟件修改的原因是：很多網頁格式如果用網頁編輯軟件打開就會變形，所以直接使用記事本修改網頁Html代碼是最簡潔有效的方法。當然可以去下載強化的HTML工具更好，例如： UltraEdit。三、其實很多現成網頁模版、網站系統已經做好了，而我們不必再次證明“牛頓定律”浪費我們的寶貴時間。就像PHP論壇程序現在別人做的挺好的（例如Discuz!，PHPwind），我們何苦再去編寫一個論壇程序呢？簡直是費力不討好，並且Bug特別多。當然學習數據庫編程開發的人例外。怎麼做網站呢？首先我們需要了解一下網站的頁面組成，網站一般包括以下幾部分：首頁：網站的門面，如同公司的形象，特別注重設計和規劃。次頁：網站的主要導航結構頁面，講究風格的一致性，並於首頁呼應。普通頁：網站主要的承載信息的頁面，設計要求不高，但要求鏈接準確、文字無誤、圖文並茂，並沿襲網頁的風格。彈出頁：一般用於廣告、新聞、消息、到其他網站的鏈接等等，一般用的很少。通過上面的分析，我們可以看出：從功能上來看，首頁主要承擔著樹立企業形象（當然不僅僅是首頁）的作用，次頁在導航方面起著重要的作用，比如各欄目內部主要內容的介紹，都可以在次頁中體現再進入普通頁，讓瀏覽者能夠迅速瞭解網站各欄目的主要內容，擇其需要而瀏覽，而普通頁則是主要的信息頁面，也是網站的最終頁面，對於大型網站，這種結構非常重要，而對於中小型企業，網站規模較小、頁面數量不多，有時次頁就起著普通頁的作用，至於彈出頁，建議您不是必要，最好不要用。下面詳細介紹各頁面的設計技巧：一、首頁設計技巧網站首頁是企業網上的虛擬門面，在此，提醒上網的企業注意自己門面的設計，決不能敷衍了事、馬馬虎虎。我們會經常看到印刷精美的產品目錄或廣告，當您屢屢看到那些印有產品目錄或廣告的精美印刷製品的時候，相信您或多或少會對有關的產品形成一種好感，即使您不會購買，也必然對這些產品形成一定程度的認同。而對於設計毛糙的宣傳品，您肯定會懷疑其內容的真實性，從而對其產品或服務產生質疑。好，現在說說網站的設計，相信您會同意這種說法：網站的頁面就好比是“無紙的印刷品”。既然如此，我們會因此而得出一個結論：精良和專業網站的設計，如同製作精美的印刷品，會大大刺激消費者（訪問者）的購買慾望，反之，您公司所提供的產品或服務將不會給消費者（訪問者）留下較好的印象。值得一提的是，除非您的企業有專業的網站規劃、設計人員，否則您最好找專業公司或專業人員為您設計製作，一個優秀的專業設計人員會很快明白您的意圖，並根據您的建站目的提出建設性的意見。一般來說，網站首頁的形式不外乎有兩種，一種是純粹的形象展示型，這種類型文字信息較少，圖像信息較多，通過藝術造型和設計佈局，利用一系列與公司形象和產品、服務有關的圖像、文字信息，組成一幅生動的畫面，向瀏覽者展示一種形象、一個氛圍，從而吸引瀏覽者進入瀏覽。這需要設計者具有良好的設計基礎和審美能力，能夠努力挖掘企業深層的內涵，展示企業文化。這種類型的首頁在設計過程中一定要明確要以設......

怎樣保存製作好的HTML網頁？

如果是用dreamweaver軟件編寫，首先你先建立一個站點，然後在分別建立文件夾，如你所說的，圖片放一個文件夾，視頻放一個文件夾。那樣應當會清晰很多，很好弄的，呵呵！！！

網頁設計新手如何開始

首先，可以告訴想學網頁製作的朋友。學習製作網頁和學習其它知識一樣，是要有基礎的。在基礎之上學習起來會比較輕鬆和快捷的。其次，要清楚學習它是用來做什麼。建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網頁設計感興趣，有較充足的學習時間，熟悉office辦公軟件。當然，這些不是一定必須的。下面介紹一下網頁製作學習過程。第一階段：首先你不要一開始就做網頁，要知道和了解網頁的一些網頁基本知識和原理，這一點很重要，那樣你會避免在製作網頁的過程中的很多誤區。比如什麼是超鏈接，絕對鏈鏈接與相對鏈接的區別;什麼是動態網頁，什麼是靜態網頁；還有IP與域名的關係等等。原理了解之後，就開始學些網頁編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更瞭解網頁製作與運營的原理。最好使拿書本教程來學學，結合教程邊學習邊製作。在學習編輯軟件的過程中，你就要逐步接觸html語言，然後是css，最後子解一下javascript，在這一學習過程你最好靜下心來學，不要到網上或論壇上問這問那，那只是浪費時間，因為你還不懂。。會用網頁製作軟件後，已會製作一個較完整的網站了。但是要知道你目前學習的還僅僅是靜態的網頁，當你能夠做出一個靜態網站，並會將其發佈到網上與網友們分享的時候，你的第一個過程就算完成了第二階段：好了，靜態的網頁製作差不多的時候，你可以去網上與網友交流交流了，那時你會發現自己的水平還很有限。現在你需要由靜態向動態過渡了，主流的動態網頁編程語言有三種asp或asp.net、php、jsp.每種都有各自的特點，看你喜歡那種，要三種都精通那是比較不實際的吧，也是沒有必要的。這一個過程也是個很關鍵的過程，你要系統得學習一種語言，還要學會動態網頁動行環境的搭建，還有數據庫方面知識。記住要根據你自己的實踐情況慎重地選擇一種，不要學了一種又學那一種，結果一樣也沒有學會。我有切身體會，但是每一樣稍作了解是必要的，要不你怎麼先擇啊，是吧？第三階段:結合你自己已掌握地知識來開發網站，可以開發出別人給你定義的目標網站。到了這個時候，你就成為真正的網站開發者了。這時你可以加入一個團隊了，接下來的知識的學習是靠實踐和交流了，你可以上論壇去，有些知識書本上是學不到的。這一個階段你可能是漫長的，你只能不斷得充實自己。怎樣製作網頁，不是說一兩篇文章能夠說清楚的。以上介紹的是製作網頁的主要綱要，希望能夠給想要學習製作網頁的朋友一個參考。

滿意請採納

怎麼製作網頁？

具體是：

Web頁面可用預定義模板來創建，也可不採用模板而在空白頁上自己進行設計。創建新頁面的步驟如下：

在網頁視圖下，選擇“文件”菜單中的“新建”命令，再從其子菜單中選擇“網頁”命令，將彈出“新建”對話框，如圖所示。

若用戶要新建的網頁是框架，則從“框架網頁”選項卡中選擇某種框架樣式；否則，從“常規”選項卡中選擇一種所需樣式，然後單擊“確定”按鈕。若想建立一空白網頁，可在對話框的“常規”選項卡中選擇Normal Page項，或直接單擊常用工具欄的“新建網頁”按鈕。

建議逐一試用FrontPage提供的各種模板以便熟悉它們，日後你就可以自如地利用模板創建常規Web頁面，能夠節省許多時間。

1．在網頁中插入圖形

圖片往往比大量的文字講述更具吸引力和說服力，在web頁面中適當地添加圖片會使網頁豐富多彩，但過多地加入圖片將降低頁面的下載速度，特別是對通過調制解調器訪問web頁的用戶。大多數圖形都是採用壓縮格式，有的調制解調器不具有壓縮功能，這種調制解調器速度更慢。因此用戶在加入圖片時，應認真選擇和進行規劃。雖然圖形可使web頁更有趣味，但應適度使用（使用較少顏色，縮小高度和寬度或裁剪圖形、降低圖形的分辨率，儘可能地減少圖形文件大小，如用壓縮格式的文件類型）。

Web頁面所使用的兩種圖片格式分別為GIF和JPEG，用戶可選擇“插入”菜單中的“圖片”命令，再從其子菜單中選擇“來自文件”命令，打開“圖片”對話框，“圖片”對話框提供了“掃描”、“使用您的web例覽器來選擇網頁或文件”、“剪貼畫”和“在您的計算機上選擇一個文件”四種途徑插入圖片。

對於一些非GIF和JPEC格式的圖片，FrontPage可以自動地將這些文件轉換成GIF或JPEG格式。

2．在網頁中插入水平線

水平線可以在網頁上清晰地劃分界限，而且對用戶網頁的佈局起著重要的作用。添加一條水平線，可以通過“插入”菜單中選擇“水平線”命令添加。在默認狀態下水平線是灰色的，用戶可以像改變文本顏色一樣改變水平線的顏色。改變水平線的顏色有兩種方法（必須在不加主題的情況下）：

（1）雙擊該水平線，將顯示“水平線屬性”對話框。在對話框的“顏色”項，選擇下拉列表，從中選擇合適的顏色，單擊“確定”按鈕。

（2）用鼠標右鍵單擊這條水平線，從快捷菜單中選擇“水平線屬性”命令，再從對話框中選擇一個合適的顏色。

使用框架

框架是把Web瀏覽器的視窗分成幾個部分，每個部分都是獨立的Web頁面，這樣便可同時顯示多個頁面。

可以很容易地用FrontPage創建一個多框架的web頁面。為了創建具有框架的Web頁面，可從“文件”菜單的“新建”子菜單中選擇“網頁”命令，彈出“新建”對話框，選擇“框架網頁”選項卡。

在左邊的列表中可選擇不同類型的框架模板，選定模板後，按“確定”按鈕即可創建一個具有框架的網頁。

在創建有框架的Web頁面時，應注意有些web瀏覽器不支持框架。雖然使用不能顯示框架的瀏覽器的用戶已很少，為確保這些用戶仍然能夠瀏覽到Web站點上的內容，可以填上要告訴那些低版本瀏覽器的使用者的話，例如請對方更換瀏覽器等。

在新建的框架的窗口中，單擊“設置初始頁”按鈕將會彈出“創建超鏈接”對話框，可以鏈接到一個指定頁面；單擊“新建網頁”按鈕將創建一個新頁面，然後在該頁面內對該頁進行編輯。在編輯頁面時，若感覺頁面被放在一個狹窄的框架中太擁擠，可選擇“框架”菜單中的“在新窗口中打開網頁”命令，這樣便打開一個新的滿屏窗口，可以自由地在頁面中增加內容。

利用FrontPage的框架頁面模板在Web頁面上引入了框架佈局，我們還可以在此......

電腦上的網頁是怎麼做的啊

首先做網頁需要軟件，目前常見的就是“網頁三劍客”： Dreamweaver 是由美國著名的軟件開發商Macromedia公司推出的一個“所見即所得”的可視化網站開發工具。 Fireworks是Macromedia公司網頁設計“三劍客”之“火焰”，它以處理網頁圖片為特長，並可以輕鬆創作GIF動畫。 flash是Macromedia公司網頁三劍客之中的“閃電”，其以製作網上動畫為特長，它做出的動畫聲音動畫效果都是其他軟件無法比擬的。其實你要多看教材，勤學多問。網頁做好了，要申請域名、空間，然後上傳，你可以看到自己作品了。給你一個很好的網站：www.enet.com.cn/....shtml 希望對你有所幫助，另外想說的是，自己閉門造車是不行的，要向做過網頁的大蝦多請教，才會學得更快一些。

想成為網頁設計高手該如何做呢？

我從事網頁設計工作已經有一年了，給你些建議。

網頁設計師的發展有兩個方向

一、網頁視覺設計師；二、前端開發工程師

1、網頁視覺設計師是一個偏向藝術方面的職業，所以對天賦有一定的要求，如果自身對設計和色彩沒有太多感覺的話建議不要向這方面發展。如果想朝著這個發現發展首先主要是加強自己“色彩”“排版”方面的知識，可以看一些關於這些方面的書籍。其次就是加強自己photoshop方面的能力；多看看國外的優秀設計網站，從中捕捉一些精華的東西。

2、前端開發工程師是一個偏向程序方面的職業，剛開始的話主要是先從HTML標籤、CSS樣式學起，初學者建議看《精通CSS：高級Web標準解決方案》book.douban.com/subject/4736167/ 。這些比較簡單，精通後就要開始javascript的學習推薦《JavaScript DOM編程藝術》book.douban.com/subject/1921890/；《JavaScript 權威指南》；精通這些後你就算是一名合格的前端開發工程師了。後面就可以想更高級別發展比如前端架構師。。。