新手如何學習網頁設計

1.簡單的在網上學做網頁是完全能學會的。 2.只是製作網頁是不要花錢的。 3.伺服器要錢。 4.網頁製作要有排版、美工基矗 5.耐心加細心，慢慢學，找些網站扒下來研究研究，或者下原始碼。 6.可以與人合作，發揮特長，美工加排版，必備。 7.現在程式設計

本文我們將從以下幾個部分來詳細介紹如何學習網頁設計：入門、學習階段、學以致用

網頁設計是一項很有用的技能，尤其是在當今網際網路大行其道的世界。只要你足夠優秀，就能從客戶那裡賺到錢，搭建會員網站或者從事其他賺錢專案。如果想知道如何學習網頁設計，那你就來對地方了！部分 1入門

學習目錄：html >> css >> js >> html5 >> css3(書籍的話，我建議你《Head First HTML and CSS》這本書還是蠻不錯的, 進階：學js的時候建議視訊和書配套，視訊主入門，書主細節、深入； 學習方法：至於html和css可以看看視訊學習，初期學習不一

第1步：注意網頁設計的與眾不同之處。

如何製作網頁現在看來已經不是一個難題，特別是對一些想自學制作網頁的新手來說，網頁製作並不難，在這裡小編就跟新手介紹自學制作網頁的方法，就是用自助建站這個工具：網頁連結，就算沒有程式碼基礎的新手也可以通過這個方法自己來完成網頁製作。

網頁設計不是書籍設計，不是海報設計，也不是插圖，這些領域的最高成就並非網頁設計的目標。儘管網站可以用來呈現遊戲和視訊，而且這種呈現形式看起來很不錯，但是這些網站只是遊戲設計和用視訊講述故事的示例，而不是網頁設計的示例。

其實網頁設計最重要的是練習設計感，而練習之前首要的任務就是多看一些優秀的作品來引導你的設計思路，站酷中其實也並非全部都是好作品，這只是一個設計師的交流網站，好的壞的作品都會有人上傳，所以你就儘量多看一些好的作品唄，開始就先以模

第2步：瞭解網頁設計涉及的內容。

建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，會打字，懂基本電腦知識，反正不要太笨就可以了，呵呵。當然，這些不是一定必須的。 第一階段：開始時最好是學些網頁編輯軟體和基礎網頁尾本語法，如：Dreamweaver軟體，HTML語法(

網頁設計是建立數字環境，這種環境：

1.確定網站整體風格 網站的整體風格是需要根據建站者的行業和建站者的需要綜合來進行確定的。在確定了整體風格的輪廓後，需要一些技巧來進行風格的突出。 (1)將你的標誌logo，儘可能的放在每個頁面上最突出的位置。 (2)突出你的標準色彩。 (3)總

方便和吸引大家使用；

個人不推薦看書，在網上就有很多這樣的教程，網頁製作不難，下面給你講解一下思路: 首先你要明白網頁製作的流程: 1、網頁設計師（主要是用PS）先將網頁設計出來。 2、進行網頁製作，就是切片，div+css佈局，將圖片變成網頁。 3、後臺製作。可以

體現或適應個性化聲音和內容；並且

欲速則不達！ 慢慢來，程式碼寫多了自然會快的！ 學習階段要多參考別人的經驗 程式碼熟練後就可以上網找素材，參考別人的程式碼 修改一下就可以拿過來使用了，別人用一天來寫的程式碼， 你只需要複製貼上，按需求修改一下就是你的了 以上的前提是你要

隨著時間的推移，要在不斷改進的同時始終保留著自身的特點。

51自學網都是基礎知識，一個很全面。php兄弟連和後盾網是現在比較主流的自學網站。裡面講的比51要新也比較全面。

第3步：決定要使用什麼資源。

51自學網都是基礎知識，一個很全面。php兄弟連和後盾網是現在比較主流的自學網站。裡面講的比51要新也比較全面。

主要資源有網站、視訊和書籍。部分流行網站包括 Codecademy和W3Schools。但是還有更多的網站，所以大膽去嘗試吧！

★建設自己的網站較好的步驟☆ 必須注意的是：建立自己的網站是一件浩大的工程，一般比較麻煩。所以應當按照一定的步驟一步步來。 我覺得建站可以按照以下步驟進行： 1、先在本地設一個資料夾，作為網站儲存的地方。名字最好勸My Sites”。 2、在網

一旦選好了網站，那就註冊一個帳戶。這樣你就能加快進度。

我以前就幹過網頁設計師，在這方面可以給個指導意見。既然你是學網頁設計的，你肯定要從事和網頁設計方面的工作。我看了你上面的介紹，你是學習電信專業的，雖然和網頁設計存在一定聯絡，但你不是科班出生。你熟悉html,html標籤只是給網頁排版的

如果你選好了視訊，那就把所有需要的視訊新增上書籤。

網頁設計包含的內容很多 一個網頁的組成，頁面框架+美工+程式+資料庫。 頁面框架：也就是網站的結構設計，包括了UI和LOGO等，總體來說是為了方便使用者操作記性的介面，效果，已經頁面的流程進行的設計。 美工：要求會的最基本的幾個軟體PHOTOSHOP

如果你選擇從書中吸取靈感，那就去當地的圖書館或書店。如果你想要更便宜的資源（甚至免費），也可以下載eBooks或者PDF檔案。

我建議你更加深入去學習front page,只要你把front page 玩精玩透了,其它的網頁設計軟體不在話下很快上手,下面提供一些技巧給你繼續提高 以下是筆者在自學FrontPage98設計個人網頁中遇到的好些問題及疑難，同時經過實踐找到了答案，現把問題整理

如果你願意為此花點錢，那就可以讓網頁設計專業人士手把手地教你。

一、菜鳥級網頁製作軟體 如果你是一個網頁製作初學者，那麼讓下面幾種軟體帶你走進那絢麗多彩的網頁製作世界吧！ ①Microsoft FrontPage 如果你曾對Word很熟悉，那麼相信你用FrontPage進行網頁設計一定會非常順手。使用FrontPage製作網頁，你能真

第4步：弄清楚你需要花多少時間。

可以先用firework或者potoshop先設計好頁面佈局 然後用Dreamweaver新增內容就可以了

如果你平時很忙，那就得每天騰出時間來學習網頁設計。

適合新手學習的軟體網上能下載到的很多的，一般建議使用: dreamweaver 8.0 , photoshop 8.0 這兩個軟體是比較容易上手的，別去弄那些什麼亂七八糟的軟體，就這些就夠你玩啦。 而且建議學網頁製作不能使用軟體來做，應該去學習網頁的語言，因為軟

第5步：下載一個網頁設計程式。

如果美工基礎不錯，可以學網頁三劍客，CORELDRAWER，PHOTOSHOP等前臺應用軟體。 如果中學數學基礎不錯，可以從事後臺程式設計。ASP.NET(C#) PHP JSP 不過JAVASCRIPT一定要學會. 最好先打下理論基礎,看下電子商務師或軟考電子商務技術員等書籍，對你

下載像 Adobe Dreamweaver、Microsoft Expression Web或者 KompoZer之類的程式是個不錯的主意。這類程式有很多，你可以隨意瀏覽，喜歡哪個程式就下載。

一、Web頁面製作基礎 整體目標：掌握傳統PC端網頁佈局和製作 階段目標：精通掌握HTML5的應用，掌握CSS在開發中的使用，學會頁面標準化佈局技術 實戰案例：高仿大型網站的模版（新浪、京東等） 二、UI網站設計 整體目標：掌握頁面設計和原型圖制

部分 2學習階段

只需要，進行簡單的網頁的頁面製作，連線，連一下。而做網站，則需要，進行後臺程式的製作。我首先，來說一下，網頁的製作的過程：第一、設計你所想要的主頁（index.HTML），就是，簡單的排版，不一定需要在電腦上。第二、就是主頁的佈局及製作

第1步：從HTML開始。

HYML CSS Javascript的書我也看過好幾本，內容大同小異，書是作者總結自己的個人經驗，有很多書裡面講述的屬性都已經過時了，還有W3C網站上，有一些知識也是被淘汰的，但是大部分還是有用的，建議你先去W3C網站把最基礎的HTML好CSS瞭解，書的話

HTML是每個網頁設計者都必須掌握的。熟練掌握標籤、類、標識和輸入等概念。

有了自己的個人網站，全世界的人都可以隨時找到你，你也可以向全世界宣傳下自己，是非常有意義和有意思的。現在簡單介紹一下製作個人網站的過程和方法：一、準備材料你首先做一個小計劃,準備在個人主頁上告訴人傢什麼？比如介紹三個方面：自我介

HTML最新版本是HTML5。HTML5包含了一些新技術，所以是最佳的學習物件。

網頁設計標準尺寸： 1. 800×600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。 2. 1024×768下，網頁寬度保持在1002以內，如果滿框顯示的話，高度是612눯之間，就不會出現水平滾動條和垂直滾動條。 3. 在ps裡

也可以選擇XHTML，只是它在規則上比HTML更復雜一點。

首先說一下，你要做的是網頁，還是，網站？ 做網頁就比較簡單。只需要，進行簡單的網頁的頁面製作，連線，連一下。 而做網站，則需要，進行後臺程式的製作。 我首先，來說一下，網頁的製作的過程： 第一、設計你所想要的主頁（index.HTML），就

第2步：學習CSS。

CSS的全名叫做“層疊樣式表”。沒有CSS就不會有一些網站上漂亮的設計。HTML只是一個框架，而讓網站多姿多彩的是CSS。

CSS規則要複雜一些。比如，要是你忘了在每行的末尾加上分號，那可能就會為找出問題出在哪裡而焦頭爛額。

第3步：學習JavaScript和jQuery。

對於那些打算做簡單網站的人來說，這並非必選內容，但如果你想要做一個互動式網站，那就必不可少。

如果打算使用jQuery，只需要基本的JavaScript知識，因為jQuery會讓一切變得非常簡單。

通過jQuery，你可以插入視窗小部件，比如摺疊選單、日曆等。樣式也是多種多樣，所以你可以為自己的網站選擇想要的樣式。

第4步：繼續學習更高階的語言。

除了上面的，還有PHP、 MySQL、Perl、Ruby等其他語言。同樣，這對於只想做簡單網頁的人來說並非必選，但對於大型互動網站卻非常有用。

部分語言（比如PHP）需要測試伺服器，所以確保向網站託管服務商申請一個帳戶，或者在你的電腦上安裝伺服器軟體。

部分 3學以致用

第1步：做網站專案。

只需嘗試並從零開始建立網站。這樣可以幫助你學以致用，而不是荒廢了知識。

第2步：問問朋友或家人是否想要一個網站。

你可以免費幫他們做網站，從而積累經驗！

第3步：建立自己的網站。

網站可以是你喜歡的任何內容，它將為你提供一個向公眾展示自己作品的機會。

第4步：只要你願意，也可以做兼職網頁設計。

收取合理的費用，在你的網站上釋出一些作品集。沒準你的公司最後還能發展成一家成熟的公司。

小提示

彆著急！如果你急於求成，想在六個小時內全部學會，那忘得也會非常快。

不要認為你非得購買一款HTML編輯器。網上有免費的編輯器，而且和收費幾百美元的編輯器一樣好。

在完成一個專案後，你要收集部分程式碼並編輯成程式碼庫。這樣做可以避免每次做專案時又敲一遍同樣的程式碼。要是這個程式碼庫最後變得很大，你甚至可以考慮賣個好價錢！

PDF檔案比eBooks更通用一點。PDF檔案在任何電腦上都可以閱讀，而eBooks通常只面向某一種裝置，比如Kindle，iPad等。

如果你有懂網頁設計的朋友或親戚，可以讓他們教你。他們應該會免費教你（希望如此）。

警告

別把自己累壞了！當你累的時候，你會忘記一些東西，到頭來什麼都沒學到。

在指令碼語言中，有一種現象稱之為無限迴圈。程式設計師非常害怕無限迴圈，所以要小心避免！

下載程式時要小心！任何東西都有可能帶有病毒。

註冊網站時要先做一些調查。當然，如果是知名網站，那就不用太擔心，但不太為人所知的網站很可能是騙錢的。

你需要準備

電腦

網頁設計程式

網站、書籍或視訊教程

擴充套件閱讀，以下內容您可能還感興趣。

一個新手怎麼系統重新學習網頁製作編輯方面的知識。有哪些網站可以學習的！

51自學網都是基礎知識，一個很全面。php兄弟連和後盾網是現在比較主流的自學網站。裡面講的比51要新也比較全面。

HOW FROM 一個網頁新手 TO 一個網站設計師？

★建設自己的網站較好的步驟☆ 必須注意的是：建立自己的網站是一件浩大的工程，一般比較麻煩。所以應當按照一定的步驟一步步來。 我覺得建站可以按照以下步驟進行： 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格式的網頁通常被稱為“靜態網頁”，早期的網站一般都是由靜態網頁製作的。靜態網頁的網址形式通常為： www.example.com/eg/eg.htm ，也就是以.htm、.html、.shtml、.xml等為後後綴的。在HTML格式的網頁上，也可以出現各種動態的效果，如.GIF格式的動畫、FLASH、滾動字母等，這些“動態效果”只是視覺上的，與下面將要介紹的動態網頁是不同的概念。 在《網路營銷基礎與實踐》第二版第3章“網路營銷導向的企業網站建設”中，提出了採用靜態網頁對搜尋引擎的影響，書中對於靜態網頁本身的介紹比較少，尤其對於靜態網頁的特點沒有做專門的介紹。 網路營銷教學網站( www.wm23.com )將靜態網頁的特點簡要歸納如下： （1）靜態網頁每個網頁都有一個固定的URL，且網頁URL以.htm、.html、.shtml等常見形式為字尾，而不含有“？”；（2）網頁內容一經發布到網站伺服器上，無論是否有使用者訪問，每個靜態網頁的內容都是儲存在網站伺服器上的，也就是說，靜態網頁是實實在在儲存在伺服器上的檔案，每個網頁都是一個獨立的檔案； （3）靜態網頁的內容相對穩定，因此容易被搜尋引擎檢索； （4）靜態網頁沒有資料庫的支援，在網站製作和維護方面工作量較大，因此當網站資訊量很大時完全依靠靜態網頁製作方式比較困難； （5）靜態網頁的互動*叉，在功能方面有較大的*。 網頁製作軟體的選擇 u 選擇一個適合自己的網頁編輯工具 瞭解了網頁的型別及相關技術之後，下一步，就是要選擇一個適合自己的網頁編輯工具。 Frontpage Frontpage 是 Microsoft 出品的，可能是最簡單、最容易，卻又功能強大的網頁編輯工具。採用典型的 Word 介面設計，只要你懂得使用 Word，就差不多等於已經會使用 Frontpage。就算你不懂 Word 也沒關係，"所見即所得"的操作方式會讓你很快上手，而且你無須學習 HTML 語法。 但 Frontpage 的也有其不足之處：首先是瀏覽器相容性不好，做出來的網頁，用 Netscape 往往不能正常顯示；其次，生成的垃圾程式碼多，也會自動修改程式碼，導致在某些情況下極為不便；再次，對DHTML的支援不好。但不管怎麼說，Frontpage 的確是最好的入門級網頁編輯工具。 常見的版本為 Frontpage98 和 Frontpage2000。 Dreamweaver Dreamweaver 是 Macromedia 公司的產品的另一款"所見即所得"的網頁編輯工具,或稱網頁排版軟體。與 Frontpage 不同，Deamweaver 採用的是 Mac 機浮動面版的設計風格，對於初學者來說可能會感到不適應。但當你習慣了其操作方式後，就會發現 Dreamweaver 的直觀性與高效性是 Frontpage 所無法比擬的。 Dreamweaver 對於 DHTML 的支援特別好，可以輕而易舉地做出很多眩目的頁面特效。外掛式的程式設計使得其功能可以無限的擴充套件。Dreamweaver 與 Flash、Firework 並稱為 Macromedia 的網頁製作三劍客，由於是同一公司的產品，因而在功能上有著一個非常緊密的結合。而最新推出的 Dreamweaver UltraDev 更支援 Asp，Jsp。因此，說Dreamweaver 是高階網頁製作的首選並不為過。 常見的版本為 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0 flash flash也是 Macromedia 公司的產品，Flash 是互動式向量圖和 Web 動畫的標準。網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的導航介面以及其他奇特的效果。相信凡是見過 Flash 技術的人，沒有一個不想掌握它的。它不但易學、易用，而且可以做出有很多動畫的網站，並且聲色結合，是一種很有前途的網頁製作技術。 firework firework也是 Macromedia 公司的產品，是真正的網頁作圖軟體。Fireworks 與 Dreamweaver 結合很緊密，只要將 Dreamweaver 的預設影象編輯器設為 Fireworks ，那麼在 Fireworks 裡修改的檔案將立即在 Dreamweaver 裡更新。另一個功能是可以在同一文字框裡改變單個字的顏色。當然，Fireworks 可以引用所有的 Photoshop的濾鏡，並且可以直接將 PSD 格式圖片匯入。它是用來畫圖用的，它相當於結合了Photoshop ( 點陣圖處理 ) 以及CorelDRAW (繪製向量圖)的功能。網頁上很流行的陰影、立體按鈕...等等的效果，也只需用滑鼠點一下，不必再靠什麼KPT 之類的外掛濾鏡。而且 Fireworks很完整的支援網頁16進位制的色彩模式，提供安全色盤的使用和轉換，要切割圖形、做影像對應(Image Map)、背景透明，要圖又小又漂亮，在Fireworks 中做起來都非常方便，修改圖形也是很容易的 。不需要再同時開啟Photoshop和CorelDRAW...等等各類軟體，切換來切換去的了。 Dreamweaver、Flash、Firework稱為網頁製作三劍客，將三個軟體配合起來使用，會製作出非常精美的網頁 gifanimator Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 動畫工具，它在一個軟體包中提供了*的功能，用於動畫 編排、編輯、特效和優化。 GIF Animator 差不多支援每個主要的檔案格式，包括視訊檔案，並允許輸出為 Windows AVI、QuickTime 電影、Autodesk 動畫或影象序列。使用者可以生成適當的 HTML 程式碼，以便將動畫嵌入到網頁中，並且可以將動畫打包成獨立的 EXE 檔案，以便通過電子郵件釋出和在任何地方來檢視。 u 製作主頁 製作主頁無非是新增文字、新增圖片、新增連結，跟用word沒什麼區別，經過簡單的學習後，你就會製作主頁了！但是，要作出高水平的主頁那要學的東西就太多了，不過總結起來就是html，圖形制作，動畫製作，頁面特效製作和後臺程式製作幾個部分。 u 申請的主頁空間，把你製作的主頁傳上去 我們製作的頁面放在我們自己的計算機上，別人是不能看見的。為了讓別人看見我們製作的頁面，我們必須將他們放到一臺和internet一直連線的計算機（伺服器）上。你可以到提供空間服務的站點申請主頁空間。有空間以後就可以利用響應的FTP（檔案傳輸協議）工具軟體將我們製作的頁面傳上去。這樣，就可以讓大家來分享我的精彩頁面了。 常見的FTP工具軟體有cuteFTP、leapFTP等，其功能和使用方法都比較類似，具體使用方法可參見本站想應的文章。 可能你開始的主頁只是非常簡單， 但是這是你的第一步，也是良好的開端，然後再一步步學習：如何把網頁製作漂亮一些？如何製作動畫？對於新手，千萬不要一下子就想：我看到某某某網頁這麼漂亮，它是怎樣做出來的？我很想馬上做出來，於是馬上就去研究複雜的網頁，這樣你會發現網頁製作很難，學兩下就放棄了，這樣永遠學不會製作主頁。想當初，我對於我的網頁能產生連結也高興了半天，於是產生了更大的興趣。記住：一步一步來，不要一下子想成為高手，否則很難成為高手。

html網頁設計（新手）

截圖是問題所在，沒有結束標籤。

網頁設計師新手求職簡歷怎麼寫

我以前就幹過網頁設計師，在這方面可以給個指導意見。既然你是學網頁設計的，你肯定要從事和網頁設計方面的工作。我看了你上面的介紹，你是學習電信專業的，雖然和網頁設計存在一定聯絡，但你不是科班出生。你熟悉html,html標籤只是給網頁排版的，但是隻懂得 html還不夠。一名合格網頁設計師要同時熟練掌握ps、Dreamweaver、fireworks和flsah，最起碼要掌握ps、Dreamweaver或者fireworks和Dreamweaver。你知道設計師從設計、排版都要自己一個人完成，如果你能單獨的設計出一個網頁作品，這個作品還過得去，那麼我認為你基本是勝任這份工作的。我認為 你的簡歷要這麼寫：1、先講一下自己那個學校畢業，專業是什麼，有什麼作品。2、自己精通什麼設計方面的東西，曾經在哪裡實習過，得到實習公司的好評之類的話。3、簡歷中注意不要誇誇奇談，要實事求是。4、待遇方面不要漫天要價，因為你才從學校中出來，實際經驗不多，你這一時期主要的邊學變幹，從工作中學到經驗。5、說點套話、好話。我相信你參考一下我給你的這些建議，結合自己的實際就一定能應聘成功的。祝你“早日找到好工作”

我是一個新手，想要學習網頁設計和動畫設計，請問應從哪裡學起？希望推薦相關書籍和軟體。

百度下矽谷動力 上面有很多這方面得視訊