標(biāo)準(zhǔn)化頁面制作方法指南

1、WEB標(biāo)準(zhǔn)化頁面制作指南WE麻準(zhǔn)化頁面制作指南頁面制作方法指南V1.0iWEB標(biāo)準(zhǔn)化頁面制作指南1. 弓I言51.1. 編寫目的51.2. 適用的人員范圍51.3. 適用的產(chǎn)品范圍62. 制作頁面的方法62.1. 整站頁面風(fēng)格要保持一致62.2. 文件目錄名稱的命名62.3. 站點(diǎn)目錄結(jié)構(gòu)62.4. 站點(diǎn)文件的管理72.5. 頁面采用的結(jié)構(gòu)形式72.5.1. FRAME框架：72.5.2. TEMPLATES模板：82.5.3. LIBRARY庫文件82.6. 頁面采用的寬度定義82.6.1. 采用百分比定義頁面寬度（單位：）82.6.2. 采用固定值定義頁面寬度（單位：PX）92.7. 內(nèi)容

2、對寬屏分辨率的適應(yīng)92.7.1. 正常改變區(qū)域：92.7.2. 有限改變區(qū)域：102.7.3. 不可改變區(qū)域部分：112.8. 文字內(nèi)容制作112.9. 超級連接直觀有效122.10. 圖片制作事項(xiàng)142.10.1. 圖片的命名規(guī)則142.10.2. 圖片的應(yīng)用格式142.10.3. 圖片的切割152.10.3.1. 主題類的圖片切割152.10.3.2. 標(biāo)題類的圖片切割152.10.3.3. 背景類的圖片切割162.10.3.4. 圖標(biāo)類的圖片切割162.10.3.5. 圓角矩形類的圖片切割172.10.3.6. 漸變效果類的圖片切割172.11. 背景圖片182.11.1. 普通背景圖片

3、：182.11.2. 漸變背景圖片192.12. 圖片的字節(jié)數(shù)大小192.13. 圖片的優(yōu)化202.14. FLASH動(dòng)畫的制作212.14.1. FLASH制作方法注意事項(xiàng)：222.14.2. FLASH優(yōu)化工具FLASHOPTIMIZER222.14.3. FLASH制作過程中的問題匯總222.15. 搜索引擎優(yōu)化（SEO）222.15.1. 站點(diǎn)外的SEO:232.15.2. 站點(diǎn)內(nèi)的SEO:233. 意見反饋2424文檔修訂記錄:日期被修改的章節(jié)修改類型*修改描述修改人審核人版本修改類型分為A-ADDEDM-MODIFIEDD-DELETED1 .引言頁面制作不僅是一堆代碼的對砌，頁面

4、的制作也是具有藝術(shù)性的，除了要忠實(shí)的反映交互設(shè)計(jì)師和視覺設(shè)計(jì)師的設(shè)計(jì)意圖，同時(shí)還要考慮到頁面的容量和代碼的可讀性以及可維護(hù)性，并且還要考慮到閱讀者的感受，比如頁面要快速的載入并呈現(xiàn)給閱讀者，在不同的分辨率下應(yīng)該充分考慮到人機(jī)交互的規(guī)律，方便閱讀者閱讀，同時(shí)我們還要考慮到殘障人士的閱讀需要，比如文字和圖形在需要的時(shí)候可以放大。另外我們還要不怕麻煩的編寫說明性標(biāo)記（ALT,TITLE等）。制作人員作為一個(gè)中間環(huán)節(jié)的工作者應(yīng)該為上游和下游的工作人員盡量的提供方便和良好的支持。通常制作人員不會(huì)得到所有頁面的設(shè)計(jì)稿，所以在頁面內(nèi)容制作時(shí)，要嚴(yán)格按照需求文檔的要求和設(shè)計(jì)師的意圖對內(nèi)容進(jìn)行合理的編排和制作表

