網頁設計前端要學什么

Web三項組成是：結構、表現、行為，結構標準是：1、TML：超文本標記語言；2、ML： 可擴展標記語言；3HTML：可擴展超文本標記語言。下面是網頁設計前端要學什么的介紹，希望對您有所幫助。

Web三項組成：結構、表現、行為

前端人員遵守的第一原則：“結構與表現分離”

結構標準(HTML、XHTML、XML)

HTML：超文本標記語言

XML： 可擴展標記語言

XHTML：可擴展超文本標記語言

表現標準(CSS)

行為標準(JavaScript)

HTML：掌握HTML是網頁的核心，web應用的基石

這種語言是目前web領域應用最廣泛的語言，我們只需要在html文檔中插入對應的標簽，即可實現web頁面的編寫與排列。

CSS：程序員的畫筆，實現網頁外觀的重要一點，可以將網頁外觀做得更加美觀。

可以為html標簽自定義樣式，通過設置html標簽的樣式，來改變其外觀，達到美化與排版web頁面的目地。

JavaScript：實現網頁實時的、動態的、可交互式的表達能力。

作為一種網頁腳本語言，它可以在html中運行，設置并修改瀏覽器中的對象與變量。

學習HTML，CSS首先應該跟著書，資料進行基礎系統的學一遍。作為前端，html css，是基礎中的基礎。只有先把基礎學扎實了，再來談余下的。理論知識學透了，就要開始來進行實戰演練，只有大量的練習，做各種各樣的布局練習來鞏固自己所學的理論知識，將理論得到實現。

而學習JavaScript，首先我們要對他有個基本的了解，梳理Js的只是結構，知道這門語言能做什么，不能做什么。記住大部分JavaScript的函數，知道如何實現，并多加練習，花大量的時間在瀏覽器控制臺上寫代碼，測試if-else語句，數組，函數等。

建議在www.f-z.cn進行學習，邊學邊練。入門教程學習完后，可以直接在訓練營進行實戰。

學習過程中，你要鍛煉和掌握大力寫代碼，持續地練習下去，每次一點點的進步積累起來你會發現效果驚人，最重要的是持之以恒。

不要妄想通過看書掌握前端，前端是做出來的，不是看出來的。

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架構;組件;控制器;動作、過濾器、校驗器、路由;視圖;部件;部件行為;部件事件;緩存。

Web前端開發主要學哪些

WEB前端分：高級，中級，初級。

初級前端掌握的課程：

HTMl5 CSS3。

前端學習的基礎技能需要掌握HTMl CSS的基礎內容。

學習內容：基礎標簽div，span，p，ul，li，input等。

CSS：語法、派生選擇器、id選擇器、類選擇器、屬性選擇器。

CSS基本樣式：背景，字體、鏈接、列表、表格、輪廓。

CSS盒子,CSS選擇器,CSS常用操作。

中級前端掌握的課程：

CSS3和動畫效果。

HTML5。

新增標簽、瀏覽器適配。

JS——基礎。

實現、輸出、語法與注釋、變量和數據類型、javaScript函數、JavaScript異常處理和事件。

件處理、DOM對象、正則表達式等。

重點掌握：Jquery、angularJS、bootstrap。

高級前端掌握的課程：

移動端：nodejs，vuejs。

CSS：面向對象的CSS、CSS的后處理、Less、SASS。

JavaScript：模塊化，數據推送、高級函數、面向切面、多線程、設計模式。

Web安全只是。

WEB前端簡介：

WEB前端工程師，也叫Web前端開發工程師。他是隨著web發展，細分出來的行業。web前端開發工程師，主要職責是利用(X)HTML/CSS/JavaScript/DOM/Flash等各種Web技術進行產品的界面開發。制作標準優化的代碼，并增加交互動態功能，開發JavaScript以及Flash模塊，同時結合后臺開發技術模擬整體效果，進行豐富互聯網的Web開發，致力于通過技術改善用戶體驗。

Web前端開發工程師是一個很新的職業，在國內乃至國際上真正開始受到重視的時間不超過5年。Web前端開發是從網頁制作演變而來的，名稱上有很明顯的時代特征。在互聯網的演化進程中，網頁制作是Web1.0時代的產物，那時網站的主要內容都是靜態的，用戶使用網站的行為也以瀏覽為主。

要求：

Web前端開發工程師，主要職責是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術進行客戶端產品的開發。完成客戶端程序(也就是瀏覽器端)的開發，開發JavaScript以及Flash模塊，同時結合后臺開發技術模擬整體效果，進行豐富互聯網的Web開發，致力于通過技術改善用戶體驗。

為網站上提供的產品和服務實現一流的Web界面，優化代碼并保持良好兼容性;

Web前端表現層及與前后端交互的架構設計和開發;

配合后臺開發人員實現產品界面和功能;

利用各種Web技術模擬開發產品原型;

Web新技術調研和資訊整理;

精通HTML/XHTML、CSS，熟悉頁面架構和布局，對Web標準和標簽語義化有深入理解;

熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技術，掌握面向對象編程思想。

網頁設計要學習什么

需要網頁三劍客：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等，頁面美化還要靠圖片等東西。