第一篇：網(wǎng)頁(yè)制作過(guò)程中的經(jīng)驗(yàn)總結(jié)
網(wǎng)頁(yè)制作過(guò)程中的經(jīng)驗(yàn)總結(jié)
網(wǎng)站設(shè)計(jì)的一些小經(jīng)驗(yàn)分享，網(wǎng)站首頁(yè)是對(duì)所提供的文章及特色服務(wù)精心設(shè)計(jì)與組合的載體，能有效地引導(dǎo)用戶快速查找到所需新聞或服務(wù)，并實(shí)施單擊瀏覽行為。首頁(yè)設(shè)計(jì)是網(wǎng)站設(shè)計(jì)的關(guān)鍵所在。
1、首要位置，用戶瀏覽網(wǎng)頁(yè)的這一習(xí)慣應(yīng)該在意料之中，畢竟左上部為主要操作中心這一點(diǎn)為大多數(shù)重要的計(jì)算機(jī)應(yīng)用程序的設(shè)計(jì)所采用。在你構(gòu)建網(wǎng)站考慮網(wǎng)站設(shè)計(jì)時(shí)，應(yīng)該盡量保持這一格式。要知道，如果你希望保持個(gè)人特色，搭建一個(gè)成功的網(wǎng)站，你就必須尊重用戶們的習(xí)慣。
2、FLASH的運(yùn)用，外貿(mào)網(wǎng)站建設(shè)雖然FLASH制作的網(wǎng)頁(yè)視覺(jué)效果較好，但搜索引擎對(duì)此卻不太感冒，個(gè)案表明這一類的網(wǎng)站很難被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH網(wǎng)頁(yè)兩種選擇，這樣即增加了網(wǎng)頁(yè)的觀賞性，又照顧到了搜索引擎的情緒。
3、產(chǎn)品特點(diǎn)，又以手機(jī)B2C舉例，在以往的手機(jī)B2C客戶那里，深圳網(wǎng)站建設(shè)我了解到，配件的利潤(rùn)在很多時(shí)候是高于手機(jī)的。例如銷售一張2G存儲(chǔ)卡，利潤(rùn)要高于銷售一臺(tái)中高端的手機(jī)。那么，在這樣的情況下，配件屬于該網(wǎng)站的主推類別，配件的搭配試銷售、引導(dǎo)用戶穿插購(gòu)買、如何增加單筆訂單的總結(jié)額，便成了我重點(diǎn)需要考慮的地方。而換做該電玩B2C，首先，我知道目前流行的機(jī)種中，只有索尼的PS3尚未破解，欲玩PS3游戲須購(gòu)買正版游戲光碟，那么，PS3的光碟是否暢銷，利潤(rùn)是否可觀，直接影響到該類別在網(wǎng)站種占到的比重及推薦強(qiáng)度，如得知正版碟并無(wú)利潤(rùn)，僅做為豐富網(wǎng)站內(nèi)容
之用，那么該類別的產(chǎn)品的推薦程度，所占比重，自然要進(jìn)行弱化設(shè)計(jì)。
4、層次關(guān)系。圖像的比例關(guān)系等空間因素表示進(jìn)去。網(wǎng)頁(yè)設(shè)計(jì)中，三維空間的構(gòu)成和虛擬現(xiàn)實(shí) 網(wǎng)絡(luò)上的三維空間是一個(gè)假想空間。圖片。文字位置前后疊壓 或頁(yè)面位置變化所產(chǎn)生的視覺(jué)效果都各不相同。網(wǎng)站上常見(jiàn)的頁(yè)面上。下、左、右、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使產(chǎn)生的空間層次富有彈性，同時(shí)也讓人發(fā)生輕松或緊迫的感受。
5、瀏覽器兼容性，太多的網(wǎng)站首頁(yè)中加入了“請(qǐng)?jiān)?00×600分辨率下使用IE瀏覽器瀏覽本網(wǎng)站”等字樣的文字。我是安裝了IE、NC和Opera，因?yàn)槲乙谱骶W(wǎng)頁(yè)，需要它們來(lái)檢驗(yàn)網(wǎng)頁(yè)在這些瀏覽器下的可讀性。但一般用戶不會(huì)安裝那么多的瀏覽器，更加不會(huì)牢記著哪個(gè)網(wǎng)站需要用哪個(gè)瀏覽器瀏覽。
網(wǎng)頁(yè)設(shè)計(jì)之后，你需要花費(fèi)額外的時(shí)間維護(hù)你的精心設(shè)計(jì)。畢竟，他們不僅吸引了讀者的眼球，更是網(wǎng)站設(shè)計(jì)的重要組成要素，維護(hù)是必不可少的因素。
參考資料：深圳網(wǎng)站建設(shè)http:///website/
第二篇：網(wǎng)頁(yè)制作經(jīng)驗(yàn)總結(jié)
目錄：
1.域名前面加圖標(biāo)
2.插入關(guān)鍵字，說(shuō)明等（書(shū)上是P89）
3.利用模板做網(wǎng)站
4.如何提交關(guān)鍵字，才能達(dá)到更好的產(chǎn)品推廣效果
5.常用HTML代碼
1.域名前面加圖標(biāo)
ico文件制作第一步：用畫(huà)圖軟件做一個(gè)16*16（32*32）的圖像文件，為jpg或gif格式；第二步：然后通過(guò)
1、http:///html-kit/services/favicon英文網(wǎng)站
2、http://“>
注意：其中的5是指停留5秒鐘后自動(dòng)刷新到URL網(wǎng)址。
4.Set-Cookie(cookie設(shè)定)
說(shuō)明：如果網(wǎng)頁(yè)過(guò)期，那么存盤(pán)的cookie將被刪除。
用法：
expires=Wednesday, 21-Oct-98 16:14:21 GMT;path=/“>
注意：必須使用GMT的時(shí)間格式。
5.Window-target(顯示窗口的設(shè)定)
說(shuō)明：強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示。
用法：
注意：用來(lái)防止別人在框架里調(diào)用你的頁(yè)面。
5.Content-Type(顯示字符集的設(shè)定)
說(shuō)明：設(shè)定頁(yè)面使用的字符集。(我們?cè)谇懊孀煮w設(shè)計(jì)中已經(jīng)介紹過(guò)它的作用)
用法：
●meat標(biāo)簽的NAME變量語(yǔ)法格式是：
其中xxx主要有下面幾種參數(shù)：
1.Keywords(關(guān)鍵字)
說(shuō)明：keywords用來(lái)告訴搜索引擎你網(wǎng)頁(yè)的關(guān)鍵字是什么。
舉例：
2.description(簡(jiǎn)介)
說(shuō)明：description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。
舉例：
life, the universe, mankind and plants.“>
3.robots(機(jī)器人向?qū)?
說(shuō)明：robots用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引，哪些頁(yè)面不需要索引。
CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all。
舉例：
4.author(作者)
說(shuō)明：標(biāo)注網(wǎng)頁(yè)的作者
舉例：
以上是meta標(biāo)簽的一些基本用法，其中最重要的就是:Keywords和description的設(shè)定。
為什么呢？道理很簡(jiǎn)單，這兩個(gè)語(yǔ)句可以讓搜索引擎能準(zhǔn)確的發(fā)現(xiàn)你，吸引更多的人訪問(wèn)
你的站點(diǎn)!
根據(jù)現(xiàn)在流行搜索引擎(Lycos，AltaVista等)的工作原理,搜索引擎首先派出機(jī)器人自動(dòng)
在www上搜索，當(dāng)發(fā)現(xiàn)新的網(wǎng)站時(shí)，便檢索頁(yè)面中的keywords和decription，并將其加入到自己的數(shù)據(jù)庫(kù)，然后再根據(jù)關(guān)鍵詞的密度將網(wǎng)站排序。
也就是說(shuō)：
1.如果你的頁(yè)面中根本沒(méi)有Keywords和description的meta標(biāo)簽，那么機(jī)器人是
無(wú)法將你的站點(diǎn)加入數(shù)據(jù)庫(kù)，網(wǎng)友也就不可能搜索到你的站點(diǎn)。
2.如果你的關(guān)鍵字選的不好，關(guān)鍵字的密度不高，被排列在幾十甚至幾百萬(wàn)個(gè)站點(diǎn)的后面
被點(diǎn)擊的可能性也是非常小的。
所以,我們必須記住添加keywords和description的meta標(biāo)簽，并盡可能寫(xiě)好關(guān)鍵字和簡(jiǎn)介。
寫(xiě)keywords的禁忌是：
1.不要用常見(jiàn)詞匯。例如www,homepage,net,web等。
2.不要用形容詞，副詞。例如最好的，最大的等。
3.不要用籠統(tǒng)的詞匯，要盡量精確。例如不用”摩托羅拉手機(jī)“,改用”V998“等
尋找合適的關(guān)鍵詞的一個(gè)技巧是：到lycos,Alta,infoseek等搜索引擎，搜索與你內(nèi)容相仿的網(wǎng)站，查看排名前十位的網(wǎng)站的meta關(guān)鍵字，copy下來(lái)用到自己的站點(diǎn)上。
這里，我們舉一段微軟多媒體網(wǎng)站的關(guān)鍵字供你參考：
小資源:人們最常用的一些搜索詞(即關(guān)鍵詞)可以到
兩個(gè)網(wǎng)址一看，那里有每個(gè)月網(wǎng)上最流行搜索詞的排行榜.另外為了提高搜索點(diǎn)擊率，這里還有一些”邪門(mén)歪道“：
1.為了增加關(guān)鍵詞的密度，將關(guān)鍵字隱藏在頁(yè)面里(將文字顏色定義成與背景顏色一樣)。
2.在圖象的alt注釋語(yǔ)句中加入關(guān)鍵字。
如：
3.利用HTML的注釋語(yǔ)句，在頁(yè)面代碼里加入大量關(guān)鍵字。
用法：
如何提交關(guān)鍵字，才能達(dá)到更好的產(chǎn)品推廣效果
1.利用模板做網(wǎng)站
另存為 模板——插入記錄--可編輯區(qū)域——新建從模板
4.如何提交關(guān)鍵字，才能達(dá)到更好的產(chǎn)品推廣效果
2、為什么網(wǎng)頁(yè)標(biāo)題或摘要中一定要含有查詢關(guān)鍵字？
答：即使您排在搜索結(jié)果的第一位，點(diǎn)擊率既可能高至90%以上，也可能低至10%以下，決定因素是您的網(wǎng)頁(yè)摘要的相關(guān)性。而用戶判斷相關(guān)性的首要因素是您的網(wǎng)頁(yè)標(biāo)題或摘要中是否含有他輸入的關(guān)鍵字。所以您一定要配合您選擇的關(guān)鍵字，認(rèn)真填寫(xiě)您的網(wǎng)頁(yè)摘要，使您的網(wǎng)頁(yè)摘要與各關(guān)鍵字相關(guān)，以吸引訪問(wèn)者。
3、為什么要在標(biāo)題或網(wǎng)頁(yè)描述中前20個(gè)字要出現(xiàn)查詢關(guān)鍵字？
答：競(jìng)價(jià)排名是通過(guò)提交產(chǎn)品關(guān)鍵字來(lái)尋找產(chǎn)品的潛在客戶，您要為每一個(gè)產(chǎn)品關(guān)鍵字撰寫(xiě)產(chǎn)品標(biāo)題和產(chǎn)品的網(wǎng)頁(yè)描述，例如：產(chǎn)品性能介紹、產(chǎn)品價(jià)格和購(gòu)買電話等。這樣可以吸引訪問(wèn)者，更準(zhǔn)確地尋找產(chǎn)品的潛在客戶。為了達(dá)到更好的推廣效果，建議您一定要將與產(chǎn)品關(guān)鍵字最直接的介紹撰寫(xiě)在網(wǎng)頁(yè)描述的前面。
4、我可以提交多少個(gè)關(guān)鍵字，是1個(gè)還是2個(gè)？
答：關(guān)鍵字?jǐn)?shù)量不受限制，您可以提交多個(gè)關(guān)鍵字。您可以為您的任何一個(gè)網(wǎng)頁(yè)選擇任意多個(gè)關(guān)鍵字，網(wǎng)民搜索這些關(guān)鍵字中的任何一個(gè)時(shí)，您的網(wǎng)頁(yè)介紹信息都會(huì)出現(xiàn)在搜索結(jié)果最前列。
5、我提交的關(guān)鍵字可以搜索出我的網(wǎng)站，沒(méi)有提交的關(guān)鍵字就不出現(xiàn)我的網(wǎng)站嗎？
答：您沒(méi)有提交的關(guān)鍵字的有可能會(huì)出現(xiàn)您的網(wǎng)站。競(jìng)價(jià)排名系統(tǒng)采用“智能搜索”，會(huì)讓客戶的網(wǎng)站顯示機(jī)會(huì)大大增加，從而被更多潛在客戶看到。若檢索詞有競(jìng)價(jià)排名客戶購(gòu)買，直接出現(xiàn)競(jìng)價(jià)排名客戶網(wǎng)站；若檢索詞沒(méi)有競(jìng)價(jià)排名客戶購(gòu)買，那么智能搜索將會(huì)查找該行業(yè)通用詞，顯示所有購(gòu)買了行業(yè)通用詞的競(jìng)價(jià)排名客戶網(wǎng)站。
6、我沒(méi)有提交的關(guān)鍵字也出現(xiàn)了我網(wǎng)站，關(guān)鍵字如何計(jì)費(fèi)呢？
答：競(jìng)價(jià)排名系統(tǒng)采用智能搜索，系統(tǒng)將會(huì)智能判斷用戶的搜索請(qǐng)求，當(dāng)網(wǎng)民的搜索請(qǐng)求和競(jìng)價(jià)排名用戶注冊(cè)的關(guān)鍵字內(nèi)容非常相關(guān)，就會(huì)在搜索結(jié)果頁(yè)面顯示客戶的推廣網(wǎng)站（或網(wǎng)
頁(yè)）。例如：用戶搜索“我要買鮮花”，而競(jìng)價(jià)排名的客戶中沒(méi)有人購(gòu)買這個(gè)關(guān)鍵字，那么系統(tǒng)會(huì)自動(dòng)進(jìn)行智能搜索，查找該行業(yè)通用詞“鮮花”，自動(dòng)顯示“鮮花”的競(jìng)價(jià)排名客戶，如果發(fā)生了訪問(wèn)將會(huì)按“鮮花”的訪問(wèn)價(jià)格收費(fèi)，同時(shí)在統(tǒng)計(jì)報(bào)告里記錄一次點(diǎn)擊和相應(yīng)的消費(fèi)金額。
7、我可以為我的網(wǎng)站選擇任何搜索關(guān)鍵字嗎?
答：不可以，為了保證網(wǎng)民檢索結(jié)果的質(zhì)量，只有跟您的網(wǎng)頁(yè)緊密相關(guān)的關(guān)鍵字才能通過(guò)審核。
以下幾種情況，均屬于與網(wǎng)頁(yè)內(nèi)容無(wú)關(guān)：
（1）與您公司的產(chǎn)品無(wú)關(guān)，關(guān)鍵字是其競(jìng)爭(zhēng)對(duì)手或同行業(yè)其他企業(yè)的公司名稱或產(chǎn)品；
（2）網(wǎng)站上沒(méi)有與關(guān)鍵字相關(guān)的內(nèi)容的網(wǎng)頁(yè)，不能選擇該關(guān)鍵字；
（3）關(guān)鍵字不能是：公司產(chǎn)品應(yīng)用的領(lǐng)域、提供的服務(wù)涉及的范圍等等；
（4）通用詞匯：求職、招聘、下載、免費(fèi)、企業(yè)、公司、服務(wù)等，網(wǎng)站必須有大量該領(lǐng)域的相關(guān)內(nèi)容才能通過(guò)審查，如果只提供該領(lǐng)域的一種或很少的幾種產(chǎn)品或服務(wù)，不能通過(guò)審核。
8、我可以用產(chǎn)品名稱做為關(guān)鍵字嗎？
答：可以。與關(guān)鍵字匹配的url所指的網(wǎng)頁(yè)上必須含有與關(guān)鍵字相關(guān)內(nèi)容，如某網(wǎng)上商城，雖然有一頁(yè)的產(chǎn)品是鼠標(biāo)，但如果首頁(yè)上沒(méi)有與鼠標(biāo)相關(guān)的內(nèi)容，那么關(guān)鍵字”鼠標(biāo)“不能指向該網(wǎng)站首頁(yè)，只能指向含有鼠標(biāo)的頁(yè)面。
9、我公司是西門(mén)子的一級(jí)代理，可以提交西門(mén)子做為關(guān)鍵字嗎？
答：您不是西門(mén)子公司的網(wǎng)站因此原則上是不可以用其他公司名做為關(guān)鍵字提交，而您是西門(mén)子的一級(jí)代理并在線銷售相關(guān)產(chǎn)品，因此您需要修改標(biāo)題和網(wǎng)頁(yè)描述。
例如：易趣網(wǎng)在提交“西門(mén)子”關(guān)鍵字
標(biāo)題：易趣西門(mén)子電子專區(qū)
網(wǎng)頁(yè)描述：無(wú)論是手機(jī)，電話，還是各類西門(mén)子電子產(chǎn)品，在易趣您都可以找到最多最好的。
并將網(wǎng)站ＵＲＬ指向關(guān)鍵字相關(guān)頁(yè)面。
10、同一個(gè)關(guān)鍵字，我可以注冊(cè)多個(gè)網(wǎng)頁(yè)嗎？
答：不可以。我們不希望網(wǎng)民搜索一個(gè)關(guān)鍵字的時(shí)候，搜索結(jié)果中出現(xiàn)大量來(lái)自一個(gè)網(wǎng)站的網(wǎng)頁(yè)。一般情況下，您只能為一個(gè)關(guān)鍵字注冊(cè)一個(gè)網(wǎng)頁(yè)（url）
以下四種情況，均屬于重復(fù)提交關(guān)鍵字：
（1）同一個(gè)網(wǎng)站上的不同網(wǎng)頁(yè)，不能注冊(cè)相同的關(guān)鍵字；
（2）網(wǎng)站有多個(gè)不同的網(wǎng)址（url），均指向同一個(gè)網(wǎng)頁(yè)，那么這些也不能注冊(cè)相同的關(guān)鍵字；
（3）使用競(jìng)價(jià)排名系統(tǒng)開(kāi)了多個(gè)不同的賬戶，也不能為網(wǎng)站里的網(wǎng)頁(yè)重復(fù)注冊(cè)同一個(gè)關(guān)鍵字；
（4）網(wǎng)站有多個(gè)鏡像站點(diǎn)，同一個(gè)關(guān)鍵字不能匹配多個(gè)鏡像網(wǎng)站。
11、我可以選擇上海、美國(guó)這些地名做為關(guān)鍵字嗎？
答：如果您選擇的關(guān)健字屬于地理名稱或地區(qū)名稱，那么，您的網(wǎng)站必須提供該地區(qū)的信息、政府機(jī)構(gòu)、或具有吸引力的事件、活動(dòng)，或提供與該地區(qū)相關(guān)的服務(wù)如旅游、鮮花快遞、留學(xué)移民等。僅僅在您網(wǎng)站上有該地名是不夠的，僅僅您的企業(yè)或網(wǎng)站名稱中含有該地名也是不夠的，都不能通過(guò)審查。比如上海當(dāng)?shù)氐拈T(mén)戶上海熱線，或者某旅游網(wǎng)站關(guān)于上海的欄目可以選擇”上海“作為關(guān)鍵字，但”上海汽車廠“不能選擇”上?！白鳛殛P(guān)鍵字，某旅游網(wǎng)站的首頁(yè)也不能選擇”上?！白鳛殛P(guān)鍵字，只有專門(mén)介紹上海的那個(gè)網(wǎng)頁(yè)才能注冊(cè)關(guān)鍵字”上海“。
12、我可以選擇教育、下載、公司、服務(wù)這些熱門(mén)通用詞匯嗎？
答：如果您選擇的關(guān)鍵字屬于通用詞匯，如教育、娛樂(lè)、金融、免費(fèi)、下載、服務(wù)、企業(yè)、公司等，那么您的網(wǎng)站必須有大量該領(lǐng)域的內(nèi)容才能通過(guò)審查，如果你只提供該領(lǐng)域的一種或很少的幾種產(chǎn)品或服務(wù)，那么不會(huì)通過(guò)審查。各種媒體和娛樂(lè)類關(guān)鍵字，如書(shū)、小說(shuō)、雜志、cd、dvd，音樂(lè)、電影、游戲、mp3等，也只有提供大量相關(guān)信息或服務(wù)的網(wǎng)站才能選擇。關(guān)鍵字查詢信息中，您填寫(xiě)的標(biāo)題和描述也必須與您的網(wǎng)站（或網(wǎng)頁(yè)）內(nèi)容相符合，您的網(wǎng)頁(yè)描述應(yīng)盡量表明，為什么您看到網(wǎng)站是優(yōu)秀的。
13、我可以為任何網(wǎng)站選擇搜索關(guān)鍵字嗎？
答：您注冊(cè)的網(wǎng)站必須是您自己的網(wǎng)站，不能為別人的網(wǎng)站選擇搜索關(guān)鍵字。雖然注冊(cè)時(shí)您無(wú)需提供相關(guān)證明，但是，如果我們要求驗(yàn)證您的網(wǎng)站所有權(quán)，您必須能提供足夠的證明。
在發(fā)生爭(zhēng)議，而您又不能提供網(wǎng)站所有權(quán)證明或提供的證明不充分的情況下，百度競(jìng)價(jià)排名系統(tǒng)會(huì)暫停對(duì)您提供的搜索引擎排名服務(wù)。您填寫(xiě)的url必須是直接指向您自己的網(wǎng)站，即使做重定向，也必須指向您自己的網(wǎng)站。任何時(shí)候，如果發(fā)現(xiàn)有重定向到其它網(wǎng)站或與選擇的關(guān)鍵字內(nèi)容不符的網(wǎng)站，百度競(jìng)價(jià)排名系統(tǒng)有權(quán)在未通知您的情況下立即終止相關(guān)服務(wù)。5.常用HTML代碼
插入圖片：
加入連接：寫(xiě)上你想寫(xiě)的字
在新窗口打開(kāi)連接：寫(xiě)上要寫(xiě)的字
移動(dòng)字體(走馬燈)：
字體加粗：寫(xiě)上你想寫(xiě)的字
字體斜體：寫(xiě)上你想寫(xiě)的字
字體下劃線: 寫(xiě)上你想寫(xiě)的字
字體刪除線: 寫(xiě)上你想寫(xiě)的字
字體加大: 寫(xiě)上你想寫(xiě)的字
字體控制大小：寫(xiě)上你想寫(xiě)的字(其中字體大小可通過(guò)12px部分控制)
更改字體顏色：寫(xiě)上你想寫(xiě)的字(其中value值在000000與ffffff(16位進(jìn)制)之間
消除連接的下劃線：寫(xiě)上你想寫(xiě)的字
插入音樂(lè)：
插入影視文件：
換行：
段落：
段落
插入背景音樂(lè)：
第三篇：Frontpage網(wǎng)頁(yè)制作經(jīng)驗(yàn)總結(jié)
【摘要】Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見(jiàn)即所得的方式編輯網(wǎng)頁(yè)，利用它可以輕松的組織、編輯網(wǎng)頁(yè)并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的。
【關(guān)鍵字】Frontpage創(chuàng)建站點(diǎn)、新建頁(yè)面、文字、超鏈接
現(xiàn)在流行的網(wǎng)頁(yè)制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有Adobe Pagemill 3.0--制作多框架，表單和Image map 圖像的網(wǎng)頁(yè)工具、Netscape等等。其中Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見(jiàn)即所得的方式編輯網(wǎng)頁(yè)，利用它可以輕松的組織、編輯網(wǎng)頁(yè)并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。
工具準(zhǔn)備好了，可根據(jù)你的個(gè)人喜好來(lái)選擇一些素材，如圖片、喜歡的文章等。現(xiàn)在就讓我們從第一步的建立站點(diǎn)來(lái)踏上建造網(wǎng)上家園之旅。
用FRONTPAGE創(chuàng)建站點(diǎn)是很容易的。首先，我們來(lái)看一下創(chuàng)建一個(gè)只包含一個(gè)網(wǎng)頁(yè)的站點(diǎn)。選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，這時(shí)新建站點(diǎn)對(duì)話框就彈出來(lái)了，在“指定新站點(diǎn)位置”文本框中輸入新站點(diǎn)的位置，單擊“只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)” 圖標(biāo)，單擊“確定”按鈕。這就建立好站點(diǎn)了，我們現(xiàn)在來(lái)看一下新的站點(diǎn)里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個(gè)網(wǎng)頁(yè)文件，名字叫做“index.htm”。我們知道，每一個(gè)站點(diǎn)都要有一個(gè)主頁(yè)，這個(gè)主頁(yè)也是一個(gè)網(wǎng)頁(yè)文件。瀏覽者訪問(wèn)站點(diǎn)時(shí)首先進(jìn)入的就是站點(diǎn)的主頁(yè)。主頁(yè)的名字在一般情況下就叫做“index.htm”。就是說(shuō)我們新建只包含一個(gè)網(wǎng)頁(yè)的站點(diǎn)時(shí)，F(xiàn)RONTPAGE就自動(dòng)為我們創(chuàng)建了站點(diǎn)的主頁(yè)了。這個(gè)新建的站點(diǎn)主頁(yè)時(shí)空的，我們可以向里面添加內(nèi)容。
在文件列表里除了主頁(yè)之外，還有文件夾。新建站點(diǎn)時(shí)，F(xiàn)RONTPAGE都會(huì)在站點(diǎn)所在位置下新建兩個(gè)文件夾，一個(gè)是“images”另一個(gè)是“_private”。我們?cè)诰庉嬚军c(diǎn)時(shí)可以在“image”文件夾里放置站點(diǎn)用到的圖片?！皃rivate”文件夾比較特殊，其中的文件對(duì)瀏覽者來(lái)說(shuō)是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁(yè)文件放在這個(gè)文件夾里，比如：我們可以在這個(gè)文件夾里存放注冊(cè)用戶的個(gè)人信息。
盡管每一個(gè)站點(diǎn)都要有一個(gè)主頁(yè)，不過(guò)創(chuàng)建站點(diǎn)時(shí)我們?nèi)匀豢梢詮囊粋€(gè)空站點(diǎn)開(kāi)始：選擇“文件”菜單的“新建”命令，單擊“站點(diǎn)”選項(xiàng)，在“新建站點(diǎn)”對(duì)話框里，我們可以選擇“空站點(diǎn)”圖標(biāo)來(lái)創(chuàng)建一個(gè)空站點(diǎn)?！靶陆ㄕ军c(diǎn)”對(duì)話框中還有許多其他圖標(biāo)，這是FRONTPAGE提供的用來(lái)創(chuàng)建站點(diǎn)模板或向?qū)?。我們?chuàng)建只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)或者創(chuàng)建空站點(diǎn)，都是從頭開(kāi)始來(lái)創(chuàng)建一個(gè)站點(diǎn)，這就好像蓋房子一樣，首先畫(huà)圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。
同樣的，盡管站點(diǎn)的風(fēng)格千差萬(wàn)別但是有許多站點(diǎn)的功能和結(jié)構(gòu)都是一樣的，如果我們從頭開(kāi)始建立站點(diǎn)的話，就要做許多重復(fù)勞動(dòng)，這時(shí)，我們就可以使用模板或向?qū)?lái)建立站點(diǎn)。模板和向?qū)У淖饔镁秃孟裆w房子的圖紙一樣，我們不必每次建立站點(diǎn)時(shí)都從頭開(kāi)始。我們單擊“個(gè)人站點(diǎn)”圖標(biāo)，用它可以迅速創(chuàng)建一個(gè)個(gè)人站點(diǎn)，輸入站點(diǎn)所在的位置，單擊“確定”按鈕，這樣我們剛就創(chuàng)建了個(gè)人站點(diǎn)。個(gè)人站點(diǎn)模板已經(jīng)為我們規(guī)劃好了站點(diǎn)的目錄和建立了相關(guān)的頁(yè)面?，F(xiàn)在我們點(diǎn)擊一下“文件夾”按鈕，雙擊index.htm圖標(biāo)，看，這就是我們的個(gè)人站點(diǎn)的主頁(yè)。哎，好象有許多文字都不對(duì)，沒(méi)關(guān)系，這些文字都是可以改變的，現(xiàn)在寫(xiě)的是文字的用途，比如“主題”文字就是用來(lái)寫(xiě)網(wǎng)站標(biāo)題的地方，我們只要把它改為自己喜歡的標(biāo)題就可以了。返回到“文件夾”模式，雙擊photo.htm。也可以把風(fēng)景圖片換成自己的照片，只要在新建站點(diǎn)的基礎(chǔ)上進(jìn)一步修改就可以做出自己的個(gè)人站點(diǎn)了。這不僅節(jié)省了許多力氣，同時(shí)也給了初學(xué)者一個(gè)良好的出發(fā)點(diǎn)。
那么模板和向?qū)в惺裁磪^(qū)別呢？我們安裝軟件時(shí)，一步步的用對(duì)話框提示我們完成安裝過(guò)程的程序就是一個(gè)向?qū)?。在FRONTPAGE里，向?qū)б彩且环N模板，不過(guò)它是一種特殊的模板，它會(huì)以對(duì)話框的形式輔助你完成站點(diǎn)的創(chuàng)建過(guò)程。
現(xiàn)在我們選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，你看，F(xiàn)RONTPAGE提供了兩個(gè)向?qū)В汗菊故鞠驅(qū)?、討論站點(diǎn)向?qū)?，使用起?lái)都很方便，你有興趣也可以利用向?qū)Ы⒁粋€(gè)站點(diǎn)。
創(chuàng)建頁(yè)面最簡(jiǎn)單的就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個(gè)向下的小箭頭，它是用來(lái)選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁(yè)、站點(diǎn)、文件夾和任務(wù)。默認(rèn)狀態(tài)下是新建網(wǎng)頁(yè)。
如果要新建網(wǎng)頁(yè)，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過(guò)使用文件菜單的“新建”命令來(lái)新建網(wǎng)頁(yè)能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁(yè)”，在“新建”對(duì)話框里，可以看到FRONTPAGE提供的許多網(wǎng)頁(yè)模板，我們可以用這些模板來(lái)建立相應(yīng)的網(wǎng)頁(yè)。在右下角的預(yù)覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁(yè)，這樣就創(chuàng)建了一個(gè)新的分為兩欄的網(wǎng)頁(yè)了。然后點(diǎn)確定。使用模板可以不用總是從空白網(wǎng)頁(yè)開(kāi)始編輯，這樣就省力很多。
網(wǎng)上幾乎所以的網(wǎng)頁(yè)都使用圖片加以點(diǎn)綴，在網(wǎng)頁(yè)中插入適當(dāng)?shù)膱D片，能夠產(chǎn)生圖文并茂的效果。
如果有一個(gè)圖形，怎么把它放到網(wǎng)頁(yè)上呢？
首先要看你的圖形是什么格式的，也就是它擴(kuò)展名是什么 只有擴(kuò)展名為GIF和JPEG的圖形文件才能成為我們的頁(yè)面的一部分。因?yàn)檫@兩種圖形格式不僅廣泛，而且有利于節(jié)省存貯空間。如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網(wǎng)頁(yè)時(shí)FRONTPAGE會(huì)提示做格式轉(zhuǎn)換，F(xiàn)RONTPAGE可以自動(dòng)進(jìn)行格式轉(zhuǎn)換。
現(xiàn)在可我們看看怎么插入圖形 選擇“插入”菜單的“圖片”命令，單擊“來(lái)自文件”按鈕。
在默認(rèn)情況下，F(xiàn)RONTPAGE認(rèn)為你要插入的圖片總是放在你建立的站點(diǎn)的目錄或它的子目錄下的?？梢哉f(shuō),站點(diǎn)就是一個(gè)目錄。我們把編輯的許多網(wǎng)頁(yè)文件放在同一個(gè)目錄下，我們稱這個(gè)目錄為站點(diǎn)的主目錄。這些網(wǎng)頁(yè)引用的圖形一般也放在這個(gè)目錄下。當(dāng)然，我們也可以在這個(gè)目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進(jìn)行選擇。
如果要插入的圖片不在主目錄下, 在“選擇文件”對(duì)話框中進(jìn)行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對(duì)話框。單擊“確定”按鈕，圖形就插入了。現(xiàn)在單擊“常用”工具欄的“保存”按鈕。在“另存為”對(duì)話框中輸入新的web頁(yè)文件的名字，單擊“保存”按鈕。出現(xiàn)了一個(gè)對(duì)話框, 因?yàn)槲覀儎偛挪迦氲奈募辉谡军c(diǎn)內(nèi)，現(xiàn)在FRONTPAGE要把它復(fù)制到站點(diǎn)內(nèi)，可是使用什么名字，放在站點(diǎn)的哪個(gè)目錄下呢，就要在這設(shè)置了，單擊“改變文件夾”按鈕，另外這兒還在需要時(shí)對(duì)圖形的格式進(jìn)行轉(zhuǎn)換。單擊“位置”按鈕，在默認(rèn)情況下，圖形被保存在站點(diǎn)的主目錄下，現(xiàn)在我們選擇IMAGE目錄，單擊“確定”按鈕?；氐健扒度胧轿募贝翱?，再單擊“確定”。這樣，圖形就保存在站點(diǎn)內(nèi)了
我們還可以從INTERNET上插入一個(gè)圖形。選擇“插入”菜單的“圖片”命令，在URL欄內(nèi)輸入圖片的地址，單擊“確定”按鈕。由于是插入網(wǎng)上的圖片，因此在插入圖形以后，應(yīng)該保存一下網(wǎng)頁(yè)，使圖形存到站點(diǎn)內(nèi)。
您可能說(shuō),我不會(huì)畫(huà)畫(huà)，插入圖片容易，可是編輯圖片就不容易了。沒(méi)關(guān)系，F(xiàn)RONTPAGE自己帶有許多剪貼畫(huà)，你可以把它們插入到自己的網(wǎng)頁(yè)。選擇“插入”菜單的“圖片”命令，選擇“剪貼畫(huà)”。你看，各種剪貼畫(huà)都分類放好了。你可以自由地選
擇。不過(guò)，插入后別忘了保存網(wǎng)頁(yè)，把剪貼畫(huà)復(fù)制到站點(diǎn)目錄下。
一般我們插入的圖形總是和文本在一起的，所以調(diào)整圖形和文本的對(duì)齊方式很重要。在默認(rèn)情況下，圖形自動(dòng)與文本的底部對(duì)齊。這一個(gè)網(wǎng)頁(yè)，由于默認(rèn)的對(duì)齊效果，頁(yè)面出現(xiàn)了大量的空白。這時(shí)就要調(diào)整圖形的對(duì)齊屬性。在圖形上單擊鼠標(biāo)右鍵，選擇“圖片屬性”，選擇“外觀”選項(xiàng)卡我們把對(duì)齊方式調(diào)整為“左對(duì)齊”。使用圖形可以使網(wǎng)頁(yè)更加豐富多彩，而且我們還可以用圖形來(lái)建立超鏈接，使網(wǎng)頁(yè)相互聯(lián)系起來(lái)。怎么用圖形來(lái)建立鏈接呢？ 其實(shí)圖形超鏈接只要在建立超鏈接時(shí)選擇圖形就可以了。首先選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁(yè)文件“頁(yè)面
1.htm”，單擊“確定”按鈕.在普通模式中，按住CTRL鍵，單擊箭頭圖形，就跳到主頁(yè)頁(yè)面了。
如果我們要在圖片上加上文字，單擊圖形工具欄“文本”按鈕，現(xiàn)在圖形中就出現(xiàn)了一個(gè)文本框，輸入：“機(jī)軟件”按一下Esc鍵，取消文字編輯，就選中文字框了，調(diào)整文本框到合適的位置，單擊頁(yè)面其他區(qū)域，文字就添加成功了。
如果我要修改 單擊一下要修改的文字，這時(shí)文字作為一個(gè)整體被選中了，再點(diǎn)一下文字，這時(shí)文本框里有光標(biāo)閃爍，你可以編輯文本了，重新輸入：“計(jì)算機(jī)硬件”，在頁(yè)面其他區(qū)域單擊。文字就修改完成了。
怎樣使文字更豐富、活潑呢？一個(gè)簡(jiǎn)單的就是使用“格式”工具欄。
字體設(shè)置：選上文字，打開(kāi)格式工具欄的“字體”下拉列表框，在里面選擇相應(yīng)的字體就可以了。如果瀏覽網(wǎng)頁(yè)的人使用的計(jì)算機(jī)沒(méi)有設(shè)置的字體？瀏覽器會(huì)用系統(tǒng)默認(rèn)的字體代替你設(shè)置的字體。不過(guò)，使用常用字體是一個(gè)好習(xí)慣。
字號(hào)設(shè)置：在“格式”工具欄“字號(hào)”下拉列表框中選擇相應(yīng)字體就可以了
工具欄上的B、I、U圖標(biāo)的作用是：
按下B按鈕，被選中的文字就會(huì)變?yōu)榇煮w
按下I按鈕，被選中的文字就會(huì)變?yōu)樾斌w
按下u按鈕，被選中的文字就會(huì)帶下畫(huà)線
字的顏色：?jiǎn)螕簟案袷健惫ぞ邫凇白煮w顏色”按鈕旁的向下箭頭，選擇適當(dāng)?shù)念伾?，字的顏色就改變了?/p>
還可以對(duì)字體進(jìn)行一些其他設(shè)置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進(jìn)一步的設(shè)置。這里除了“格式”工具欄可以做的設(shè)置以外，還可以設(shè)置許多效果?！白址g距”選項(xiàng)卡：它是用來(lái)設(shè)置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴(kuò)充還是緊縮的。選擇擴(kuò)充，這時(shí)預(yù)覽框的文字間距就變大了。也可以調(diào)整間距大小來(lái)改變間距，輸入10，文字的間距就更大了。
“定位”下拉列表：在FRONTPAGE中每一行都有一個(gè)底線，定位就是指文字相對(duì)于底線的距離。也就是把文字上下移動(dòng)，現(xiàn)在選擇“上移”，文字就向上移動(dòng)了。預(yù)覽框中的黑線就是行的底線。
設(shè)計(jì)好的頁(yè)面，應(yīng)該檢查它在瀏覽器中是否顯示正常。
方法是，一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項(xiàng)卡，在這個(gè)預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來(lái)檢查編輯的網(wǎng)頁(yè)了。因?yàn)榧词故峭粋€(gè)頁(yè)面，可能在不同的瀏覽器中顯示會(huì)不太一樣。比如在INTERNET EXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機(jī)器上多裝幾個(gè)瀏覽器，用來(lái)檢查網(wǎng)頁(yè)的兼容性。
那么為什么不用不同的瀏覽器來(lái)檢查呢？選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項(xiàng)，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNET EXPLORER 5.0為例）單擊“確定”
按鈕。就可以看到新建頁(yè)面在瀏覽器中的效果了。
怎樣才能自己做的網(wǎng)頁(yè)相互聯(lián)系起來(lái)呢?也就是說(shuō)讓別人點(diǎn)頁(yè)面上的圖形或文本就跳轉(zhuǎn)到其他頁(yè)面呢？
在網(wǎng)頁(yè)里，我們把這種點(diǎn)擊后會(huì)進(jìn)行頁(yè)面切換的網(wǎng)頁(yè)界面元素叫超鏈接。先來(lái)看一下用文字來(lái)建立鏈接。
首先創(chuàng)建一個(gè)指向站點(diǎn)內(nèi)其他網(wǎng)頁(yè)的超鏈接。
選擇“插入”菜單的“超鏈接”命令，在文件列表框內(nèi)選擇“頁(yè)面1.htm”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預(yù)覽模式（單擊預(yù)覽按鈕），當(dāng)我們把鼠標(biāo)指向“主頁(yè)”兩字時(shí)鼠標(biāo)變成手形，單擊它，我們就切換到主頁(yè)了。
那么為什么不在普通模式下試呢？：因?yàn)槠胀Ｊ街饕怯脕?lái)編輯網(wǎng)頁(yè)的，當(dāng)我們?cè)谄胀Ｊ桨咽髽?biāo)指向“主頁(yè)”兩字時(shí)鼠標(biāo)沒(méi)有變成小手狀，因此不能進(jìn)行頁(yè)面切換。不過(guò)如果按住CTRL鍵，鼠標(biāo)就變成了小手狀。這時(shí)單擊就可以進(jìn)行切換了。也就是說(shuō)在普通模式中按住CTRL鍵才能激活超鏈接。
我們也可以將超鏈接指向其他站點(diǎn)的網(wǎng)頁(yè)。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對(duì)話框里，在URL地址欄直接輸入要連接的網(wǎng)頁(yè)或網(wǎng)站的地址。如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁(yè)，F(xiàn)RONTPAGE會(huì)自動(dòng)記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設(shè)置好的超鏈接。首先確認(rèn)是普通模式，在要改變的超鏈接下單擊鼠標(biāo)右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。要想取消超鏈接，刪除所有URL地址框里的就可以了。還有一種超鏈接，可以鏈接郵件。這樣可以使你的網(wǎng)上朋友通過(guò)Email及時(shí)與你聯(lián)系，這是一個(gè)網(wǎng)站站長(zhǎng)和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對(duì)話框，選擇“確定”，這時(shí)超鏈接就建立好了。我們?cè)囈幌?，切換到預(yù)覽模式，單擊郵件鏈接。
這樣我們就差不多完成了網(wǎng)頁(yè)的制作步驟，最后可將它發(fā)布到Web服務(wù)器上。站點(diǎn)發(fā)布前還要對(duì)它進(jìn)行檢查工作，包括超鏈接，頁(yè)面等。
【】
〈1〉喬春源，樊天岳等。信息技術(shù)。江蘇技術(shù)出版社，2001年7月。
〈2〉李振格。Office入門(mén)與提高。清華大學(xué)出版社，2001年2月。
〈3〉王超鋒。網(wǎng)頁(yè)制作。人民郵電出版社，2001年10月。
第四篇：網(wǎng)頁(yè)制作畢業(yè)論文
一 引 言
隨著Internet的誕生和發(fā)展，許多人不再僅僅局限于網(wǎng)上沖浪，而是參與到網(wǎng)站建設(shè)中。企業(yè)建站相當(dāng)于在網(wǎng)上建立一個(gè)家，你就可以在這里向客戶介紹你的企業(yè)，展示你的實(shí)力，推銷你的產(chǎn)品，網(wǎng)頁(yè)制作作為網(wǎng)站制作中一個(gè)重要的環(huán)節(jié)，相對(duì)于傳統(tǒng)的平面設(shè)計(jì)而言，網(wǎng)頁(yè)設(shè)計(jì)具有更多的新穎性，更多可以表現(xiàn)的手法。結(jié)合本人的實(shí)習(xí)過(guò)程，現(xiàn)就網(wǎng)站建設(shè)與管理過(guò)程中，網(wǎng)頁(yè)設(shè)計(jì)與制作的具體經(jīng)歷，包括：網(wǎng)頁(yè)設(shè)計(jì)與制作過(guò)程中的網(wǎng)頁(yè)布局、色彩構(gòu)置，框架結(jié)構(gòu)等相關(guān)事項(xiàng)做以下論述。
二 網(wǎng)站建設(shè)的流程
1.定義合適的域名。由域名構(gòu)成的網(wǎng)址會(huì)像商標(biāo)一樣，有助于將來(lái)塑造網(wǎng)上的形象。域名除了要符合公司的性質(zhì)以及信息內(nèi)容的特征外，還要具有簡(jiǎn)潔、易記、具有沖擊力的特點(diǎn)。
2.租用虛擬服務(wù)器。有了域名后，就需要一個(gè)空間存放網(wǎng)站，這個(gè)空間就是Internet上的服務(wù)器。一般虛擬主機(jī)提供商都能向用戶提供大容量、高速度的服務(wù)器，用戶可根據(jù)網(wǎng)站的內(nèi)容設(shè)置及其發(fā)展前景來(lái)選擇。
3.設(shè)計(jì)網(wǎng)頁(yè)。網(wǎng)頁(yè)的設(shè)計(jì)制作可以自己完成，也可以通過(guò)虛擬主機(jī)提供商或?qū)I(yè)的網(wǎng)頁(yè)設(shè)計(jì)制作商來(lái)完成。設(shè)計(jì)網(wǎng)頁(yè)前要收集所有需要放在網(wǎng)站上的文本資料、圖片等，并盡量用文字詳細(xì)說(shuō)明制作的框架結(jié)構(gòu)，將收集的材料提供給網(wǎng)頁(yè)設(shè)計(jì)者。
4.ICP備案。網(wǎng)站備案的目的就是為了防止在網(wǎng)上從事非法的網(wǎng)站經(jīng)營(yíng)活動(dòng)，打擊不良互聯(lián)網(wǎng)信息的傳播，如果網(wǎng)站不備案的話，很有可能被查處以后關(guān)停。ICP備案可以自主通過(guò)官方備案網(wǎng)站 http://004km.cn/sale/view.asp?Article ID=288 [4]許凌云，柳勇良.網(wǎng)頁(yè)設(shè)計(jì)全方位學(xué)習(xí)[M].北京：清華大學(xué)出版社，2008，11 [5]陳琳.photoshop cs3 入門(mén)實(shí)戰(zhàn)與提高[M].北京：電子工業(yè)出版社，2008，11 [6]焦慧.網(wǎng)頁(yè)制作基礎(chǔ)與典型范例[M].北京：電子工業(yè)出版社，2008，7 [7]戎馬工作室.Dreamweaver 8與asp動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)[M].北京：機(jī)械工業(yè)出版社，2006，5 [8]戴一波.Dreamweaver CS3網(wǎng)站制作炫例精講[M].北京：電子工業(yè)出版社，2008，1 [9]何秀芳.網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)課堂實(shí)錄[M].北京：人民郵電出版社.2009，3 [10]孫連三.新編網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)入門(mén)與提高[M].北京：人民郵電出版社.2008，9 [11]鄧文淵.網(wǎng)頁(yè)制作高手FLASH 8[M].北京：人民郵電出版社，2007，6 [12]胡崧.超夢(mèng)幻勁爆網(wǎng)頁(yè)[M].中國(guó)青年出版社.2008，7 [13]Scot Johson etal.using Active Server Page[J].Que 2007 [14]卓越科技.PHOTOSHOP CS3 美工廣告設(shè)計(jì)百煉成精[M].電子科技出版社，2009，3 [15]David Hunter etal，Beginning XML[J].Wrox Press Ltd，2005 [16]楊大勇，李金江.ASP網(wǎng)絡(luò)開(kāi)發(fā)自學(xué)導(dǎo)航[M].北京：機(jī)械工業(yè)出版社，2007，6 [17]卓越科技.SQL SERVER數(shù)據(jù)庫(kù)開(kāi)發(fā)培訓(xùn)教程[M].北京：電子工業(yè)出版社，2009，4 [18]李曦琳.WEB導(dǎo)航設(shè)計(jì)[M].北京：電子工業(yè)出版社，2009，3 [19]力誠(chéng)教育.ACCESS 2007完全自學(xué)手冊(cè)[M].成都：四川出版集團(tuán)，2009，3 [20]叢書(shū)編委會(huì).ASP動(dòng)態(tài)網(wǎng)頁(yè)編輯[M].北京：清華大學(xué)出版社，2006，10 [21]陳剛.商業(yè)網(wǎng)站開(kāi)發(fā)從入門(mén)到精通[M].科學(xué)出版社，2008，2 8
致 謝
畢業(yè)論文如期完成了，在此我要感謝在畢業(yè)設(shè)計(jì)期間給予我?guī)椭脑S多人。首先，我要特別感謝的是我敬愛(ài)的指導(dǎo)老師王琛老師。因?yàn)槭撬麨槲姨峁┝艘粋€(gè)良好的環(huán)境，才使我很好的完成了畢業(yè)設(shè)計(jì)。在設(shè)計(jì)期間他也給與我無(wú)私的幫助。在此表示深深的謝意。
正是他的付出，使我找到并改正了許多看起來(lái)很明顯的錯(cuò)誤和不嚴(yán)謹(jǐn)?shù)恼撌?。在畢業(yè)設(shè)計(jì)的過(guò)程中是愉快的，我很感謝與我設(shè)計(jì)有幫助的每一個(gè)人，是他們的存在，讓我感到了畢業(yè)設(shè)計(jì)的過(guò)程中的快樂(lè)，使我融入到了團(tuán)隊(duì)工作中，感受到了相互合作的樂(lè)趣。
我對(duì)所有人的耐心表示感謝，尤其是我的指導(dǎo)老師王琛老師。他仔細(xì)閱讀了我的論文和程序，并提出了許多寶貴的意見(jiàn)和建議。感謝他能在忙碌的工作中抽時(shí)間指導(dǎo)我。我在與他通過(guò)電話和電子郵件的聯(lián)系中很好的把握住了設(shè)計(jì)的進(jìn)度，使設(shè)計(jì)得以順利完成。
最后，當(dāng)然不能忘記幫助過(guò)我的老師和同學(xué)。寫(xiě)論文通常是一項(xiàng)非?？菰锏墓ぷ鳎疫\(yùn)的是他們使這項(xiàng)工作變成了一種樂(lè)趣。還有默默無(wú)聞幫過(guò)我的朋友，也在此表示對(duì)你們誠(chéng)摯的感謝。
第五篇：網(wǎng)頁(yè)制作論文
網(wǎng)頁(yè)制作論文
簡(jiǎn)介
網(wǎng)頁(yè)制作是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁(yè)設(shè)計(jì)師等崗位，應(yīng)用各種網(wǎng)絡(luò)程序開(kāi)發(fā)技術(shù)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，為企事業(yè)單位、公司或個(gè)人在全球互聯(lián)網(wǎng)上建設(shè)站點(diǎn)，并包含域名注冊(cè)和主機(jī)托管等服務(wù)的總稱。其作用為展現(xiàn)公司形象，加強(qiáng)客戶服務(wù)，完善網(wǎng)絡(luò)業(yè)務(wù)。網(wǎng)頁(yè)制作是企業(yè)開(kāi)展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。新競(jìng)爭(zhēng)力也認(rèn)為注重網(wǎng)站的網(wǎng)絡(luò)營(yíng)銷價(jià)值而不是外在表現(xiàn)。網(wǎng)頁(yè)制作是指使用標(biāo)識(shí)語(yǔ)言，通過(guò)一系列設(shè)計(jì)、建模、和執(zhí)行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸，瀏覽。
網(wǎng)頁(yè)制作要能充分吸引訪問(wèn)者的注意力，讓訪問(wèn)者產(chǎn)生視覺(jué)上的愉悅感。因此在網(wǎng)頁(yè)創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來(lái)。網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識(shí)通過(guò)藝術(shù)的手法表現(xiàn)出來(lái)。
目錄
1.網(wǎng)頁(yè)制作的兩種設(shè)計(jì)模式 2.網(wǎng)頁(yè)制作常用工具 3.flash 3.1flash簡(jiǎn)介 3.2flash動(dòng)畫(huà)的特點(diǎn) 3.3flash動(dòng)畫(huà)的前景 3.4flash在網(wǎng)頁(yè)中的應(yīng)用 3.5flash制作流程 4.fireworks
4.1fireworks簡(jiǎn)介
4.2fireworks在網(wǎng)頁(yè)中的應(yīng)用
4.3fireworks的重要性
4.4fireworks制作流程 5.參考文獻(xiàn)
正文
1.網(wǎng)頁(yè)制作的兩種設(shè)計(jì)模式
從前一般網(wǎng)頁(yè)都使用表格進(jìn)行排版設(shè)計(jì)，這樣作的優(yōu)點(diǎn)在于設(shè)計(jì)制作速度快，尤其在可視化網(wǎng)頁(yè)編輯器，如Microsoft FrontPage中，這樣設(shè)計(jì)顯得直觀而方便，然而這讓越來(lái)越復(fù)雜的版面需要許多不斷嵌套的表格設(shè)計(jì)，致使網(wǎng)頁(yè)代碼變得冗長(zhǎng)復(fù)雜，使文件體積增大，且不容易被搜索引擎查找。同時(shí)，這樣做也不利于大型網(wǎng)站的改版工作。
于是隨著主流網(wǎng)頁(yè)瀏覽器對(duì)CSS的支援度提高，近年來(lái)興起了一種新的網(wǎng)頁(yè)設(shè)計(jì)模式。被業(yè)界稱為“網(wǎng)頁(yè)重構(gòu)”的革命，其核心在于分隔網(wǎng)頁(yè)的風(fēng)格和內(nèi)容，指標(biāo)記語(yǔ)言(如HTML,XML)負(fù)責(zé)定義頁(yè)面的內(nèi)容，但不可以定義任何涉及網(wǎng)站外觀(風(fēng)格)的東西。而網(wǎng)站風(fēng)格就由另外的CSS檔案負(fù)責(zé)。在排版方面，新的模式提倡使用由CSS定義的DIV進(jìn)行頁(yè)面排版，而將表格還原為排列數(shù)據(jù)的最初功能。這種模式有很多好處，例如可以協(xié)助搜尋引擎查找網(wǎng)頁(yè)的情況，減小文件提及提高瀏覽速度，且由于一個(gè)CSS檔案可以控制多個(gè)頁(yè)面，這也給改版帶來(lái)了很大方便。
由于W3C是該模式極力的倡導(dǎo)者，于是業(yè)界鑒定網(wǎng)頁(yè)是否符合W3C標(biāo)準(zhǔn)，就可以在W3C網(wǎng)站自動(dòng)檢測(cè)該網(wǎng)站的情況。
這種模式也有缺點(diǎn)，其中一個(gè)弱點(diǎn)就是，在不同瀏覽器出來(lái)的效果會(huì)有分別，但這種情況主要是由于微軟的Internet Explorer對(duì)CSS文檔的支持有眾多缺陷造成的。另一方面，開(kāi)始設(shè)計(jì)CSS時(shí)，并不能清楚看到目標(biāo)，因此顯得不直觀。
網(wǎng)頁(yè)實(shí)際是一個(gè)文件，他存放在世界某個(gè)角落的的某一臺(tái)計(jì)算機(jī)中，而這臺(tái)計(jì)算機(jī)必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁(yè)經(jīng)由網(wǎng)址（URL）來(lái)識(shí)別與存取，當(dāng)我們?cè)跒g覽器輸入網(wǎng)址后，經(jīng)過(guò)一段復(fù)雜而又快速的程序，網(wǎng)頁(yè)文件會(huì)被傳送到你的計(jì)算機(jī)，然后再通過(guò)瀏覽器解釋網(wǎng)頁(yè)的內(nèi)容，再展示到你的眼前。
2.網(wǎng)頁(yè)制作常用工具
1、dreamweaver,用與編輯HTML、ASP、JSP、PHP時(shí)的輔助工具。Dreamweaver是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。
2、Frontpage 跟dreamweaver一樣，不過(guò)還是dreamweaver好。
3、FLASH 網(wǎng)頁(yè)需要畫(huà)面流動(dòng)時(shí)的首選擇
4、PS圖象處理軟件，一般網(wǎng)頁(yè)都需要有圖片相搭配，PS是款很強(qiáng)大的工具。
5、FW跟PS一樣都是圖象處理軟件，但FW偏向與對(duì)網(wǎng)頁(yè)的處理。
6、Adobe公司推出的cs3系列，軟件之間兼容性較好。可以用此系列對(duì)網(wǎng)站的美工特效進(jìn)行進(jìn)一步的修飾美化和優(yōu)化。
3.flash 3.1flash簡(jiǎn)介
Flash最早出現(xiàn)并興起于網(wǎng)絡(luò)，是網(wǎng)絡(luò)多媒體動(dòng)畫(huà)的重要制作形式，它是macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫(huà)的標(biāo)準(zhǔn)。網(wǎng)頁(yè)設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。其運(yùn)用范圍覆蓋諸多領(lǐng)域如電視廣告、網(wǎng)絡(luò)廣告、游戲、演示動(dòng)畫(huà)、課件、網(wǎng)頁(yè)、手機(jī)動(dòng)畫(huà)等新興媒體?，F(xiàn)在由于網(wǎng)絡(luò)帶寬的不斷提高，F(xiàn)lash動(dòng)態(tài)網(wǎng)頁(yè)以其具備的聲音、動(dòng)態(tài)圖像等多媒體優(yōu)勢(shì)，相信在不遠(yuǎn)的將來(lái)能夠完全替代靜態(tài)（HTML）網(wǎng)頁(yè)。
3.2flash動(dòng)畫(huà)的特點(diǎn)
（一）Flash動(dòng)畫(huà)受網(wǎng)絡(luò)資源的制約一般比較短小，利用Flash制作的動(dòng)畫(huà)是矢量的，無(wú)論把它放大多少倍都不會(huì)失真。
（二）Flash動(dòng)畫(huà)具有交互性優(yōu)勢(shì)，可以更好地滿足所有用戶的需要。它可以讓欣賞者的動(dòng)作成為動(dòng)畫(huà)的一部分。用戶可以通過(guò)點(diǎn)擊、選擇等動(dòng)作，決定動(dòng)畫(huà)的運(yùn)行過(guò)程和結(jié)果，這一點(diǎn)是傳統(tǒng)動(dòng)畫(huà)所無(wú)法比擬的。
（三）Flash動(dòng)畫(huà)可以放在網(wǎng)上供人欣賞和下載，由于使用的是矢量圖技術(shù)，具有檔小、傳輸速度快、播放采用流式技術(shù)的特點(diǎn)，因此動(dòng)畫(huà)是邊下載邊播放，如果速度控制得好，則根本感覺(jué)不到檔的下載過(guò)程。所以Flash動(dòng)畫(huà)在網(wǎng)上被廣泛傳播。
（四）Flash動(dòng)畫(huà)有嶄新的視覺(jué)效果，比傳統(tǒng)的動(dòng)畫(huà)更加輕易與靈巧，更加“酷”。不可否認(rèn)，它已經(jīng)成為一種新時(shí)代的藝術(shù)表現(xiàn)形式。
（五）Flash動(dòng)畫(huà)制作的成本非常低，使用Flash制作的動(dòng)畫(huà)能夠大大地減少人力、物力資源的消耗。同時(shí)，在制作時(shí)間上也會(huì)大大減少。
（六）Flash動(dòng)畫(huà)在制作完成后，可以把生成的檔設(shè)置成帶保護(hù)的格式，這樣維護(hù)了設(shè)計(jì)者的版權(quán)利益。
3.3flash動(dòng)畫(huà)的前景
現(xiàn)在的Flash平臺(tái)包括:Flash Studio
8、Flash Player
8、Flash in Mobile flex 1.5、以及應(yīng)用于通信行業(yè)的Breeze 5等；未來(lái)即將推出的產(chǎn)品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客戶端工具，以及Flex等企業(yè)端工具等。這些工具將滿足設(shè)計(jì)和開(kāi)發(fā)人員跨越各種開(kāi)放的和專有的平臺(tái)，包括從桌面到移動(dòng)設(shè)備，提供更豐富的網(wǎng)絡(luò)內(nèi)容和互聯(lián)網(wǎng)應(yīng)用，企業(yè)也能夠通過(guò)Flash應(yīng)用獲得更大的受益。
（一）網(wǎng)絡(luò)視頻鐘情Flash 面對(duì)全球超過(guò)100萬(wàn)的Flash開(kāi)發(fā)者的期望，Macromedia也不斷開(kāi)發(fā)新的領(lǐng)域。而用戶對(duì)視頻應(yīng)用的垂青，刺激著Macromedia推出新的工具。在上千開(kāi)發(fā)者的注目下，Macromedia推出了Flash Media Server 2，以鞏固其Flash Platform作為網(wǎng)絡(luò)視頻最佳選擇的地位
（二）Flex 2產(chǎn)品線和Flash Player 8.5出手不凡
Macromedia Flex 2產(chǎn)品線和Macromedia Flash Player 8.5是本次發(fā)布會(huì)的重頭戲。新產(chǎn)品涵蓋RIA的全部應(yīng)用場(chǎng)景，從電子商務(wù)產(chǎn)品配置，到需要與實(shí)時(shí)數(shù)據(jù)集成的可視交易應(yīng)用。
Flash Player目前在全球6億多個(gè)桌面和移動(dòng)設(shè)備上安裝,估計(jì)新版本在12個(gè)月內(nèi)將被80%的聯(lián)網(wǎng)計(jì)算機(jī)下載。Flash Player 8.5在Flash Player 8的基礎(chǔ)上增加了適合行業(yè)使用的編程功能，并構(gòu)建了先進(jìn)的跨平臺(tái)運(yùn)行時(shí)環(huán)境。它備有一個(gè)新的虛擬機(jī)，可以提供更高的運(yùn)行性能、全面的運(yùn)行錯(cuò)誤報(bào)告、增強(qiáng)型調(diào)試功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script規(guī)范，能夠更易于查找及解決問(wèn)題，從而提高開(kāi)發(fā)人員的工作效率。
3.4flash在網(wǎng)頁(yè)中的應(yīng)用
在網(wǎng)絡(luò)高速發(fā)展的今天,越來(lái)越多的人們已經(jīng)不再滿意圖文并茂的靜態(tài)網(wǎng)頁(yè)格式,動(dòng)態(tài)網(wǎng)頁(yè)應(yīng)運(yùn)而生,但是一般的動(dòng)態(tài)圖片和網(wǎng)站的背景音樂(lè)應(yīng)用并不合拍.什么時(shí)候可以把多媒體應(yīng)用在網(wǎng)站上呢 Flash正是在這一網(wǎng)絡(luò)發(fā)展的大背景下應(yīng)運(yùn)而生的,前身是Future Splash.Flash1.0版本誕生于1996年,由于當(dāng)時(shí)的網(wǎng)絡(luò)大背景,Flash在出道之時(shí)并沒(méi)有得到計(jì)算機(jī)行業(yè)應(yīng)有的重視,Flash真正的火爆是從Flash3.0版本開(kāi)始的,到了1999年6月發(fā)布的Flash4.0版本,其制作的動(dòng)畫(huà)開(kāi)始大量的在網(wǎng)上傳播,已經(jīng)逐漸成為了網(wǎng)頁(yè)交互多媒體動(dòng)畫(huà)設(shè)計(jì)軟件的標(biāo)準(zhǔn).現(xiàn)在,Flash5.0以其特有的ActionScript腳本編程,正在以極快的速度追趕HTML網(wǎng)頁(yè)標(biāo)準(zhǔn).它改變了以往靜態(tài)的,枯燥的,網(wǎng)頁(yè)形式,利用它短小精悍的文件體積和插件,利用它簡(jiǎn)單易學(xué)的操作方式,利用它的“流”式播放形式豐富我們的網(wǎng)絡(luò)生活.試想,如果它真的超過(guò)HTML成為未來(lái)的網(wǎng)頁(yè)設(shè)計(jì)軟件的主流,那也將是網(wǎng)絡(luò)的一場(chǎng)革命,也是網(wǎng)絡(luò)生活的福音.3.5flash制作流程
（1）建立一個(gè)新的場(chǎng)景
依次選擇“文件”、“新建”、“Flash文檔”命令，建立空白文檔，大小為550*400像素，背景為白色。
（1）
（2）重新命名場(chǎng)景和涂層名稱
依次選擇“窗口”、“設(shè)計(jì)面板”、“場(chǎng)景”命令，在彈出的場(chǎng)景面板中雙擊默認(rèn)場(chǎng)景名稱，改為“跳動(dòng)的小球”。然后重新命名涂層名稱，雙擊默認(rèn)涂層名稱，改為“地面”。然后用水平線表示地面，選擇筆觸顏色為黑色，單擊“線條工具”按鈕，在第一幀的舞臺(tái)下方，拖動(dòng)鼠標(biāo)畫(huà)一條直線表示地面。
（2）
（3）插入水平線結(jié)束幀
單擊水平線涂層第35幀的小方框，選中該幀；依次選擇“插入”、“時(shí)間軸”、“關(guān)鍵幀”命令，在地面層的1到35幀之間插入了相同的水平線。
（3）（4）插入跳動(dòng)的小球涂層，畫(huà)小球的初始狀態(tài)
雙擊默認(rèn)的涂層名，改為跳動(dòng)的小球涂層，此圖層處于激活狀態(tài)。設(shè)置填充色為黑色，在第一幀的舞臺(tái)上方，畫(huà)一個(gè)小球，刪除輪廓線。
（4）
（5）插入下一幀
單擊跳動(dòng)的小球?qū)拥诙男》娇?，選中該幀；依次選擇“插入”、“時(shí)間軸”、“關(guān)鍵幀”命令，在第二幀中復(fù)制第一幀的圖形；拖動(dòng)小球向下移動(dòng)一個(gè)距離，表示球在下落。
（5）
（6）制作下落動(dòng)作的變化
重復(fù)上一步驟。
（6）
（7）小球變形
在下一幀的位置插入關(guān)鍵幀，利用任意變性工具把小球縱向壓縮。單擊“任意變形”按鈕,指針根據(jù)可實(shí)現(xiàn)的變形方式箭頭右下方的小圖形會(huì)有所變化；單擊小球，小球周圍出現(xiàn)8個(gè)黑色句柄框；把鼠標(biāo)指針移動(dòng)到4個(gè)中間句柄處，拖動(dòng)鼠標(biāo)，把圓球編程橢球形。
（7）
（8）多次重復(fù)上面步驟，在不同的幀中，制作小球被壓扁后又彈起的畫(huà)面。參照第9步，制作小球被壓扁后又彈起的畫(huà)面。重復(fù)上述步驟，直到小球靜止。4.fireworks 4.1fireworks簡(jiǎn)介
Fireworks是Macromedia公司發(fā)布的一款專為網(wǎng)絡(luò)圖形設(shè)計(jì)的圖形編輯軟件，它大大簡(jiǎn)化了網(wǎng)絡(luò)圖形設(shè)計(jì)的工作難度，無(wú)論是專業(yè)設(shè)計(jì)家還是業(yè)余愛(ài)好者，使用Fireworks都不僅可以輕松地制作出十分動(dòng)感的GIF動(dòng)畫(huà)，還可以輕易地完成大圖切割、動(dòng)態(tài)按鈕、動(dòng)態(tài)翻轉(zhuǎn)圖等，因此，對(duì)于輔助網(wǎng)頁(yè)編輯來(lái)說(shuō)，F(xiàn)ireworks將是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直觀、可定制的環(huán)境中創(chuàng)建和優(yōu)化用于網(wǎng)頁(yè)的圖像并進(jìn)行精確控制。Fireworks 業(yè)界領(lǐng)先的優(yōu)化工具可幫助您在最佳圖像品質(zhì)和最小壓縮大小之間達(dá)到平衡。它與 Macromedia Dreamweaver? 和 Macromedia Flash? 共同構(gòu)成的集成工作流程可以讓您創(chuàng)建并優(yōu)化圖像，同時(shí)又能避免由于進(jìn)行 Roundtrip 編輯而丟失信息或浪費(fèi)時(shí)間。利用可視化工具，無(wú)需學(xué)習(xí)代碼即可創(chuàng)建具有專業(yè)品質(zhì)的網(wǎng)頁(yè)圖形和動(dòng)畫(huà)，如變換圖像和彈出菜單等。
4.2fireworks在網(wǎng)頁(yè)中的應(yīng)用
眾所周知，在網(wǎng)頁(yè)上的jpg圖片如果過(guò)大，會(huì)嚴(yán)重影響頁(yè)面的打開(kāi)速度，F(xiàn)ireworks提供優(yōu)化圖片的功能，即縮小圖片的KB，而且不影響畫(huà)面的質(zhì)量（除非放大了與原圖對(duì)比）。由于很多人喜歡用photoshop制作jpg圖片，所以它的容量會(huì)很大（因?yàn)樗沁m合處理印刷品，要求比較清晰），最終還是要用Fireworks來(lái)處理一下。
在優(yōu)化面板里有“導(dǎo)出jpg較高品質(zhì)”，導(dǎo)出默認(rèn)的80品質(zhì)（可以用“2幅”畫(huà)面對(duì)比之前之后的大?。?。
4.3fireworks的重要性
為Macromedia家族的一員，三劍客之一的fireworks，她的主要任務(wù)和特色就是制作矢量圖為網(wǎng)頁(yè)服務(wù),FW也是Flash的最佳伴侶,在三劍客的MX系列中,FW和Flash的聯(lián)系更為緊密,所以無(wú)論是網(wǎng)頁(yè)制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的應(yīng)用實(shí)踐過(guò)程中,我無(wú)時(shí)無(wú)刻不在感受她的卓越和便利。的確,網(wǎng)頁(yè)制作看重的是效果和速度,并不是你用的軟件專業(yè)與否,你用了多少個(gè)軟件作出的網(wǎng)頁(yè),設(shè)計(jì)師作出的網(wǎng)頁(yè)是為了讓大家接受而不是顯示自己的本領(lǐng),在這樣的前提下,Fw的確是最好的選擇,最好的矢量圖效果,最快的速度。
4.4fireworks制作流程
1.準(zhǔn)備素材 如圖
2、因?yàn)檫@幅圖片是位圖，我們可以用魔術(shù)棒將電視機(jī)中間的畫(huà)面選取成選區(qū)
2.選擇菜單——將選取框轉(zhuǎn)換為路徑，得到電視畫(huà)面的輪廓路徑。當(dāng)然，也可以用鋼筆工具勾勒
出
電
視
畫(huà)
面的路
徑
4.將選中區(qū)域填充成折疊漸變
顏色可以自己選擇：
5.用選取工具拖動(dòng)漸變方向手柄，接近垂直或接近水平方向：
6.將調(diào)整手柄以初選中區(qū)域 并在幀屬性，選取重制幀命令：選擇三幀 或在多些
7.依次選擇其他幀，拖動(dòng)漸變調(diào)整手柄將其改變位置：柄以初選中區(qū)域 并在幀屬性幀命令：
最后保存 導(dǎo)出gif圖片 即可完成。
1.在Fireworks中打開(kāi)一個(gè)新的畫(huà)布，調(diào)整畫(huà)布大小，選擇工具欄中的文本工具，輸入第一個(gè)數(shù)字，并設(shè)置好文字的字體、像素大小等樣式
2.輸入文本 1 然后再打開(kāi)幀屬性 選擇重置幀 9 因?yàn)閿?shù)字0-9 一共是十個(gè)
3.然后選擇每一幀，并修改畫(huà)布中的相應(yīng)數(shù)字。
4.幀面板中右手邊顯示的是默認(rèn)的幀延時(shí)值7毫秒，即7/100秒的速度。如果速度過(guò)快 可以修改值 選擇頂部幀，按住Shift鍵，點(diǎn)擊底部的最后一幀，全選這些幀，在幀延時(shí)值處雙擊，在顯示的對(duì)話框中設(shè)置一個(gè)更高的值。更高值將減慢動(dòng)畫(huà)的播放速度。5.最后一步，打開(kāi)優(yōu)化面板，設(shè)置導(dǎo)出文件格式為“Gif動(dòng)畫(huà)”，如圖：
6.也可以在幀面板的底部設(shè)置Gif動(dòng)畫(huà)循環(huán)，默認(rèn)為“永久”選項(xiàng)
7.畫(huà)布顏色可以隨意更改 再按f12 預(yù)覽就可以了，最后導(dǎo)出文件
5.參考文獻(xiàn)
[1]劉宇.Flash短片輕松學(xué)中國(guó)大陸.電子工業(yè)出版社，2009-01.[2]章精設(shè)，胡登濤.Flash Action Script 3.0從入門(mén)到精通.清華大學(xué)出版設(shè)，2008-10.[3]陳冰.Flash第1步:ActionScript編程篇(珍藏版).清華大學(xué)出版社，2006-03
點(diǎn)擊咨詢 