5、現(xiàn)。1.1. 編寫目的本文檔給出了有關(guān)頁面制作時(shí)的思路和解決方法，從而保障頁面制作的規(guī)范性，使得制作人員能形成良好的思考習(xí)慣和制作習(xí)慣，提高整個(gè)集團(tuán)的制作水平和產(chǎn)品質(zhì)量，保障所制作出的產(chǎn)品有更好更持續(xù)的發(fā)展。本文檔可以作為頁面制作方法的一個(gè)指導(dǎo)性文件，各部門可以根據(jù)自己的實(shí)際情況對本文檔進(jìn)行完善和增加，以建立起適合本部門的制作規(guī)范。1.2. 適用的人員范圍本文檔主要面對WEB面制作人員，頁面設(shè)計(jì)人員和頁面開發(fā)人員也可以參閱了解相關(guān)內(nèi)容，閱讀本文檔需要掌握相關(guān)基礎(chǔ)知識：掌握html4.0和Xhtml1.0相關(guān)標(biāo)準(zhǔn)和用法；掌握css2.0相關(guān)標(biāo)準(zhǔn)和屬性；對script腳本的作用和用法有一定程度的了

6、解。注：由于本文檔不對技術(shù)技能和技術(shù)知識做詳細(xì)描述，所以有需要者另外閱讀相關(guān)技術(shù)知識文檔。1.3. 適用的產(chǎn)品范圍本文檔適用于基于HTMLX面的產(chǎn)品。2 .制作頁面的方法以下內(nèi)容主要用來說明在頁面制作過程中的一些思路及工作方法，以供該文檔的閱讀者參考和使用。2.1. 整站頁面風(fēng)格要保持一致在制作網(wǎng)頁時(shí)，要嚴(yán)格按照設(shè)計(jì)師的圖稿樣式做，同時(shí)網(wǎng)頁上所有的圖像、文字，包括背景圖、背景顏色、區(qū)分線、字體、字體大小、顏色、標(biāo)題、注腳什么的，都要按照設(shè)計(jì)圖來統(tǒng)一整體風(fēng)格，始終貫穿全站。2.2. 文件目錄名稱的命名文件目錄命名的指導(dǎo)思想是：使得你自己和工作組的每一個(gè)成員能夠方便的理解和記憶每一個(gè)文件目錄的意義

7、，從而可以更方便的查找、修改、移植等管理操作，提高工作效率。文件目錄名稱統(tǒng)一用小寫的英文單詞或拼音，長度不超過20個(gè)字符。如果需要加數(shù)字和下劃線以區(qū)分頁面文件，可以在單詞或拼音后面添加數(shù)字和下劃線，但是禁止用數(shù)字開頭、禁止用中文字符、禁止用特殊字符作為文件目錄的名稱。文件目錄名稱的命名要與所定義的內(nèi)容語義接近，字母要小寫，需要兩個(gè)以上單詞表達(dá)時(shí)，用下劃線“_”分開兩個(gè)單詞，最多不要超過三個(gè)以上單詞，如果單詞過長，取其前三個(gè)字母。2.3. 站點(diǎn)目錄結(jié)構(gòu)清晰的站點(diǎn)目錄結(jié)構(gòu)方便文件的維護(hù)和管理，同時(shí)對增加搜索引擎的友好度和移植也有著重要的影響。以下為站點(diǎn)目錄內(nèi)容:css文件目錄：flash文件目錄：

8、html文件目錄：images文件目錄：javascript文件目錄:language文件目錄：library文件目錄：templates文件目錄：存放CSS樣式文件存放.swf文件存放分欄目內(nèi)容頁面存放圖片文件存放JS文件存放多種語言文件存放庫文件存放模板頁面站點(diǎn)目錄結(jié)構(gòu)三L_>flashhtmlimagesZ3P1Lt的1t.回己Site 效果國文件（0htmlimagesjavascriptindex hind庫文件說明.僅t,口 悔獎(jiǎng)相2.4. 站點(diǎn)文件的管理利用工具軟件Dreamweaver進(jìn)行站點(diǎn)管理可以對文件或目錄進(jìn)行添加、刪除、改名、移動(dòng)，在操作中能自動(dòng)更新鏈接；同時(shí)也可

9、以對框架、模板、庫文件、圖片、動(dòng)畫等進(jìn)行管理。2.5. 頁面采用的結(jié)構(gòu)形式2.5.1. Frame框架：框架是由框架組和子框架組成。在框架網(wǎng)頁里，框架組只有一個(gè)，網(wǎng)頁保存數(shù)目等于子框架總數(shù)加一。應(yīng)用場景：社區(qū)網(wǎng)站、后臺管理網(wǎng)站2.5.2. Templates模板:文件類型：fileName.dwt可根據(jù)需要設(shè)定固化站點(diǎn)每頁都出現(xiàn)的元素，通過利用模板快速創(chuàng)建WE皿，可使整個(gè)站點(diǎn)具有統(tǒng)一的風(fēng)格。應(yīng)用場景：中小型企業(yè)網(wǎng)站2.5.3. Library庫文件文件類型：fileName.lbiLibrary庫被設(shè)計(jì)用來使重復(fù)性的工作能更快、更容易并盡可能地?zé)o差錯(cuò)完成；任何網(wǎng)頁中的元素，無論文本還是圖形均可

