1、去找一個簡單好看的網站

2、把這個網站的主頁（以及所屬的幾個欄目網頁）儲存起來

4、理順裡邊的各種連結，得到一個網站的本地版

5、從頭到尾一點點把他仿製出來

循序漸進，多試幾個前期基礎就打好了！

我從事網站設計。這個問題要簡單得多。既然你從事廣告工作，把photoshop和coreldraw作為三劍客來學就容易多了上手。作為網站、前臺介面藝術設計師和後臺程式，工作交接相當清晰。現在你再學習這個程式是不現實的，所以做一名藝術設計師是可以的。

首先，FLASH，FLASH，這個程度很清楚，如果只是在網站上做廣告，簡單學習一下，初步瞭解一下就可以了，可以先學習。

煙花取決於個人習慣。如果你不喜歡煙花，你可以從頭到尾用它來建一個網站。然而，有些人已經習慣了。如果你想學習它，你可以簡單地理解它。我不習慣。然而，它的影象最佳化功能、批次處理和切片都優於PS。如果其他使用者使用PS，您可以直接使用PS，其次是Dreamweaver，它是構建網站最重要的工具。從HTML程式碼中理解，並不是沒有程式你就不知道任何程式碼。事實上，Dreamweaver只是一個合成工具。你用PS畫一個好的頁面，剪一張，然後用Dreamweaver做一篇作文。理論上，這就是原因。

想要學習網頁製作的話，要開始這些：

1、選擇html+css的學習，盒模型的理解

先跟著書仔細、紮實的學一遍。然後就需要做大量的練習，做各種常規的、奇怪的、大量的佈局練習來捆固、理解自己的知識

2、Javascript的瞭解

而學習 Javascript 首先要知道這門語言可以做什麼，不能做什麼，擅長做什麼，不擅長做什麼！如果你只想當一個普通的前端程式設計師，你只需要記住大部分 Javascript 函式，做一些練習就可以了。如果你想當深入瞭解Javascript，你需要了解 Javascript 的原理，機制。需要知道他們的本源，需要深刻了解Javascript 基於物件的本質。還需要 深刻了解 瀏覽器宿主 下 的 Javascript 的行為、特性。

3、不斷的堅持

這兩年來，網際網路發展越來越好，網頁技術也變成了剛需技能，就算你不是想做開發工程師，也應該學一點來做個簡單網頁。

今天就來講一下基礎的一些網頁開發需要學習的路線吧。

首先，基本的網頁製作我們一般都是指基礎的PC端網頁開發，完成基本的佈局，完整表達網頁需要展示的內容資訊，表達出人性化的網頁效果。

那麼這種程度應該怎麼學習呢？？

首先，無論學任何一個技術，都是從零基礎開始的，網頁開發也是一樣。做軟體開發，是從事程式設計開發工作，必須先從語法基礎開始學習，透過語法組成產品效果。

網頁開發的基礎語法，由HTML+CSS+JavaScript組成，這是網頁開發最基本的3個語言。

網頁佈局基礎：HTML+CSSHTML就是超文字標記語言，組成網頁內容的最基本語言。你可以直接說他是網頁的骨架，網頁的圖片、文字、影片、音訊、程式都需要他引入到網頁中體現。光是HTML做網頁，只是有了內容，當然是遠遠不夠的。因為只是HTML的話，只能用Table做佈局才能勉強做出個成型的網頁來。但是從Web2.0時代開始，都是盒子模型佈局法了，也就是用DIV+CSS來實現佈局了。CSS就是層疊樣式表。透過樣式屬性來對標籤進行佈局規範，在不再使用table佈局的時候，只要CSS樣式對網頁標籤進行對應的佈局實現才是正確的開發方式了。HTML(div)+CSS佈局，是基礎入門的基本步驟，在這個階段，你需要學習的內容，包括有：1.標籤語義化，SEO2.頁面載入的流程和原理3.網頁結構4.盒子模型（W3C盒子模型和IE盒子模型）5.CSS選擇器6.CSS佈局浮動、定位在剛剛開始的階段，大家學習的佈局方式基本都是以px為單位的靜態佈局方法。熟悉好佈局方法，先給自己一個小目標，做一個簡單的電商網頁的基本結構出來，不用特效，不需要互動。瀏覽器指令碼語言：JavaScriptJavaScript是我們學習前端開發中非常重要的一個內容，也是一個大家經常掉坑裡的難點。JavaScript現在可以說是網際網路時代使用率最高的指令碼語言了，在網頁中，所有的資料渲染，特效的互動都需要利用JavaScript，來影響瀏覽器的顯示。JavaScript不只是開發網頁特效和渲染資料的重要內容，如果你想往程式設計開發工程師發展，在學習前端開發的後期，大量使用演算法和框架的時候，對JavaScript基礎的考驗也是很多的。在基礎階段，我們學習JavaScript需要注意：1.基本關鍵字指令2.基本資料型別、陣列3.函式4.面向物件程式設計5.原型鏈、閉包6.JSON7.Ajax8.DOM(文件物件模型 原生DOM操作)9.事件捕獲、冒泡、代理10.常用函式方法在JavaScript部分學習，主要還是要去理解好互動的原理，把原理分析清楚，真的理解語法，那寫出多複雜的邏輯也是手到擒來。快速開發網頁特效jQuery說到學習JavaScript，很多小白同學肯定會很頭痛他的原生寫法。每次邏輯業務都需要手動寫，也就是用一次就造一次輪子。覺得很麻煩。如果能簡單一點就好了。因為JavaScript有可以封裝的特性，所以在後面也出現了很多用JavaScript封裝的類庫、外掛。比如說最經典的類庫就是jQuery了。jQuery類庫就是在類庫裡面封裝好了很多JavaScript的事件方法。jQuery透過封裝，減輕了遍歷、物件選擇等等很多的問題。把網頁特效的實現變得簡單化，透過呼叫方法就可以了。在學習jQuery的時候，需要重點認識的有:1.jQuery語法和JavaScript原生語法的差異2.Dom物件和jQuery物件3.jQuery的入口函式和JavaScript的入口函式的差異4.jQuery事件的執行邏輯。學習jQuery，最需要達到的效果就是能快速的完成網頁的特效，比如說輪播圖、手風琴選單、旋轉木馬、放大鏡等等這些特效。能完成一個電商網站的佈局+特效開發是最基本的要求了。這些就是零基礎學習必備的一些基本內容，在入門前端開發最基本需要掌握的東西，把基礎理解好，才能為後面的學習做更多的準備。

我是前端開發老李，如果你想學習更多前端開發的內容，點選關注不迷路！