導航:首頁 > 萬維百科 > 網頁設計基礎內容

網頁設計基礎內容

發布時間:2021-02-13 09:03:06

1、網頁設計要學習哪些內容?

1、網頁設計也分很多部門,你做平面的不如做網頁美工比較簡單,至於你想獨立完成一個網站的製作全過程;
2、首先得學軟體,比如DreamWeaver,那也只能做靜態的網頁,動態的還需要學資料庫,ACCESS,學網頁代碼製作。網頁要美觀,還得學FLASH等等;
3、網頁代碼從簡單學起,ASP應該算是比較簡單的了,沒有條件系統的學的話就下載ASP代碼的網站,然後學習編輯修改;
4、CG美術基礎學、Photoshop、DreamWeaver+HTML語言、Flash動畫設計、ASP+PHP網頁設計開發課程、SQL server+MYSQL資料庫應用、網站實用技術、網站實訓設計項目(前台)、網站實訓設計項目(後台)

2、網頁設計都是什麼內容

一個網頁的組成,頁面框架+美工+程序+資料庫。
頁面框架:也就是網站的結構設計,包括了UI和LOGO等,總體來說是為了方便用戶操作記性的界面,效果,已經頁面的流程進行的設計。
美工:要求會的最基本的幾個軟體PHOTOSHOP,FLASH,FIREWORKS
程序:要求會的語言很多,包括客戶端的腳本語言和服務端的語言,客戶端語言包含HTML,JAVASCRIPT,VBSCRIPT,服務端語言包括,ASP,JSP,PHP,.net等等。
資料庫:用的資料庫也許有很多種,有用ACCESS的,也有SQLSERVER的,還有DB2,ORECLE等等。

3、「網頁設計」要學哪些什麼知識?

熟悉HTML/CSS/JS等網頁基本元素,完成階段可自行製作完整的網頁,對元素屬性達到熟悉程度。
用Dreamweaver自己先找個簡潔點的網站模仿著做,如果不會Dreamweaver那麼就先買本Dreamweaver的書看看吧。很簡單的就學會了,然後了解CSS。會了CSS就可以做靜態頁面了,你可以找個簡潔點的公司網站,模仿著做。靜態頁面做熟練了,就會有需求學動態腳本語言了,PHP,ASP等動態語言。
如果只想建立一個自己的主頁,事實上並不需要掌握太深奧的知識,因為筆者認為,網上有很多現成的資源可以利用,如果自己去花錢買書專門來學,恐怕有點「殺雞用牛刀」,花大力氣辦小事情的感覺。當然,如果要學會製作主頁,筆者認為至少需要以下方面的知識:

HTML:最基本的知識,如果HTML知識掌握得好,可以用記事本就可以熟練編寫網頁(當然,不推薦這么做,因為有現成的工具可以幫助編寫HTML,但擁有這種能力是很好的)會對日後使用編輯主頁,編寫ASP或PHP代碼有極大幫助。

ASP或PHP:ASP和PHP可以稱得上編寫動態主頁的主流語言環境。對於入門者如果編程經驗很少,可以從簡單的語言起步,如微軟公司的 VBScript腳本語言,如果已經有不少編程經驗,建議學習PHP或JavaScript語言,PHP在商業網站中應用得較為廣泛。如果希望謀一份網站製作的工作,學好PHP還是很值得的;

對於JavaScript而言,可用於伺服器端(比如ASP編程),也於應用於客戶端編程(比如製作一些DHTML動態效果等),而且 JavaScript已被歐洲標准協會列為一門語言標准,將來的應用也會很廣泛(例如Flash的腳本語言也採用了JavaScript);

總之,想從簡單起步,可以看一些ASP+VBScript的書籍,

如果想學得更深入,應該學習ASP+JavaScript和PHP。

問題二:如何做好一個網站

筆者認為,一個網站更多時候不是「寫」出來的,而是「設計」出來的,設計大體包括二方面內容:功能設計及界面設計。

功能設計依照網站面向的用戶而定,建議多參考一些專業網站(而不是大眾型網站,如網易,搜狐等)的功能設計,專業網站的特點是針對性強,功能設計與其專業性質有息息相關,能很好的顯示功能設計。

界面設計即簡單又不簡單,簡單的是界面設計只是在功能設計的基礎上作一些美工設計;不簡單的是,要設計既得好看,又與功能設計很貼切是很考究製作者的美術和平面設計功底的。對於不會設計的朋友,可以多參考一些專業設計網站,如蟻盟等,看一下專業設計師如何配色,排版,圖片如何與文字和諧搭配等。

讀者可參考一些專業設計書籍,如工業設計,平面設計,雖然與網頁設計直接搭不上關系,但筆者認為學設計其實是學習設計理念,而設計的理念是可以觸類旁通的。同時,多參考一些設計得比較好的網站對設計是很有益處的。

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

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

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.圖片美化頁面

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

5、網頁設計都包含哪些內容

一個網頁的組成,頁面框架+網頁設計師+程序+資料庫。

1、規劃網站

一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。

2、設計製作網頁

材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。

3、上傳測試網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。

4、推廣宣傳

網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

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

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資料庫以及其它程序進行交互,是一種簡單、方便的編程工具。

(6)網頁設計基礎內容擴展資料:

設計事項

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

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

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

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

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

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

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

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

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

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

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

7、網站設計包括哪些內容

1.網站策劃:策劃好網站的方向,網站名,網站的目標,網站的運營,贏利點以及對手分析等
2.域名注冊:搞個簡單易記的域名,然後去備案(境外伺服器不需要備案的)
3.網站建設:美工和程序的設計,保持頁面美觀、代碼整潔,符合搜索引擎的優化原則,是網站建設的第一要素。如果做出來的網站,讓蜘蛛不喜歡,那網站怎麼推廣,都難有很大的效果。
4.網站測試:可以先內容,然後公測,最後再全面上線
5.內容建設:網站架構完畢就是填充內容的時候了,需要策劃活動,讓用戶來創造內容

8、網頁設計的基本內容

一個網頁有框架、文本、圖片、超鏈接、表格、表單、動畫、視頻、其他.

與網頁設計基礎內容相關的知識