網站模如何制作網頁
2011/8/29 9:06:58
網站模板制作之網頁制作流程
主要內容介紹:
一、構成網頁的基本要素
二、制作及美化的基本工具
三、網頁制作的基本步驟
四、界面制作及交互研究探討
五、實例制作演示
一.構成網頁的基本要素
1.文字(標題、字號、字型...)
2 圖形(網頁上經常使用的圖片格式:jpg、jpeg、Gif、Swf...)
3.交互功能(菜單按鈕、鏈接、表單、數據交換...)
...
超文本標識語言(HTML)
HTML(Hypertext Markup Language)是一種專門用于Web頁制作的編程語言,用來描述超文本各個部分的內容,告訴瀏覽器如何顯示文本,怎樣生成與別的文本或圖像的鏈接點。
在HTML中,所有的標記符都用尖括號括起來。
例如,<HTML>表示HTML標記符。絕大多數標記符都是成對出現的,包括開始標記符和結束標記符。
如:<HTML>…</HTML> .
HTML文檔的基本結構
一個典型的HTML文本的基本結構形式如下:
<HTML>
<HEAD>
<TITLE>網站制作流程及界面交互制作研究探討</TITLE>
</HEAD>
<BODY>文本內容:</BODY>
</HTML>
二.制作及美化的基本工具
1.超文本標識語言(HTML)
編輯工具:editplus、dreamweaver、記事本、FrontPage、
2.頁面制作及美化工具
使用工具:所有可制作平面的軟件
推薦使用Photoshop、FireWorks、Flash
三、網頁制作的基本步驟
1、整體規劃
需要完成的規劃:網站主題、風格、頁面元素、邏輯結構等
2、資料收集
收集內容:
a、跟主題相關的文字圖片資料
b、一些優秀的頁面風格
c、下載一些你喜歡的交互頁面
d、開放的源代碼
3、偽界面制作
根據事先規劃的結構,在平面軟件里制作你想要的最終效果,利用平面圖片的形式先展示一次,制作時要注意宜人性、人機、心理等各方面因素
4、代碼轉換及交互添加
把平面的偽界面轉化為HTML代碼,添加相應的交互功能Js、按紐、表單,以及一些與數據庫相連接的代碼。
5、測試網頁兼容性
你可以不必嚴格按照W3C標準來制作頁面,但是你必須保證讓所有現有的瀏覽器能比較好的展示你的作品。
6、發布站點
測試完畢,符合你的要求,當然就可以開始發布你的網站了,發布的服務器可以是遠程,也可以是本地,各個語言有各自的相應的服務器,比如ASP,就應該對應的是ASP服務器,上傳可利用遠程FTP工具。
四.界面制作及交互研究探討
a、導航欄制作
導航要素制作的好壞決定著用戶是否能方便使用網站導航要素要制作的直接而明確,并最大限度為用戶的方便考慮。
b、網頁布局
網頁的布局是整個界面的核心,這里體現了一切以用戶為中心、以及制作者如何與欣賞著溝通的思想在里面,你必須知道自己要傳達什么樣的信息,別人使用起來合適不,字體的大小、型號、字間距、行間距,以及配色所有的一切都在這個階段完成,所以如何表現功能以及美感就是你研究的重點。
PS:布局之前要緊密連接你網站的主題,要注意把握整體風格,你可以事先在紙上勾畫草圖,利用你習慣的元素來表現你想要的效果
網頁布局--主要構成原則
醒目性:指用戶把注意力集中到你誘導起瀏覽的部分和內容
可讀性:指網站的內容讓人容易讀懂
明快性:指準確、快速轉達網站的構成內容
造型性:維持整體外型上的穩定感和均衡性
創造性:有鮮明個性,創意是必不可少的
布局的構成原則上是:統一、協調、流動、強調、均衡
c、交互研究
我這邊的交互主要集中在人機
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
精品午夜久久福利大片免费|
337p欧美日本超大胆艺术裸|
日韩一区二区三区精品|
亚洲综合色丁香麻豆|
美女视频黄频a免费观看|
日本免费中文字幕在线看|
亚洲婷婷综合色高清在线|
男朋友想吻我腿中间那个部位|
国产va免费精品观看精品|
黄色一级毛片在线观看|
国产精品亚洲精品青青青|
99re热视频这里只精品|
小仙女app2021版最新|
丰满岳乱妇在线观看中字无码
|
东北少妇不戴套对白第一次|
日本爆乳片手机在线播放|
亚洲a视频在线观看|
欧美激情第一区|
人妻在线无码一区二区三区|
精品国产国产综合精品|
国产精品免费_区二区三区观看
|
无码欧精品亚洲日韩一区|
久久精品国产亚洲av忘忧草18|
欧美三级在线观看黄|
亚洲欧美日韩久久精品
|
国产精品入口麻豆完整版|
99久久人妻精品免费一区|
女博士梦莹全篇完整小说|
一级毛片www|
月夜影视在线观看免费完整|
亚洲欧美成人中文在线网站|
男人的j插女人的p|
办公室震动揉弄求求你|
美女被免费视频网站a|
国产一级精品高清一级毛片|
韩国免费A级作爱片无码|
国产成人精品999在线|
AV无码久久久久久不卡网站|
少妇高潮无套内谢|
中国女人一级毛片|
抱着cao才爽|