網頁製作與網站建設初學者必看教程

1、如何建網站 新手零基礎學做網站教程入門必看

一個網站至少要包括域名和主機空間，域名是平時所說的網址，空間是用來放網頁文件的。
1、申請域名：域名需要便於記憶、了解，越短越好，可以是您品牌的英文或中文拼音或簡稱。
2、申請主機網站：如果會用DW等軟體設計網頁就用虛擬主機；如果不會設計就用速成網站做，會打字就可以做網站，操作簡單，功能強大。
注意：國內主機必須備案成功後才能用您自己的域名訪問，備案的網站顯得正規些，網站備案一般需要幾個工作日左右。速成網站國際版不用備案，即可直接使用。
希望可以幫到您，可加一下我。

2、網頁設計製作詳細流程

分析如下：

1、首先下載安裝Dreamweaver，打開後，新建一個網頁，一般選擇「HTML」建立網頁。選擇「經典」界面，有助於我們更便捷使用這個軟體。

2、下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對於新手這個功能具有可視化，能更好的製作網頁。

3、下面我們來製作網站站點，在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件，並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網）來介紹，點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁，先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本，點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。

(2)網頁製作與網站建設初學者必看教程擴展資料：

網頁設計

設計網站要注意兩個要點：整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（Style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。

網頁配色小技巧：

1．用一種色彩：這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感；

2．用兩種色彩：先選定一種色彩，然後選擇它的對比色；

3．用一個色系：簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內；

2．背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

3、初學者，學習網頁製作 如何入手？從哪學起？

先學習html可以把網站製作軟體dreamweaver下到你的電腦上，這樣學起來不是很吃力。你可以在內網上找個容dreamweaver的教程先看著。如果你時間充裕的話，多花點時間學學這個，最快1個月就差不多了。
再學習asp你可以買本這方面的書，在配合著網上的視頻教程認真學習，這個可是很重要的，一定不可以馬虎。平時閑著多研究一下別人的代碼，沒事時多上網看看別人的網站是咋做的，不是讓你看具體內容，要看他的整體結構，風格，注意一下有什麼地方和其他網站有不同的地方。asp是一門編程語言，短時間是不可能學的很好的，要有耐心恆心還要細心。
ps最好學一下，和dreamweaver一起學就行了，因為畢竟你不是專業做平面設計的會個差不多就行。
你說你只有2個月時間，那你就將dreamweaver學好asp學個一知半解，能做到看懂別人的大體上代碼說的啥，會一些簡單改動就行了，ps會一些如改變圖片尺寸，摳圖，截圖，嫁接等等。就基本能用上了，其他的以後慢慢深入。
要想學好網站製作。2個月時間遠遠不夠，需要日積月累的練習，思考，沒事就看看這方面的內容。最後祝你學習進步！！！

4、如何自學網站設計及網頁製作

先學一學HTML，找本自己能看懂的教材，瀏覽為主，不用記住所有的概念，只要記住使用原理就行了，這一階段，估計三天就夠了；然後用兩天時間學CSS，方法同上；進而再花些時間了解一下JavaScript。
然後就可以用記事本嘗試寫幾個網頁，記住這時千萬不要用那些可視化工具，比如FrontPage、Dreamweaver（那些以後再學）。
有一個提高自己「寫網頁」的捷徑，就是上各大網站，把網頁保存下來（什麼？你說你不會保存網頁？就是「文件→另存為」），然後打開保存下來的網頁，點擊右鍵→查看源文件，看看人家的網頁是怎麼寫的，然後模仿他們的寫法，不斷規范自己的代碼。嘿嘿，這個方法不錯吧。先好好模仿一下吧。
接下來該學一下Fireworks了。建議一開始就到網上找些實例教程，這些實例教程一般都介紹得很詳細，跟著它一步一步做下來，每學會一個實例就掌握了幾項操作，而且也有了自己的作品，很有成就感的，長期積累下來對自己的提高很有幫助。學Fireworks主要是學圖片處理，比如加一些效果，還有很重要的就是切圖，這對於初學者是很重要的。
這時還可以結合Dreamweaver進行學習，你就可以體會到Dreamweaver和Fireworks的無縫集成了。利用這些工具多做幾個網頁，你就可以達到一定水平了。
要是想讓你的網頁多一些炫目的效果，建議你學一下Flash，難度並不大，而且要是前面的JavaScript基礎打得好的話，學到Flash中ActionScript時，你會有一種似曾相識的感覺，因為這兩種語法幾乎是一模一樣的。
到這時，相信你就可以真正領會到「網頁三劍客」的威力了。
在實踐中不斷提高
要是每天能拿出兩個小時來學習，完成以上這些學習估計只要20天就差不多了。要是天賦高的話（比如說像我這樣的，呵呵)，那需要的時間就更少了。接下來該實習了，找個地方鍛煉一下自己，比如可以去一些公司乾乾兼職，或是給自己的單位設計一下主頁等。
最好是能進入一個正規的開發團隊，你就會學會如何以團隊合作的方式開發網站，特別是怎樣和程序組合作，把頁面與後台程序資料庫配合起來。可能你會擔心自己是新手，人家會嫌棄你，沒關系，只要努力去找，總會有機會的。
到此，你就基本可以稱作是一個「准Web Designer」了，不過要從根本上提高自己，最好去學學美術，這是當一個網頁設計師的基本功。