10、以指定為庫元素，并且可以用來放置在同一個(gè)站點(diǎn)內(nèi)的任何頁面中。應(yīng)用場景：菜單、翻頁等頁面中重復(fù)性高的內(nèi)容。2.6. 頁面采用的寬度定義2.6.1. 采用百分比定義頁面寬度（單位：）代碼格式：例：width:100%解釋說明：采用知分比設(shè)定頁面寬度時(shí)，可以隨著瀏覽器寬度的改變而改變。在制作過程中一定要考慮好頁面內(nèi)容的表現(xiàn)，要做到內(nèi)容在不同寬度瀏覽器中顯示時(shí)布局要整齊、內(nèi)容排版比例協(xié)調(diào)。2.6.2. 采用固定值定義頁面寬度（單位：px）PX代碼格式：例：width:1004px;解釋說明：采用固定值設(shè)定頁面寬度時(shí)，隨著瀏覽器寬度的改變但內(nèi)容不會(huì)改變。2.7. 內(nèi)容對寬屏分辨率的適應(yīng)現(xiàn)在采用寬屏分辨率

11、的顯示器越來越多，所以在制作時(shí)一定要考慮寬屏模式。采用百分比定義頁面寬度時(shí)，內(nèi)容會(huì)隨著瀏覽器的改變而改變，所以在制作時(shí)要特別注意內(nèi)容在不同分辨率下的顯示情況。寬屏分辨率下，根據(jù)表現(xiàn)的內(nèi)容可分為正常改變區(qū)域、有限改變區(qū)域、不可改變區(qū)域三部分。在制作過程中一定要按上述三種分類來規(guī)劃好頁面中內(nèi)容表現(xiàn)形式。2.7.1. 正常改變區(qū)域：內(nèi)容會(huì)隨著分辨率的變化而正常變化，同時(shí)也符合人的視覺要求，但不會(huì)影響內(nèi)容排版格式。如下圖紅色標(biāo)注所示：2.7.2. 有限改變區(qū)域：內(nèi)容會(huì)隨著分辨率的變化而有限度的改變，同時(shí)符合人的視覺面積，但不影響頁面內(nèi)容的表現(xiàn)。如下圖紅色標(biāo)注所示-不正確的內(nèi)容表現(xiàn)：如下圖紅色標(biāo)注所示正

12、確的內(nèi)容表現(xiàn):解釋說明：在瀏覽頁面時(shí)，人的正常視覺角度是15度，超出視覺范圍時(shí)會(huì)讓用戶產(chǎn)生內(nèi)容斷層的錯(cuò)覺，從而影響用戶的正常瀏覽，所以在制作頁面時(shí)要充分考慮用戶的可視范圍。2.7.3. 不可改變區(qū)域部分:內(nèi)容不會(huì)隨著分辨率的變化而改變，從而保持頁面內(nèi)容的可視性和完整性。如下圖紅色標(biāo)注所示-正確的內(nèi)容表現(xiàn)：2.8. 文字內(nèi)容制作別輕易讓文字居中和使用斜體字符，除了視感混亂之外，很多流覽器不能很好地顯示斜體字，也不能補(bǔ)償由于字母傾斜引起的空白變化；別靜易it文手居中和斜律字符,除了在蟒混制不正確1空白空化；不要把重要的內(nèi)容排版放到網(wǎng)頁的結(jié)尾，因?yàn)樽x者的視線可能停留在主頁上面較多點(diǎn)，或者有些讀者沒有

13、耐心往下看那么遠(yuǎn)；不塞正靛的內(nèi)容排原放到網(wǎng)頁第結(jié)尾閃爍文字不要使用;制作頁面內(nèi)容時(shí)編寫的測試數(shù)據(jù)，要與所反映的內(nèi)容類型相一致，不要寫一些不相關(guān)的數(shù)據(jù)。用戶名稱:23-42343職翁：文件2.9. 超級連接直觀有效在制作圖象或文本超級連接時(shí)，盡可能地使用相對超級連接，這是因?yàn)檫@樣做網(wǎng)頁的可移植性比較強(qiáng)；另外使用相對超級連接時(shí)輸入量也較少，在同一頁的連接項(xiàng)當(dāng)然應(yīng)該使用相對地址，因?yàn)槭褂媒^對地址后可能會(huì)每選擇一個(gè)連接都要把該頁重新裝載一次。如果是連接到不直接相關(guān)的文件時(shí)，使用絕對路徑比較好，這樣以后要是把源文件移到另外的目錄下就不需更改連接了。圖片地址：=U”噸對地址“/>不正確頁面中的超級連

