1. 程式人生 > >好程式設計師web前端教程分享網頁設計需要學那些東西?

好程式設計師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架構;元件;控制器;動作、過濾器、校驗器、路由;檢視;部件;部件行為;