網(wǎng)站建設設計之網(wǎng)頁制作流程
2011/10/4 15:57:43
網(wǎng)站建設設計之網(wǎng)頁制作流程
主要內(nèi)容介紹:
一、構(gòu)成網(wǎng)頁的基本要素
二、制作及美化的基本工具
三、網(wǎng)頁制作的基本步驟
四、界面設計及交互研究探討
五、實例制作演示
一.構(gòu)成網(wǎng)頁的基本要素
1.文字(標題、字號、字型...)
2 圖形(網(wǎng)頁上經(jīng)常使用的圖片格式:jpg、jpeg、Gif、Swf...)
3.交互功能(菜單按鈕、鏈接、表單、數(shù)據(jù)交換...)
...
超文本標識語言(HTML)
HTML(Hypertext Markup Language)是一種專門用于Web頁制作的編程語言,用來描述超文本各個部分的內(nèi)容,告訴瀏覽器如何顯示文本,怎樣生成與別的文本或圖像的鏈接點。
在HTML中,所有的標記符都用尖括號括起來。
例如,<HTML>表示HTML標記符。絕大多數(shù)標記符都是成對出現(xiàn)的,包括開始標記符和結(jié)束標記符。
如:<HTML>…</HTML> .
HTML文檔的基本結(jié)構(gòu)
一個典型的HTML文本的基本結(jié)構(gòu)形式如下:
<HTML>
<HEAD>
<TITLE>網(wǎng)站制作流程及界面交互設計研究探討</TITLE>
</HEAD>
<BODY>文本內(nèi)容:</BODY>
</HTML>
二.制作及美化的基本工具
1.超文本標識語言(HTML)
編輯工具:editplus、dreamweaver、記事本、FrontPage、
2.頁面設計及美化工具
使用工具:所有可制作平面的軟件
推薦使用Photoshop、FireWorks、Flash
三、網(wǎng)頁制作的基本步驟
1、整體規(guī)劃
需要完成的規(guī)劃:網(wǎng)站主題、風格、頁面元素、邏輯結(jié)構(gòu)等
2、資料收集
收集內(nèi)容:
a、跟主題相關(guān)的文字圖片資料
b、一些優(yōu)秀的頁面風格
c、下載一些你喜歡的交互頁面
d、開放的源代碼
3、偽界面設計
根據(jù)事先規(guī)劃的結(jié)構(gòu),在平面軟件里設計你想要的最終效果,利用平面圖片的形式先展示一次,設計時要注意宜人性、人機、心理等各方面因素
4、代碼轉(zhuǎn)換及交互添加
把平面的偽界面轉(zhuǎn)化為HTML代碼,添加相應的交互功能Js、按紐、表單,以及一些與數(shù)據(jù)庫相連接的代碼。
5、測試網(wǎng)頁兼容性
你可以不必嚴格按照W3C標準來制作頁面,但是你必須保證讓所有現(xiàn)有的瀏覽器能比較好的展示你的作品。
6、發(fā)布站點
測試完畢,符合你的要求,當然就可以開始發(fā)布你的網(wǎng)站了,發(fā)布的服務器可以是遠程,也可以是本地,各個語言有各自的相應的服務器,比如ASP,就應該對應的是ASP服務器,上傳可利用遠程FTP工具。
四.界面設計及交互研究探討
a、導航欄設計
導航要素設計的好壞決定著用戶是否能方便使用網(wǎng)站導航要素要設計的直接而明確,并最大限度為用戶的方便考慮。
b、網(wǎng)頁布局
網(wǎng)頁的布局是整個界面的核心,這里體現(xiàn)了一切以用戶為中心、以及制作者如何與欣賞著溝通的思想在里面,你必須知道自己要傳達什么樣的信息,別人使用起來合適不,字體的大小、型號、字間距、行間距,以及配色所有的一切都在這個階段完成,所以如何表現(xiàn)功能以及美感就是你研究的重點。
PS:布局之前要緊密連接你網(wǎng)站的主題,要注意把握整體風格,你可以事先在紙上勾畫草圖,利用你習慣的元素來表現(xiàn)你想要的效果
網(wǎng)頁布局--主要構(gòu)成原則
醒目性:指用戶把注意力集中到你誘導起瀏覽的部分和內(nèi)容
可讀性:指網(wǎng)站的內(nèi)容讓人容易讀懂
明快性:指準確、快速轉(zhuǎn)達網(wǎng)站的構(gòu)成內(nèi)容
造型性:維持整體外型上的穩(wěn)定感和均衡性
創(chuàng)造性:有鮮明個性,創(chuàng)意是必不可少的
布局的構(gòu)成原則上是:統(tǒng)一、協(xié)調(diào)、流動、強調(diào)、均衡
c、交互研究
我這邊的交互主要集中在人機操作
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
美女视频黄的全免费视频网站
|
两个丫头稚嫩紧窄小说|
欧美亚洲一二三区|
亚洲高清偷拍一区二区三区|
美女爽到尿喷出来|
国产国产精品人在线视|
在线日本妇人成熟|
在线免费视频一区|
一本色道久久88综合日韩精品|
日本免费高清一本视频|
亚洲成a人片在线观看中文!!!
|
日韩中文字幕在线观看视频|
亚洲国产精品一区二区第四页|
爱呦视频在线播放网址|
午夜激情福利视频|
里番acg全彩本子在线观看|
国产精品中文久久久久久久|
99视频精品在线|
富二代国app产下载|
亚洲欧美一区二区成人片|
狠狠色噜噜狠狠狠狠97|
久久精品国产只有精品66|
欧美日韩国产成人在线观看|
制服丝袜一区二区三区|
自拍偷自拍亚洲精品偷一|
国产午夜福利短视频|
国产婷婷综合丁香亚洲欧洲|
国产精品久久久久久久久电影网
|
久久青草国产免费观看|
欧美在线观看www|
亚洲欧美国产精品完整版|
热99re久久精品2久久久|
免费无码不卡视频在线观看|
精品无码综合一区二区三区
|
a级毛片高清免费视频在线播放|
尤物网址在线观看日本|
中文字幕一区二区三区日韩精品|
日日噜噜夜夜狠狠久久aⅴ|
久久国产精品99国产精|
日韩在线视频观看|
久久综合九九亚洲一区|