網(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国产精| 日韩在线视频观看| 久久综合九九亚洲一区|