怎麼製作網頁設計?

怎麼製作網頁教程

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

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

最後對初學者忠告：不要看國內那些諸如：《XX天精通X恭》的書籍，誤人子弟！多看國外人寫的書籍。看書只是一方面，多看別人的東西，多總結學習才是王道！

網頁設計新手如何開始

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

滿意請採納

怎麼學習網頁製作？

從最基本的開始學，最簡單的就是HTML的網頁，直接把圖弄上去，然後把邊距邊框，按鈕之類的設置下就差不多了，最後自己去各個瀏覽器調試下，修改參數就好了！

怎樣設計網頁

在網頁設計的認識上，許多人似乎仍停留在網頁製作的高度上。認為只要用好了網頁製作軟件，就能搞好網頁設計了……

在網頁設計的認識上，許多人似乎仍停留在網頁製作的高度上。認為只要用好了網頁製作軟件，就能搞好網頁設計了。

其實網頁設計是一個感性思考與理性分析相結合的複雜的過程，它的方向取決於設計的任務，它的實現依賴於網頁的製作。正所謂“功夫在詩外”，網頁設計中最重要的東西，並非在軟件的應用上，而是在我們對網頁設計的理解以及設計製作的水平上，在於我們自身的美感以及對頁面的把握上。

首先，我們要弄清楚網頁設計的任務。

一、設計的任務

設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而並非設計的任務。設計的任務是要實現設計者的意圖，而並非創造美。

網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類。

第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。

第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然而就現狀上來看，這類網站有粗製濫造的嫌疑。

第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。

當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點，那就是客戶的要求，它也屬於設計的任務。

明確了設計的任務之後，接下來要想的就是如何完成這個任務了。

二、設計的實現

設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪製，這一部分可以在紙上完成。第二部分為網頁的製作，這一過程是在計算機上完成的。

設計首頁的第一步是設計版面佈局。我們可以將網頁看作傳統的報刊雜誌來編輯，這裡面有文字、圖像乃至動畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一臺配置不錯的計算機外，軟件也是必需的。不能簡單地說一個軟件的好壞，只要是設計者使用起來覺得方便而且能得心應手的，就可以稱為好軟件。當然，它應該能滿足設計者的要求。筆者常用的軟件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯的軟件。 接下來我們要做的就是通過軟件的使用，將設計的藍圖變為現實，最終的集成一般是在Dreamweaver裡完成的。雖然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都是在製作過程中產生的。設計作品一定要有創意，這是最基本的要求，沒有創意的設計是失敗的。在製作的過程中，我們會碰到許多問題，其中最敏感的莫過於頁面的顏色了。

三、色彩的運用

色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象徵生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象徵安寧和平與安全，......

如何自學網頁設計

先學一學HTML，找本自己能看懂的教材，瀏覽為主，不用記住所有的概念，只要記住使用原理就行了，這一階段，估計三天就夠了；然後用兩天時間學CSS，方法同上；進而再花些時間瞭解一下JavaScript。

然後就可以用記事本嘗試寫幾個網頁，記住這時千萬不要用那些可視化工具，比如FrontPage、Dreamweaver（那些以後再學）。

有一個提高自己“寫網頁”的捷徑，就是上各大網站，把網頁保存下來（什麼？你說你不會保存網頁？就是“文件→另存為”），然後打開保存下來的網頁，點擊右鍵→查看源文件，看看人家的網頁是怎麼寫的，然後模仿他們的寫法，不斷規範自己的代碼。嘿嘿，這個方法不錯吧。先好好模仿一下吧。

接下來該學一下Fireworks了。建議一開始就到網上找些實例教程，這些實例教程一般都介紹得很詳細，跟著它一步一步做下來，每學會一個實例就掌握了幾項操作，而且也有了自己的作品，很有成就感的，長期積累下來對自己的提高很有幫亥。學Fireworks主要是學圖片處理，比如加一些效果，還有很重要的就是切圖，這對於初學者是很重要的。

這時還可以結合Dreamweaver進行學習，你就可以體會到Dreamweaver和Fireworks的無縫集成了。利用這些工具多做幾個網頁，你就可以達到一定水平了。

要是想讓你的網頁多一些炫目的效果，建議你學一下Flash，難度並不大，而且要是前面的JavaScript基礎打得好的話，學到Flash中ActionScript時，你會有一種似曾相識的感覺，因為這兩種語法幾乎是一模一樣的。

到這時，相信你就可以真正領會到“網頁三劍客”的威力了。

在實踐中不斷提高

要是每天能拿出兩個小時來學習，完成以上這些學習估計只要20天就差不多了。要是天賦高的話（比如說像我這樣的，呵呵)，那需要的時間就更少了。接下來該實習了，找個地方鍛鍊一下自己，比如可以去一些公司乾乾兼職，或是給自己的單位設計一下主頁等。

最好是能進入一個正規的開發團隊，你就會學會如何以團隊合作的方式開發網站，特別是怎樣和程序組合作，把頁面與後臺程序數據庫配合起來。可能你會擔心自己是新手，人家會嫌棄你，沒關係，只要努力去找，總會有機會的。

到此，你就基本可以稱作是一個“準Web Designer”了，不過要從根本上提高自己，最好去學學美術，這是當一個網頁設計師的基本功。

怎麼製作網頁？

具體是：

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頁面上引入了框架佈局，我們還可以在此......

如何用word製作網頁

一.建立網頁

1.運行word,單擊“文件——新建”；

2.在彈出的窗口中，單擊“web頁”，然後選擇“普通版式”。單擊“確定”，彈出窗口

3.可以用提供的模板。

二、編輯網頁

1.插入圖片

