導航:首頁 > 萬維百科 > 網頁及網站設計基礎

網頁及網站設計基礎

發布時間:2020-10-07 02:48:21

1、網頁設計需要那些基礎

仔細簡明是什麼鬼,網頁設計分成兩部分,UI設計,即是需要熟練ps,ai,cd等制圖工具,設計網頁,需要排版,色彩等基礎。第二部分是網頁編程,需要熟練html,css,js,jquery等前端編程語言,不過前面兩個簡單後面兩個慢慢學。

2、學習網頁設計需要什麼基礎啊

需要多花時間去練習。不過話說回來了,有個老師帶著你還是會好很多。對於初學者來說,總是會遇到很多問題,專門有人來給你解決學習中的問題還是好很多。

3、網頁設計需要有哪些基礎知識啊?

最好還是先去一個輔導班去學習,不然你會後悔的。
我有過經歷!!!

4、網頁設計的基礎是什麼?

熟悉html語言、一些美工基礎、網路基礎。再深入就是要掌握一些php asp jsp等動態教本語言了。

5、網頁設計都要求有什麼基礎

有些東西關會是不行的,其實做設計是要符合客戶的要求,但又要有自己的想法。在軟體方面,像fl,fw,ps,dw這些是最基本的軟體,當然如果你學過素描色彩是更好了,如果會ai也挺好的,對做一些網站圖片是有幫助的。這些是靜態的要求,如果做動態的話,像java,div-css...都是要學會的。若你只是做美工的話這些就不必了,若需要做個網頁設計師這些都是要學的。

6、網頁製作設計的基礎部分包括哪些?

網頁切圖 選學
網頁設計的步驟是策劃-作圖-靜態頁-編程-測試-發布-維護-改版重構 循環
切圖是一個技術也是一種藝術,不少美工都具有切圖的功底!不過,也不是所有的網頁都需要切圖!因此,切圖的選學的,而且,沒有追求的話,切的亂七八糟也沒關系!

html標簽的用法 必學
這個是必學的,畢竟頁面還是html標簽組成的!你要熟知大部分標簽的用法!這個可以去w3school學習進階!

css 樣式和樣式表 必學
css是目前網頁設計中的主要角色!也是程序和美工的區別之一!css可以簡單理解為美化!你可以使用他設置顏色,大小,邊距,行距,字體,位置等等等....

瀏覽器兼容 選學
html頁面最終要在瀏覽器中運行和查看!但是,不是所有的瀏覽器都遵循同一個標准,因此,你的頁面在每個瀏覽器底下或多或少的都有一些不同!你要學會找到問題,解決問題!最大限度的保證在每個瀏覽器下看起來都差不多!

javascript & jQuery 選學
JS和JQ是兩個不同的東西,js在網頁中的主要作用就是網頁「特效」了。比如滑動,展開收起,幻燈片等等~~團隊細分中,html頁面是由前端設計師製作的,網頁設計師僅僅負責效果圖的製作!但是,現在的網頁設計師明顯的需要具備多門「手藝」才能混,js是其中之一!

Action script 選學
AS是flash中的常用到的一種語言!主要是製作全flash網站或者flash+xml交互模塊! 如flash幻燈片,圖表等~

學習建議:
目前的大部分html教程都是垃圾教程,是網站為了賺取流量到處復制粘貼的千篇一律的扯淡字元串(還不能算是文章,只能算是一個字一個字組成的頁面,因為連發布者都不知道裡面寫了什麼)!個人建議,你最好下載幾個chm格式的手冊,如html手冊,css手冊等~備用查詢,作為字典!我學習的時候是讀的《Head First xHtml + css》,一周入門html+css!不過,學習肯定離不開勤學苦練!以下是我建議的學習方法:
1.認識標簽,學會是使用h標題,p段落,ul列表,div元素,img插入,a鏈接
2.學會添加標簽屬性 class=「name」,id=「name」,table的相關屬性
3.學會引入外部文件,<link /> <script src=""></script> <img src="" />
4.一個完整簡單的html,嚴格按照html的結構製作一個純html標簽組成的頁面,無樣式,能區別出標題,列表,鏈接,段落
5.css學習入門:字型大小,邊框,float浮動,clear清除浮動,background背景
6.頁面模塊劃分:header,mian-body,footer 頭部,內容,頁腳
7.頁面布局細分:三列,兩列,四列,多列,【國字形、常字形】
8.html,css分離使用,在html引入外部css樣式表
9.圖片美化頁面

