網(wǎng)站建設(shè)頁面制作演示
2011/9/16 14:14:59
網(wǎng)站建設(shè)設(shè)計之頁面制作演示
主要內(nèi)容介紹:
一、構(gòu)成頁面的基本要素
二、制作及美化的基本工具
三、頁面制作的基本步驟
四、界面設(shè)計及交互研究探討
五、實例制作演示
一.構(gòu)成頁面的基本要素
1.文字(標題、字號、字型...)
2 圖形(頁面上經(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)站制作流程及界面交互設(shè)計研究探討</TITLE>
</HEAD>
<BODY>文本內(nèi)容:</BODY>
</HTML>
二.制作及美化的基本工具
1.超文本標識語言(HTML)
編輯工具:editplus、dreamweaver、記事本、FrontPage、
2.頁面設(shè)計及美化工具
使用工具:所有可制作平面的軟件
推薦使用Photoshop、FireWorks、Flash
三、頁面制作的基本步驟
1、整體規(guī)劃
需要完成的規(guī)劃:網(wǎng)站主題、風格、頁面元素、邏輯結(jié)構(gòu)等
2、資料收集
收集內(nèi)容:
a、跟主題相關(guān)的文字圖片資料
b、一些優(yōu)秀的頁面風格
c、下載一些你喜歡的交互頁面
d、開放的源代碼
3、偽界面設(shè)計
根據(jù)事先規(guī)劃的結(jié)構(gòu),在平面軟件里設(shè)計你想要的最終效果,利用平面圖片的形式先展示一次,設(shè)計時要注意宜人性、人機、心理等各方面因素
4、代碼轉(zhuǎn)換及交互添加
把平面的偽界面轉(zhuǎn)化為HTML代碼,添加相應(yīng)的交互功能Js、按紐、表單,以及一些與數(shù)據(jù)庫相連接的代碼。
5、測試頁面兼容性
你可以不必嚴格按照W3C標準來制作頁面,但是你必須保證讓所有現(xiàn)有的瀏覽器能比較好的展示你的作品。
6、發(fā)布站點
測試完畢,符合你的要求,當然就可以開始發(fā)布你的網(wǎng)站了,發(fā)布的服務(wù)器可以是遠程,也可以是本地,各個語言有各自的相應(yīng)的服務(wù)器,比如ASP,就應(yīng)該對應(yīng)的是ASP服務(wù)器,上傳可利用遠程FTP工具。
四.界面設(shè)計及交互研究探討
a、導航欄設(shè)計
導航要素設(shè)計的好壞決定著用戶是否能方便使用網(wǎng)站導航要素要設(shè)計的直接而明確,并最大限度為用戶的方便考慮。
b、頁面布局
頁面的布局是整個界面的核心,這里體現(xiàn)了一切以用戶為中心、以及制作者如何與欣賞著溝通的思想在里面,你必須知道自己要傳達什么樣的信息,別人使用起來合適不,字體的大小、型號、字間距、行間距,以及配色所有的一切都在這個階段完成,所以如何表現(xiàn)功能以及美感就是你研究的重點。
PS:布局之前要緊密連接你網(wǎng)站的主題,要注意把握整體風格,你可以事先在紙上勾畫草圖,利用你習慣的元素來表現(xiàn)你想要的效果
頁面布局--主要構(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、交互研究
我這邊的交互主要集中在人機
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
动漫人物将机机插曲3d版视频|
国产精品视频观看|
国产三级网站在线观看播放|
91精品久久久久久久久网影视|
成人性a激情免费视频|
久久精品国产精品亚洲艾|
欧美日韩精品一区二区在线视频|
免费看欧美一级特黄a大片|
色噜噜狠狠狠色综合久|
国产成人精品免高潮在线观看
|
亚洲va欧美va|
青草青在线视频|
国产麻豆剧传媒精品国产AV
|
精品国产中文字幕|
国产丰满麻豆vⅰde0sex|
亚洲国产最大av|
国内精品久久久久久无码不卡
|
r18bl各种play高h|
成人秋霞在线观看视频|
久久天天躁狠狠躁夜夜不卡
|
4408私人影院|
天天操天天干天天拍|
万古战神txt下载|
无码精品国产va在线观看dvd|
久萆下载app下载入口|
欧美叉叉叉BBB网站|
亚洲精品国产精品国自产观看|
精品三级av无码一区|
国产精品亚洲一区二区无码|
a级毛片高清免费视频在线播放|
成人毛片免费视频|
久久丫精品国产亚洲AV|
日韩精品人妻系列无码专区|
亚洲一区二区三区深夜天堂|
欧美日韩一区二区三区在线视频
|
爆乳熟妇一区二区三区霸乳|
八戒网站免费观看视频|
2022福利视频|
国产综合在线观看视频|
99久久99视频|
夜来香高清在线观看|