14、接應(yīng)當(dāng)使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點(diǎn)在每一頁同樣的位置上都有相同的導(dǎo)航條，使瀏覽者能夠很直觀地從每一頁上訪問網(wǎng)站的任何部分。另外特別要避免“請按這里”，任何要“按這里”的人都會(huì)慎重考慮，它是不是正好就在“這里”，并且連接無誤。不要讓連接的名稱與連接的URL不同，這樣會(huì)使讀者白白地浪費(fèi)時(shí)間。一個(gè)頁面的最大鏈接的數(shù)量要小于100。2.10. 圖片制作事項(xiàng)2.10.1. 圖片的命名規(guī)則名稱為英文單詞或拼音，如果需要加數(shù)字表達(dá)的，可以在單詞或拼音后面添加數(shù)字，但是禁止用數(shù)字開頭、禁止用中文字符、禁止用特殊字符做為文件的名稱。圖片文件名稱的命名要與所定義的內(nèi)容語義接近，字母要小寫，

15、需要兩個(gè)以上單詞表達(dá)時(shí)，用下劃線分開兩個(gè)單詞，最多不要超過三個(gè)以上單詞，如果單詞過長，取其前三個(gè)字母。例如：企業(yè)標(biāo)識-logo.gif2.10.2. 圖片的應(yīng)用格式GIF格式GIF(GraphicsInterchangeFormat)圖像互換格式優(yōu)點(diǎn)：256色值以內(nèi)的圖片，字節(jié)數(shù)可以壓縮到最小、圖像像素低、支持動(dòng)畫格式、支持透明圖像，同時(shí)已經(jīng)得到所有主流瀏覽器的支持。應(yīng)用場景：圖像色彩不豐富，其色值不超過256以內(nèi)的圖片,例：單色LOGO、單色的廣告條等圖片。注意：壓縮算法是有損壓縮，會(huì)造成圖像畫面失真；不適合超過JPG格式JPG(JointPhotographicExpertsGroupFi

16、leInterchangeFormat)聯(lián)合圖像專家組文件交換格式優(yōu)點(diǎn)：超過256色值的圖片，壓縮比高、圖片字節(jié)數(shù)小、圖像質(zhì)量高，同時(shí)得到所有主流瀏覽器的支持。應(yīng)用場景：圖像色彩豐富，其色值超過256的圖片，例：絢麗不超過256色的保存為GIF256色的色彩圖像。超過256色的保存為JPG多彩的照片、豐富的頁面插圖、漸變色的圖片等。注意：把握好圖片質(zhì)量和圖片字節(jié)大小之間的平衡，通常圖片質(zhì)量為80%比較合適。注：以上圖片格式為頁面常用的格式，要了解其它圖片格式，請參閱“附錄附錄：XHTML文件圖片應(yīng)用格式.doc”文檔。2.10.3. 圖片的切割圖片切割原則：切割數(shù)量最少化、字節(jié)壓縮最小化、表現(xiàn)

17、內(nèi)容完整化、圖像質(zhì)量清晰化。解釋說明：網(wǎng)頁加載速度的關(guān)鍵，是減少圖片的數(shù)量。因?yàn)榭蛻舳嗣匡@示一張圖片都會(huì)向服務(wù)器發(fā)送請求，所以，圖片越多請求次數(shù)也就越多，造成圖片顯示延遲的可能性也就越大，所以盡量不要把圖片切割成太多的圖。2.10.3.1. 主題類的圖片切割主題類的圖片色彩最豐富，較難切割，所以盡量在不破壞其圖片的情況下進(jìn)行處理。如下圖所示:切割方法：將圖片分三段，以紅線分割為界，分為左、中、右三部分；左、中部分切割為JPG格式圖片；右部分圖片較有規(guī)律性，按照紋理可切成一小塊圖作背景圖平鋪使用。2.10.3.2. 標(biāo)題類的圖片切割標(biāo)題類的圖片切割時(shí)，將展示區(qū)域和操作區(qū)域分開切割。如下圖所示：切

