新手如何學習網頁設計

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、后臺制作?？梢?/p>

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

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

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

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是每個網頁設計者都必須掌握的。熟練掌握標簽、類、標識和輸入等概念。

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

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、說點套話、好話。我相信你參考一下我給你的這些建議，結合自己的實際就一定能應聘成功的。祝你“早日找到好工作”

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

百度下硅谷動力 上面有很多這方面得視頻

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:0731-84117792 E-MAIL:11247931@qq.com