新手2小時學會網頁設計與製作教程

1、怎麼學好網頁設計與製作，學這個難嗎？拜託各位大神

我的網頁設計之路我是在北京上學的一名學生，我念的是工業設計，大三那年我們我跟學兄學姐們一起去招聘會，在會場里，我很無奈的看著許多用人單位，但是卻沒有任何我能做的事，也沒有任何我想做的工作。那時候，我想自己創業……後來我跟同學開了個小旅館，最後失敗了，我開始有點為自己的前途擔心，畢竟畢業後不能沒個工作，還得讓家裡養就不行了。 後來我就開始學習網頁設計了，開始學習的時候是很痛苦的，發現有許多信息都不懂，從最簡單的html開始，再css,再簡單asp等，我就不斷地抄啊，寫的，其實這個階段並不是最難的，也是最有成就感的時候。 在整個過程中，我用的主要軟體是DREAMWEAVER，不管您每天在做什麼，只要您打開這個軟體就行，掛著。我是一個比較笨的人。相信您要不了幾天就能學會的。 後來我開始免費給人家去打工（其實是因為必須暑期實習，找不到給錢的，嘻嘻）這樣就有壓力了，我覺得把以前的都串聯上了，進步就快了， www.tile-making-machine.cn 就是這時候做的，這個網站當時是自己做得效果圖，自己一步一步切得，後來公司開始要求做seo,我又做了一些站，如 www.papaya-puree-machine.org.cn, 這個網站就是網上找的一個很垃圾的模板，自己一塊一塊改的，其實也挺費勁的。 www.sanitary-napkin-machine.org.cn 這個網站就是我把兩種不同風格的網站拼到一起，以上這三個網站就代表三種不同的設計方式和過程，大家可以參考以下，我現在還沒畢業，大家可以多多跟我交流溝通，當然在整個設計過程中，有一個重中之重就是瀏覽器的兼容問題。這是一個讓我無休止饒頭的問題。（MSN:[email protected]） 有電腦的話當然就沒必要買書了，網上有很多相關的教程，還得注重實踐。 相信自己就一直走下去。

2、新手建網站教程 網站建立 怎樣自己製作網頁 簡單的

新手建網站，可以是靜態網站，也可以是wordpress之類的動態網站。

一般搭建wordpress網站比較多，搭建過程也不難。

先買好域名和雲伺服器，然後把域名解析到雲伺服器。

再通過手動配置伺服器環境安裝wordpress，或者通過一鍵安裝寶塔面板，再在寶塔後台一鍵部署wordpress就可以了。

參見新手教程：雲伺服器建立個人網站（寶塔面板+wordpress）

3、怎麼學習網頁設計與製作

1、首先我們要選擇科學的教程

現在有很多的網站都會掛著和網頁設計與製作教程相關的內容。我們在選擇這些內容的時候一定要保證從大網站，靠譜的專業網站上下載下來的。不然我們很容易下載到病毒或者是別的垃圾信息。而且只有大網站上的信息，有科學性。我們就可以跟著網站上面的教程來進行操作和學習。
2、其次我們可以多咨詢別人
我們在網站下載好了網頁設計與製作教程相關的內容之後，可以請教身邊的一些朋友或者老師，問一問他們的意見或者建議。這些是非常有必要的。因為並不是每一個人都適合下載下來的網頁設計與製作教程。我們就有必要和專業的老師多多溝通，咨詢一下他們的建議。相信會對學習有所幫助。
3、更後我們要動手實踐
事實上，判斷一個網頁設計與製作教程究竟適合不適合自己，更好的辦法就是自己親自的實踐一下。可以在晚上下班之後，打開自己的電腦，對著網上的教程進行製作。其實多多少少會出現一些困惱，但是我們自己可以根據電腦的配置進行調整，魔盒。更後讓這個教程更多的適合自己的需要。

4、求適合初學者的網頁製作軟體及教程。

Dreamweaver比較好，這方面的書籍也很多，照著書上的例子操作會成長很快

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

分析如下：

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

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

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

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

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

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

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

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

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

(5)新手2小時學會網頁設計與製作教程擴展資料：

網頁設計

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

風格

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

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

色彩搭配

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

網頁配色小技巧：

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

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

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

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

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

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

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

建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，會打字，懂基本電腦知識，反正不要太笨就可以了，呵呵。當然，這些不是一定必須的。
第一階段：開始時最好是學些網頁編輯軟體和基礎網頁腳本語法，如：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軟體，你可以很方便地把網站發布到自己製作的網站存放伺服器上。網站上傳以測試完畢就可以把你的網址告訴給朋友或客戶，讓他們來瀏覽。
七、推廣宣傳網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

7、新手想要學習製作網頁

1.簡單的在網上學做網頁是完全能學會的。
2.只是製作網頁是不要花錢的。
3.伺服器要錢。
4.網頁製作要有排版、美工基礎。
5.耐心加細心，慢慢學，找些網站扒下來研究研究，或者下源碼。
6.可以與人合作，發揮特長，美工加排版，必備。
7.現在編程基礎可有可無，有當然最好。
8.最後買本書，這樣快。
9.shimu原創，請勿復制。

8、網頁製作的步驟-？

1、明確網頁主題

2、搜集設計網頁所需資料

3、設計網頁結構，給網頁劃分網格

4、完成首頁製作

5、製作超鏈接

6、修改完善自己的網頁

1、初步學習PHOTOSHOP，簡要學習一下JPEG及GIF的區別、圖片的簡單處理及如何將圖片做成網頁適用的格式。這種書到處都有。
2、初步學習DreamWaver,學會網頁的基本元素、網頁的布局、網格的使用、鏈接的創建等，做一個簡單的自己的網頁增加自己的興趣。
3、ASP或PHP編程任挑一樣，要製作動態網頁就必須學，主要是和資料庫的掛接，如SQL Server。
4、想為網頁增色，只好學學FLASH製作，先做些簡單的，圖片、文字變形什麼的，試試做個自己的LOGO。
差不多了，接下來就是在使用中更深入地去學習。總之一句話——興趣是最好的老師。