大致以上幾點,循序漸進!而且,盡量手寫代碼,使用記事本即可~因為,你要不斷的去認識和書寫一些常用的標簽和拼寫!【實際工作中,編輯軟體都有代碼提示功能,那僅僅是為了加速工作效率,但並不適合新手使用,否則,就懶惰了!不利於記憶和理解!】

7、網頁設計需要學習什麼?

1、html語言。首先必須要學這個,html語言又稱為「超文本標記語言」,任何網頁的顯示都要靠html語言來表達,也是構成網頁文檔的主要語言。

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

3、css語言。css又作層疊樣式表,css大部分是自動生成的,很難理解,需要學習基本的css知識,是步入高手的必經之路。

css控制著網頁圖片、表格、文字等等內容在我們面前的顯示樣式,比如顏色,邊框,大小等。css能夠根據不同使用者的理解能力,簡化或者優化寫法,針對各類人群,有較強的易讀性。

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

5、資料庫。走向動態網頁的基礎,比如百度知道的提問回答這些,都涉及資料庫的讀、寫、改、刪。常見的資料庫有mysql、mssql、access等。

資料庫是所有軟體的基礎,80%以上的應用程序都涉及資料庫,而作為網頁製作來說沒有必要學得很深,夠用就行。

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

7、javascript腳本。JavaScript是一種屬於網路的腳本語言,通常是通過嵌入到HTML網頁中給網頁帶來各式各樣的動態效果。

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

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

9、學習一種動態網頁技術

ASP是微軟公司開發的代替CGI腳本程序的一種應用,也是微軟公司的第一個伺服器側的腳本引擎,能夠動態產生Web頁面。ASP可以與Web資料庫以及其它程序進行交互,是一種簡單、方便的編程工具。

(7)網頁及網站設計基礎擴展資料:

設計事項

一、注意超鏈接顏色與單純敘述文字的顏色呈現

WWW的語言—HTML允許Webpage設計者特別標明單純敘述文字與超鏈接的顏色,以便豐富Webpage的色彩呈現。

如果您的網站充滿知識性的信息,欲傳達給訪問者,建議您將網頁內的文字與超鏈接顏色,設計成較干凈素雅的色調,會較有利於閱讀。

純粹的敘述文字採用較暗、較深的顏色來呈現,超鏈接文字則以較鮮明搶眼的色彩來強調,至於探訪過的超鏈接則採用較低於原超鏈接亮度的顏色做呈現。

二、測試所有的超鏈接與導覽按鈕的真實可行性

Webpage上線之後,第一件該做的事,是逐一測試每一頁的每一個超鏈接與每一個導覽按鈕的真實可行性。徹底檢驗有沒有失敗的link無法鏈接到該鏈接的Webpage,卻反而冒出「FileNotFound」的錯誤訊號出來。

三、讓超鏈接的字串長短適中且走文自然

抓住能傳達主要訊息的字眼當做超鏈接的錨點(anchor),可有效地控制住超鏈接的字串長度,避免字串過長(如∶整行、整句都是錨點字串)或過短(如∶僅一個字當做錨點),而不利於讀者的閱讀或點取。

四、當導覽按鈕鏈接到當前頁時

各Webpage若重復使用同一組的導覽按鈕,無可避免地會產生某一導覽按鈕鏈接到當前頁的情形。

為達成界面設計的一致性,並沒有絕對的必要性拿掉此導覽按鈕,但Webpage設計者可讓此按鈕不再具有超鏈接的功能;或將此按鈕的彩度、亮度降低,使讀者可清楚地意識到∶這個暗設下來的導覽按鈕不再具有超鏈接的功能。

與網頁及網站設計基礎相關的知識