番禺網(wǎng)站建設(shè)-提供:
主要內(nèi)容介紹:
一、構(gòu)成網(wǎng)頁的基本要素
二、制作及美化的基本工具
三、網(wǎng)頁制作的基本步驟
四、界面設(shè)計(jì)及交互研究探討
五、實(shí)例制作演示
一.構(gòu)成網(wǎng)頁的基本要素
1.文字(標(biāo)題、字號(hào)、字型...)
2 圖形(網(wǎng)頁上經(jīng)常使用的圖片格式:jpg、jpeg、Gif、Swf...)
3.交互功能(菜單按鈕、鏈接、表單、數(shù)據(jù)交換...)
...
超文本標(biāo)識(shí)語言(HTML)
HTML(Hypertext Markup Language)是一種專門用于Web頁制作的編程語言,用來描述超文本各個(gè)部分的內(nèi)容,告訴瀏覽器如何顯示文本,怎樣生成與別的文本或圖像的鏈接點(diǎn)。
在HTML中,所有的標(biāo)記符都用尖括號(hào)括起來。
例如,<HTML>表示HTML標(biāo)記符。絕大多數(shù)標(biāo)記符都是成對(duì)出現(xiàn)的,包括開始標(biāo)記符和結(jié)束標(biāo)記符。
如:<HTML>…</HTML> .
HTML文檔的基本結(jié)構(gòu)
一個(gè)典型的HTML文本的基本結(jié)構(gòu)形式如下:
<HTML>
<HEAD>
<TITLE>網(wǎng)站制作流程及界面交互設(shè)計(jì)研究探討</TITLE>
</HEAD>
<BODY>文本內(nèi)容:</BODY>
</HTML>
二.制作及美化的基本工具
1.超文本標(biāo)識(shí)語言(HTML)
編輯工具:editplus、dreamweaver、記事本、FrontPage、
2.頁面設(shè)計(jì)及美化工具
使用工具:所有可制作平面的軟件
推薦使用Photoshop、FireWorks、Flash
三、網(wǎng)頁作制的基本步驟
1、整體規(guī)劃
需要完成的規(guī)劃:網(wǎng)站主題、風(fēng)格、頁面元素、邏輯結(jié)構(gòu)等
2、資料收集
收集內(nèi)容:
a、跟主題相關(guān)的文字圖片資料
b、一些優(yōu)秀的頁面風(fēng)格
c、下載一些你喜歡的交互頁面
d、開放的源代碼
3、偽界面設(shè)計(jì)
根據(jù)事先規(guī)劃的結(jié)構(gòu),在平面軟件里設(shè)計(jì)你想要的最終效果,利用平面圖片的形式先展示一次,設(shè)計(jì)時(shí)要注意宜人性、人機(jī)、心理等各方面因素