網頁設計需要什么基礎

需要什么基礎
進行網頁設計，首先要學會html語言，任何網頁的顯示都要靠html語言來表達，最后瀏覽器解釋html語言顯示在我們面前。下面介紹網頁設計需要什么基礎，希望為大家帶來幫助。



需要網頁三劍客：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，script。網頁里面的驗證碼，彈窗，特效等就靠它了，一個沒有javascript的頁面基本沒有，這個也有好多的框架可用，這個語言是最難的，也是最強大的，網頁木馬，病毒大多用這個語言。

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

網頁設計有哪些基本流程以及需要注意的問題

網頁設計的基礎流程

1.確定設計思路

企業在設計一個網頁之前，一定要先確定好設計方案，這個方案一定要確定網站的整體風格和特色，從而為后期的設計做好基本的準備。這里的設計思路要根據所設計的網頁的不同有所不同。

2.版式設計

網頁設計一定要特別注意網頁中各個板塊的排版和布局。每個板塊都分布清楚后，還要看整個網頁的布局，反復推敲布局的合理性以及用戶的體驗度。

3.色彩搭配

和諧的色彩、均衡的搭配，這些都會給網頁加分。同時，不同色彩對于人們心理的影響也不同，設計者可以根據這一點好好地運用色彩的作用。

4.內容形式

一個好的網頁一定要有好的內容和布局形式，內容的設計一定要注意運用對稱美、節奏美和留白等等。通過空間、文字、圖形等等之間的相互關系巧妙地建立整體的均衡狀態，讓之產生和諧的美感。

以上四點僅僅是網頁設計中最為基礎的流程，其中還有很多細節需要注意。下面就再來簡單說說網頁設計需要注意的問題。

網頁設計需要注意的問題：

1.在新標簽頁打開鏈接

在新標簽頁打開鏈接的設計讓用戶無法使用
返回
按鈕返回之前的頁面。這是非常不好的設計。

2.無處不在的廣告

促銷和廣告會掩蓋網站里的內容，也會讓用戶很難集中注意力去瀏覽，更不用說那些看起來像廣告的東西常常會被用戶忽略。

3.自動播放視頻

在后臺自動播放視頻、音樂或聲音文件，都是用戶難以接受的設計方式。用戶很少使用這些元素，除非是在適當的時候。

4.過于注重美觀而忽略可用性

一個網站或用戶界面的設計不應該因為美觀而影響可用性。最好不要在文字后使用繁重的背景、也不要使用讓用戶很難閱讀或顏色對比不明顯的配色方案。

要學什么

第一階段、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前端的學習路線

第一階段
HTML的學習。

超文本標記語言(HyperText
Mark-up
Language
簡稱HTML)是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染后呈現給用戶。因此，我們必須掌握HTML的基本結構和常用標記及屬性。

HTML的學習是一個記憶和理解的過程，在學習過程中可以借助Dreamweaver的
拆分
視圖輔助學習。在
設計
視圖中看效果，在
代碼
視圖中學本質，將各種視圖的優勢發揮到極致，這種對照學習的方法彌補了單純識記HTML標簽和屬性的枯燥乏味，想必對各位初學的小盆友們來說必定是極好的!

在學習了HTML之后，我們只是掌握了各種
原材料
的制作方法，要想蓋一幢樓房就還需要把這些
原材料
按照我們設計的方案組合布局在一起并進行一些樣式的美化。

如果要學習web前端，需要學習什么

第二個階段
CSS的學習。

CSS是英文Cascading
Style
Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對于傳統HTML的表現而言其樣式是可以復用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。

同時CSS中的盒子模型、相對布局、絕對布局等能夠實現對網頁中各對象的位置排版進行像素級的精確控制。通過此階段的學習，我們就可以順利完成
一幢樓房
的建設。

樓房
建設完成之后，我們可以交給用戶使用，但是如果想讓用戶獲得更佳的體驗，我們還可以對
樓房
進行更深一步的
裝修
，讓它看起來更
豪華
一些。

如果要學習web前端，需要學習什么

第三個階段
JavaScript的學習。

JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當中為我們提供了一些內置函數、對象和DOM操作，借助這些內容我們可以來實現一些客戶端的特效、驗證、交互等，使我們的頁面看起來不那么呆板，屌絲瞬間逆襲高富帥!有么有?

此時，也許你還沉浸在JavaScript給你帶來的驚喜之中，但你的項目經理卻突然對你大吼道

這個效果在
瀏覽器下不兼容，重新搞


不兼容?
瞬間石化了有木有?

我擦，坑爹啊!那可是花了我一個晚上寫了幾百行代碼搞定的啊，吐血了都!


JavaScript的兼容性和復雜性有時候的確讓我們頭疼，還好有
大神
幫我們做了封裝。

第四個階段
jQUery的學習。

jQuery是一個免費、開源的輕量級的JavaScript庫，并且兼容各種瀏覽器(jQuery2.0及后續版本放棄了對IE6/7/8瀏覽器的支持)，同時現在有很多基于jQuery的插件可供選擇，這樣在我們實現一些豐富的動態效果時更方便快捷，大大節省了我們開發的時間，提高了開發速度，這也充分體現了其write
less,do
more的核心宗旨。這個Feel倍兒爽!有么有?

豪華大樓
至此拔地而起，但是每天這樣日復一日，年復一年的蓋樓，好繁瑣!能不能將大樓里面每一個單獨部件模塊化，當需要蓋樓時就像堆積木一樣組合在一起，這樣豈不是爽歪歪?可以實現嗎?答案是肯定的。

這種思想在Web前端開發中也是適合的，于是乎就出現了各種前端框架，在這里推薦給大家的是Bootstrap。
Bootstrap是Twitter推出的一個開源的用于前端開發的工具包，是一個CSS/HTML框架，并且支持響應式布局。一經推出后頗受歡迎，一直是GitHub上的熱門開源項目。

在項目開發過程中，我們可以借助Bootstrap提供的CSS樣式、組件、JavaScript插件等快速的完成頁面布局和樣式設置，然后再有針對性的微調樣式，這樣基于框架進行開發大大縮短了開發周期。站在巨人的肩膀上就是爽!