18、割方法：展示區(qū)域?yàn)?操作區(qū)域?yàn)?£司隨FFIcoMJAOmRonuczs：皿解呂皿皿I£司普fl1COHFANyINTRODUCESEHE1dQlDQD卜面的灰色橫線可以用顏色代碼進(jìn)行單獨(dú)定義。2.10.3.3. 背景類的圖片切割平鋪使用的圖片有規(guī)律的圖片：根據(jù)其圖片紋理切割成較小的GIF格式的圖片，進(jìn)行平鋪使用。整體一張圖片：按照需要進(jìn)行切割，確實(shí)需要全圖作背景時(shí)要將圖片的字節(jié)數(shù)壓縮至最小來使用。不平鋪使用的圖片對于圖片沒有紋理，切割后會(huì)破壞圖片表現(xiàn)的意思時(shí)，將圖片字節(jié)壓縮至少，面積裁截至最少，但同時(shí)要保持圖片的意境。2.10.3.4. 圖標(biāo)類的圖片切割.為什么1，什么是

19、:“如何購: r我會(huì)至 投聯(lián)系我:有規(guī)律較密集的圖標(biāo)：標(biāo)題圖標(biāo)類的圖片，可以將小圖全部切割成一張GIF格式的圖，以減少圖片下載次數(shù)，然后利用css背景定位的方法來使用這張圖片。無規(guī)律較松散的圖標(biāo)：根據(jù)圖標(biāo)的大小單獨(dú)切割圖片，單獨(dú)使用。2.10.3.5. 圓角矩形類的圖片切割對于顏色不超過256色的比較規(guī)則的矩形圖，當(dāng)長和高都需要擴(kuò)展的時(shí)候可以采用九宮格的方法進(jìn)行切割。示例圖片樣式:九宮格國由m割切割方法：采用九宮格形式來切割圖片；將圓角單獨(dú)切割使用，不可以平鋪；X軸規(guī)則圖，取寬1px的圖作為背景圖平鋪使用；Y軸規(guī)則圖，取高1px的圖作為背景圖平鋪使用。2.10.3.6. 漸變效果類的圖片切割對

20、于漸變效果的圖片，需要擴(kuò)展的時(shí)時(shí)候，可以采用1像素高或?qū)挼膱D做為背景圖平鋪使用。示例圖片樣式：切割方法：X軸重復(fù)時(shí)，取寬1px的圖作為背景圖平鋪使用;Y軸重復(fù)時(shí)，取高1px的圖作為背景圖平鋪使用。2.11. 背景圖片制作原則：字節(jié)數(shù)小、色彩淺淡、可平鋪使用。解釋說明：背景圖片是用來裝飾頁面內(nèi)容的，所以一定要起到點(diǎn)綴效果，不能搶色，從而破壞頁面的內(nèi)容展示。這就要求所用的背景圖不能太大，色彩不能太艷，能用色值代替的盡量少用圖片，一定要突出內(nèi)容而不是背景圖片。由W3C所建議的背景色和前景色亮度差異應(yīng)大于125,而色彩差異則應(yīng)大于500。2.11.1. 普通背景圖片:如下背景圖所示:解釋說明：背景圖片

21、的使用實(shí)際上是對內(nèi)容表現(xiàn)的一種視覺補(bǔ)充，所以在使用過程中一定要強(qiáng)化內(nèi)容部分，淡化背景圖的表現(xiàn)部分。色彩絢麗的圖片會(huì)弱化內(nèi)容表現(xiàn)，對頁面整體風(fēng)格起到了破壞作用，因此不要選擇色彩感太強(qiáng)的圖作為背景圖，應(yīng)該選擇色彩淡雅的圖片來點(diǎn)綴內(nèi)容。2.11.2. 漸變背景圖片A。漸變效果的背景圖因其視覺層次清晰，表現(xiàn)內(nèi)容豐富，所以在使用過程中一定要按照色值層級來正確使用，可選色值最低的顏色作為背景色填充應(yīng)用區(qū)域，如上圖2.12. 圖片的字節(jié)數(shù)大小原則：使用合適的圖片格式對圖片進(jìn)行不失真壓縮，使圖片的字節(jié)數(shù)保持最小化。解釋說明：對圖片尺寸大小的一個(gè)通用標(biāo)準(zhǔn)是12K,如果單個(gè)圖片大小超過12K請裁切為小圖。圖片的字

