好程式員web前端教程分享網頁設計需要學那些東西？

**好程式員**web前端教程分享網頁設計需要學那些東西：初次接觸或者想要進入網頁設計行業的朋友會經常分不清楚web前端與網頁設計之間的差別，不知道網頁設計要學什麼，web前端要學什麼，是以感到很迷茫，下面老師就來跟大家講解下這兩個方向分别要學什麼。
           

　　網頁設計要學習什麼?

　　需要網頁三劍客：PS：用于網頁美工、FLASH：用于制作焦點圖、引導頁動畫、宣傳片等等、DW：用于制作網頁。另外還要學習editplus編輯器，有些程式設計語言DW做不起來，比如PHP，當然你可以不學這個編輯器，如果不需要的話。還有FTP軟體，做好的網站要用FTP上傳到空間的;還有CMS建站，還要學習資料庫等。

　　1、html語言。首先要學這個，任何網頁的顯示都要靠html語言來表達，最後浏覽器解釋html語言顯示在我們面前。

　　2、伺服器架設，要制作網頁就需要架設伺服器來調試你做出來的網頁，有iis等很多種，可以在網上搜尋得到。

　　3、css語言。用網頁制作三劍客做出來的東西，css大部分是自動生成的，很難了解，需要學習基本的css知識，是步入高手的必經之路。css控制着網頁圖檔、表格、文字等等内容在我們面前的顯示樣式，比如顔色，邊框，大小等。

　　4、div+css布局。這個東西是走向專業制作的必經之路，網頁元素靠它來搭建基本架構，像百度空間，QQ空間的皮膚等就是利用這個來做的。

　　5、資料庫。走向動态網頁的基礎，比如百度知道的提問回答這些，都涉及資料庫的讀、寫、改、删。常見的資料庫有mysql、mssql、access等。資料庫是所有軟體的基礎，80%以上的應用程式都涉及資料庫，而作為網頁制作來說沒有必要學得很深，夠用就行。

　　6、動态語言，asp，php，jsp，.net(c#等)。要操作資料庫，互動就需要動态語言，現在好多動态語言像php都有“架構”，用架構建站好比用活動闆房的零件建房子，全部自己寫好比一塊一塊磚砌房子。

　　7，javascript。網頁裡面的驗證碼，彈窗，特效等就靠它了，一個沒有javascript的頁面基本沒有，這個也有好多的架構可用，這個語言是最難的，也是最強大的，網頁木馬，病-毒大多用這個語言。

　　8、平面涉及軟體。flash，photoshop等，頁面美化還要靠圖檔等東西。

　　web前端要學什麼?

　　第一階段、Web開發基礎(Linux作業系統、Nigix、XHTML技術核心、CSS技術核心)

　　Linux作業系統基礎，Linux常用指令，文本編輯器Vim/Vi應用，Linux檔案系統管理與維護，Linux使用者和使用者組管理，LANMP生産環境部署;

　　XHTML基礎，XHTML标準，XHTML文法規則，表格布局，連結與圖像，表單及相關元素;

　　CSS2.0基礎、CSS2.0 Box模型;CSS2.0 選擇器;布局樣式，文本樣式，邊框樣式，背景樣式，清單樣式;CSS2.0 Hack。

　　第二階段、PHP開發技術 (PHP技術核心、MySQL基礎、PHP核心函數庫、PHP面向對象程式設計)

　　PHP工作原理，PHP文法結構;資料類型詳解，資料類型轉換;運算符及優先級，流程控制;數組;自定義函數，字元串函數庫，數學函數庫，數組函數庫，日期時間函數庫，函數函數庫;檔案上傳及下載下傳;

　　MySQL資料庫基礎;資料庫的建立、修改及删除;資料類型詳解;資料表的建立、修改及删除;無限分類的資料表設計;記錄的插入、更新、删除及查找;外鍵與連接配接;索引;

　　MySQL函數庫，分頁技術的實作，，Apache URL Rewrite，GD函數庫，Directory函數庫，File函數庫，RegExp函數庫;

　　類與對象，類的定義;屬性與方法;$this關鍵字、 self關鍵字;繼承，多态;魔術方法;抽象類與接口;設計模式;PDO類;JpGraph圖表，FusionCharts圖表。

　　第三階段、Web 2.0 RIA技術(JavaScript基礎、JavaScript進階、jQuery架構、MySQL進階)

　　JS文法結構、資料類型詳解、資料類型轉換、變量;運算符及優先級，流程控制，數組，自定義函數;String對象，Math對象，Date對象，Array對象，Function對象，Object對象;W3C DOM及HTML DOM;XML，BOM，AJAX，JSON;JS面向對象程式設計，JS設計模式;

　　選擇器、過濾器;屬性處理，樣式處理，文本處理，節點處理;事件委派，動畫效果;插件體系;

　　存儲過程，觸發器，遊标;事務處理;資料庫引擎詳解;資料庫叢集，資料庫讀寫分離。

　　第四階段、PHP進階應用(Smarty模闆、PHP架構技術)

　　模闆工作原理;Smarty屬性，Smarty方法;内置調節器，内置函數;緩存技術，插件技術;

　　Memcached緩存原理，内部結構，分散算法，PHP+Memcached應用;

　　ThinkPHP基礎，CURD;查詢語言、連貫操作、變量;路由、視圖、控制器;自動驗證、自動完成、安全、多語言、緩存;

　　安裝YII;CURD;MVC架構;元件;控制器;動作、過濾器、校驗器、路由;視圖;部件;部件行為;部件事件;緩存。