普通模板建立的網頁有3欄，我們可以對它進行修改。先刪除一欄，操作方法和word中刪除表格行或列是一樣的。這時，我們的網頁只剩下2欄，在左邊這一欄裝上一幅畫吧。

方法是：將光標移到要插入圖象的地方，然後單擊“插入”，選擇“圖片”，找到“來自文件”後單擊。

在彈出的窗口中選擇要插入的圖片，單擊“插入”

2.編輯文字

在右邊那一欄裡，根據提示輸入自己喜歡的文字，當然你可以採取複製、粘貼的方法來完成。呵呵！看看怎麼樣啊！還滿意吧！那就保存一下，否則你可就白忙活了。

3.保存、修改網頁

保存的方法很簡單，單擊工具欄的“保存”按鈕，在彈出的窗口中選擇要保存的文件夾，給自己的網頁文件起個名字，然後單擊“保存”就OK了！

修改網頁也是非常簡單的，用word打開，根據自己的需要修改就行了。

怎麼樣？只要你會word的操作，就能做出網頁來！

最後,你要想發佈你的網頁，就去網易申請個人空間，根據網易給你的要求進行操作，上傳就可以讓別人看到了！！

怎樣製作一個動態的網頁設計？

動態網頁是與靜態網頁相對應的，也就是說，網頁 URL的後綴不是.htm、.html、.shtml、.xml等靜態網頁的常見形式，而是以.asp、.jsp、.php、.perl、.cgi等形式為後綴，並且在動態網頁網址中有一個標誌性的符號——“?”，如有這樣一個動態網頁的地址為: www.pagehome.cn/ip/index.asp?id=1 這就是一個典型的動態網頁URL形式。 這裡說的動態網頁，與網頁上的各種動畫、滾動字幕等視覺上的“動態效果”沒有直接關係，動態網頁也可以是純文字內容的，也可以是包含各種動畫的內容，這些只是網頁具體內容的表現形式，無論網頁是否具有動態效果，採用動態網站技術生成的網頁都稱為動態網頁。所以你要學設計動態網頁首先要有靜態網頁基礎(HTML)然後學習asp、.jsp、.php等網頁的開發ASP可以用Dreamweaver 或者微軟的Microsoft Visual Studio 相對來說微軟的難度比較大JSP要有java基礎我建議你哪方面的知識懂得多些你就用那種方法設計做動態網頁要從基礎學起所以你去網上找些視頻慢慢學習，去迅雷那裡的視頻比較多

網頁製作是什麼意思呀!

網頁製作

網頁實際是一個文件，他存放在世界某個角落的的某一臺計算機中，而這臺計算機必須是與互聯網相連的。網頁經由網址（ URL ）來識別與存取，當我們在瀏覽器輸入網址後，經過一段複雜而又快速的程序，網頁文件會被傳送到你的計算機，然後再通過瀏覽器解釋網頁的內容，再展示到你的眼前。

要領一：確定網站主題

做網站，首先必須要解決的就是網站內容問題，即確定網站的主題。美國《個人電腦》雜誌(PC Magazine)評出了99年度排名前100位的全美知名網站的十類題材：第1類：網上求職；第2類：網上聊天/即時信息/ICQ；第3類：網上社區/討論/郵件列表；第4類：計算機技術；第5類：網頁/網站開發；第6類：娛樂網站；第7類：旅行；第8類：參考/資訊；第9類：家庭/教育；第10類：生活/時尚。我們可以參看上面的分類，繼續細分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色；二者，在製作網站時不會覺得無聊或者力不從心。興趣是製作網站的動力，沒有創作熱情，很難設計製作出優秀的作品。

對於內容主題的選擇，要做到小而精，主題定位要小，內容要精。不要去試圖製作一個包羅萬象的站點，這往往會失去網站的特色，也會帶來高強度的勞動，給網站的及時更新帶來困難。記住：在互聯網上只有第一，沒有第二！

要領二：選擇好域名

域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站，其所有建設的價值，都凝結在其網站域名之上。失去這個域名，所有前期工作就將?柯淇鍘?br>

目前，做個人網站的很多都依賴免費個人空間，其域名也是依賴免費域名指向，如網易的虛擬域名服務，其實這對個人網站的推廣與發展很為不利，不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個人網站，而且也妨礙了網頁的傳輸速度。所以，就我個人觀點來說，首先花點錢去註冊一個域名，獨立的域名就是個人網站的第一筆財富，要把域名起得形象、簡單、易記。

要領三：掌握建網工具

網絡技術的發展帶動了軟件業的發展，所以用於製作Web頁面的工具軟件也越來越豐富。從最基本的HTML編輯器到現在非常流行的Flash互動網頁製作工具，各種各樣的Web頁面製作工具，下面是幾款具有代表性的網頁製作器：

（1）HTML編輯器。雖然HTML代碼複雜，編輯和調試要花費大量的時間，但因HTML的穩定性、廣泛支持性及可創建複雜的頁面效果，仍受高級網頁製作人員的青睞。就目前來說，有眾多的編輯器供選擇，這些編輯器廣泛支持複雜頁面創建及高級HTML規範，使用較為普遍的有Hotdog等專業HTML編輯器。

（2）所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓就能輕鬆編制網頁。而且，Frontpage還能解析網頁的HTML源代碼，並提供了預覽支持。但Frontpage的一些特殊顯示功能並不能在其它非IE瀏覽器下實現。所以Frontpage是一款非常適合初、中級網頁製作人員使用的工具軟件。

（3）現在非常流行的 Macromedia公司出品的Flash互動網頁製作工具。這是是一款功能非常強大的交互式矢量多媒體網頁製作工具。能夠輕鬆輸出各種各樣的動畫網頁，它不需要特別繁雜的操作，也比JAVA小巧精悍！但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音......