22、節(jié)數(shù)計(jì)算公式：K=(l*S/5800)*1.80(當(dāng)LR300)許可誤差9.0kK=(l*S/3200)*1.65(當(dāng)200WLV300)許可誤差4.0kK=(l*S/2000)*1.50(當(dāng)100WLV200)許可誤差2.0kK=(l*S/1800)*1.40(當(dāng)50WLV100)許可誤差1.0kK=(l*S/1300)*1.25(當(dāng)Lv50)許可誤差0.5k注：L=圖片長度；S=圖片寬度；K=圖片大小(k)2.13. 圖片的優(yōu)化GIF格式優(yōu)化GIF是用于壓縮具有單調(diào)顏色和清晰細(xì)節(jié)的圖像（如藝術(shù)線條、徽標(biāo)或帶文字的插圖）的標(biāo)準(zhǔn)格式；壓縮時(shí)，如果色系較少，顏色少于256,調(diào)色板可以選擇為“精確

23、”，不要選“失真”。一般情況，調(diào)色板選擇“最合適”，最大顏色數(shù)選擇“256”如果色彩稍多于256色,可將抖動(dòng)設(shè)為“100%。為防止邊緣出現(xiàn)鋸齒，不需要透明的時(shí)候，盡量不透明。壓縮工具：AdobeImageReady、ImageOptimizer壓縮前12K壓縮后6KJPG格式優(yōu)化JPEG是用于壓縮連續(xù)色調(diào)圖像（如照片）的標(biāo)準(zhǔn)格式。壓縮時(shí)在圖像質(zhì)量和文件尺寸之間找到平衡點(diǎn)80%勺壓縮率是比較合適在網(wǎng)頁中使用的壓縮工具：ImageOptimizer壓縮前65.4K壓縮后10.6K其他優(yōu)化建議如果圖像不包含任何信息，僅是作為裝飾使用，請將改圖片從HTML中分離出來。<divclass=&quo

24、t;pic"></div>（HTML代碼）.picbackground:url（）（css代碼）利用css將輔助圖片作為背景使用。圖像作為內(nèi)容時(shí)定義若作為內(nèi)容放在HTML代碼里則必須制定高度和寬度（需要?jiǎng)討B(tài)更新，并且圖片大小不固定的除外）。原因：減少頁面reflow次數(shù)，加快顯示。2.14. Flash動(dòng)畫的制作Flash是一種交互式矢量多媒體技術(shù)，因其采用向量運(yùn)算（VectorGraphics）的方式生成圖像，所以制作出來的影片占用存儲空間比較小。優(yōu)點(diǎn)：flash提供的代碼非常豐富而且簡單；flash可以制作動(dòng)畫而且制作成的動(dòng)畫占的容量很小，同時(shí)也可以編輯圖像；矢

25、量圖可以自由伸縮不失真；Flash動(dòng)畫的受眾群體不斷擴(kuò)大，且大多是最有活力的青年消費(fèi)群體。應(yīng)用場景：Banner廣告條：可以用來展示簡短的企業(yè)標(biāo)語、產(chǎn)品介紹等；企業(yè)宣傳畫：可以用來制作較大型的企業(yè)文件宣傳品；導(dǎo)航條：頁面起導(dǎo)引作用的部分，一般在頁面的頂部；菜單條：可用將菜單制作成可伸縮、隱藏等效果；演示案例：將案例制作成動(dòng)畫進(jìn)行操作演示；多媒體播放器：可用來制作播放器，現(xiàn)在WEBt已很多采用此形式。2.14.1. Flash制作方法注意事項(xiàng)：在規(guī)劃制作階段就要明確Flash文件對搜索引擎友好問題；在制作中刪除一些沒有用到的元件及圖片；保證導(dǎo)入的圖片質(zhì)量的情況下，圖片大小盡量控制在15K以內(nèi)；聲音要壓縮至10K以內(nèi)；保持楨動(dòng)作的連續(xù)；整個(gè)Flash文件控制在30K以內(nèi)。2.14.2. Flash優(yōu)化工具FlashOptimizer此工具采用特殊的算法可以將Flash動(dòng)畫文件的體積縮小到只有原來的60%而可以基本保持動(dòng)畫品質(zhì)不變。2.14.3. Flash制作過程中的問題匯總收集并整理了部分Flash制作過程中常見的一些問題及解