5、我是個初學者網頁製作需要學習什麼軟體

如果是希望以後往這個專業上走的，就按一下的方法來沒錯：
先學一學HTML，找本自己能看懂的教材，瀏覽為主，不用記住所有的概念，只要記住使用原理就行了，這一階段，估計三天就夠了；然後用兩天時間學CSS，方法同上；進而再花些時間了解一下JavaScript。
然後就可以用記事本嘗試寫幾個網頁，記住這時千萬不要用那些可視化工具，比如FrontPage、Dreamweaver（那些以後再學）。
有一個提高自己「寫網頁」的捷徑，就是上各大網站，把網頁保存下來（什麼？你說你不會保存網頁？就是「文件→另存為」），然後打開保存下來的網頁，點擊右鍵→查看源文件，看看人家的網頁是怎麼寫的，然後模仿他們的寫法，不斷規范自己的代碼。嘿嘿，這個方法不錯吧。先好好模仿一下吧。
接下來該學一下Fireworks了。建議一開始就到網上找些實例教程，這些實例教程一般都介紹得很詳細，跟著它一步一步做下來，每學會一個實例就掌握了幾項操作，而且也有了自己的作品，很有成就感的，長期積累下來對自己的提高很有幫助。學 Fireworks主要是學圖片處理，比如加一些效果，還有很重要的就是切圖，這對於初學者是很重要的。
這時還可以結合Dreamweaver進行學習，你就可以體會到Dreamweaver和Fireworks的無縫集成了。利用這些工具多做幾個網頁，你就可以達到一定水平了。
要是想讓你的網頁多一些炫目的效果，建議你學一下Flash，難度並不大，而且要是前面的JavaScript基礎打得好的話，學到Flash中ActionScript時，你會有一種似曾相識的感覺，因為這兩種語法幾乎是一模一樣的。
到這時，相信你就可以真正領會到「網頁三劍客」的威力了。

如果只是建個網站耍耍的，就可以只用dreamveaver就可以了。可視化才做有本教程很好入門的！功能強大！

6、網站設計初學者該看什麼書

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

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

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

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

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

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

7、新手如何學習網站建設，教你如何製作網站。

建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，會打字，懂基本電腦知識，反正不要太笨就可以了，呵呵。當然，這些不是一定必須的。
第一階段：開始時最好是學些網頁編輯軟體和基礎網頁腳本語法，如：Dreamweaver軟體，HTML語法(百度一下：HTML入門)，CSS語法(百度一下：CSS入門)，這樣可以使您更了解網頁製作與運營的原理。最好使拿本教程來學學，結合教程邊學習邊製作，這最多花你一周時間，如果有時間再學點javascript腳本語法(百度一下：javascript入門)。
第二階段：會用網頁製作軟體和基礎語法後，已會可以製作一個較完整的網站了。當然為了讓網站做得更漂亮，功能更強大，你就需要學一些動態編程語言，常用的有ASP,PHP和ASP.NET,推薦後兩種，應為ASP再過一段時間會被淘汰，後兩種程序區別自己上網搜索吧，本人更傾向於學習.NET，面向對象，功能太強了，微軟的東西就是強悍。
如果你沒有精力去學這些復雜動態編程語言，你完全可以利用現成的網站管理系統（實際也叫建站軟體，比如PageAdmin系統、shopex系統、discuz系統等都比較優秀），這也是目前比較流行的方法，省時、省力。
第三階段：結合你自己已掌握地知識來開發網站，可以開發出別人給你定義的目標網站。到了這個時候，你就成為真正的網站開發者了。
工具1 、網頁做好了肯定是要發表上網的，所以必須先申請一個空間；免費的空間不是很穩定，容量又小，也不好申請，建議到伺服器公司先買一個個人空間，大概有個20M 以上的就可以了，當然也可以在自己電腦上安裝IIS來模擬伺服器運行（這里不詳細說了，有興趣的朋友百度一下相關知識，這個是很容易的）2 、圖片處理軟體推薦firework或photoshop，HTML編輯軟體推薦Dreamweaver，當然如果你會HTML語法，那用計事本直接編輯會更高效。
製作開始時建議去下載一個比較簡單的網頁，在製作軟體中將它打開，然後仔細觀察人家的網頁的構成，模仿它去填充各種元素，實踐中再配合著教城，進度會快很多，記得也牢一些。
其實做網頁並不難，但要做出有特色的網頁來，那就非一朝一夕之功了
網站設計八步驟由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「心急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。
一、確定網站主題網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
二、搜集材料明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
三、規劃網站一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。四、選擇合適的製作工具盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的建站系統軟體(前面提到的網站管理系統)。除此之外，還有圖片編輯工具，如firework 、Photoshop 等；動畫製作工具，如Flash等；網上有許多這方面的軟體下載，你可以根據需要靈活運用。
4、如果你作好了頁面，就需要考慮你的網頁放到什麼地方發表，也就是平常我們說的發表空間，我們學校的用戶網路中心已經申請好了空間，大家可以直接使用（有發布空間的標志是你有了FTP 賬號，這個需要申請），也可以按我前面說的把自己電腦配置為伺服器（需安裝IIS等軟體，這個自己百度一下）五、製作網頁材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用網站管理系統後台功能，這樣可以大大提高製作效率。
六、上傳測試網頁製作完畢，最後要發布到Web 伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，推薦LeapFTP軟體，你可以很方便地把網站發布到自己製作的網站存放伺服器上。網站上傳以測試完畢就可以把你的網址告訴給朋友或客戶，讓他們來瀏覽。
七、推廣宣傳網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

8、自學網頁製作入門看什麼書好

個人不推薦看書，在網上就有很多這樣的教程，網頁製作不難，下面給你講解一下思路:

首先你要明白網頁製作的流程:

1、網頁設計師（主要是用PS）先將網頁設計出來。

2、進行網頁製作，就是切片，div+css布局，將圖片變成網頁。

3、後台製作。可以自己開發，也可以套用cms，如dedecms，phpcms。等

4、具體步驟就是這樣。詳細的牽扯到一些技術，就是html，div+css,js，（jquery,js框架）。
後台目前流行PHP語言。這些都是基礎

5、需要學習的有，html，div+css ， js （jquery） ， php等。

教程網站，百度「W3C」，裡面有很好的新手教程。

我這邊有視頻教程的地址，需要的話百度HI聯系我，這里發不了。

9、初學者網頁製作怎麼做，求詳細過程

網站製作的來步驟
1、首先，你源要有你自己的思路，怎樣去做你的網站，做什麼樣的網站。
2、構思你網站的布局，該添加什麼樣的模塊等
3、製作，
4、檢查，看看是否存在漏洞。
5、發布你的站點，並且要定期的維護
網站所用的軟體有：dreamweaver軟體，flash，photoshop，SQL server等
你是新手既不要先急於做網頁 ，先從基礎學起，買一本帶素材的網頁製作的書籍，最好是dreamweaver系列的，推薦dreamweaver 8，從最基本的做起，像怎樣插入圖片，怎麼樣設置背景，設置音樂播放，滾動字幕等，這就是開始，學這個要堅持，因為你是新手，所以更要努力才對，先開始做靜態的，慢慢發展在做動態的，希望你能做的很好，祝你成功
http://www.enet.com.cn/eschool/zhuanti/dwasp/
這個網站有視頻教學，你多看看

10、初學者怎樣學習網頁製作？

我們先了解一個網頁最基本的結構：網頁有頭部和主體兩大部分組成。頭部和主體都包含在一對標簽之內。因為網頁是html語言編寫的，html語言是一門標記語言，就是用一對對的標簽來標記網頁中的內容，從而對內容進行組織和管理。標簽就是網頁中內容的容器，每個網頁都有頭部和主體。

零基礎編寫最簡單網頁，通過保存網頁源代碼，一遍遍的練習，你就可以寫出自己第一個最簡單的網頁了，當然要想寫出復雜漂亮的網頁，你還得學習更多的標簽代碼。或者選擇一個專業的培訓機構做系統的專業培訓，比如鬼谷學院，它有專門的網頁製作培訓課程。

當然還要用到上面列出的photoshop等圖片處理工具，來為你的網站製作漂亮的效果和圖片。不過不用擔心，你接觸的知識越多，你就知道哪些東西需要怎麼學習，這是一個循序漸進的過程。鬼谷學院網頁製作培訓課程里，也有PS教程，根據你個人的基礎情況，名師在線1:1輔導，可以免費試學，期間不收取任何費用，入學簽署就業協議，學習過程基於實際案例，動手的同時，更能鞏固自己的專業知識。

課前分班，開啟聽課許可權，分配專屬的班主任和助教老師，在預習課程的過程中，如果遇見不能理解的問題，可以根據自己的時間，隨時預約老師，老師得到問題後，會在第一時間給出專業的講解。

從簡單到復雜，從基礎到高階，希望通過學習能幫助你快速從小白變成設計師。