1、頁面制作標準指南XHTML與CSS基礎(chǔ),命名規(guī)范 基本架構(gòu) title meta 布局 正文 可訪問性 CSS,命名規(guī)范,文件夾命名 （大眾化文件管理形式是有益于多人協(xié)作項目，方便管理與合作。避免產(chǎn)生眾多沖突 ） 樣式表命名 （統(tǒng)一使用：style.css ） 樣式命名 （直觀命名、結(jié)構(gòu)化命名、慣例命名）,命名規(guī)范,文件夾命名：圖片文件夾(images)，JS文件夾(js)，CSS文件夾(css)，media多媒體文件夾(flash)，PIC文件夾(pic)內(nèi)容圖片； IMAGES文件夾里放本站公共圖片，公司標志，菜單，按鈕等； JS文件夾放JS文件的； CSS文件夾放CSS文件的； medi

2、a文件夾放本站所用多媒體文件； PIC文件夾放網(wǎng)站banner等裝飾性圖片； 所有文件名統(tǒng)一用小寫英文字母。 CSS樣式表命名： 公用CSS表命名：style.css； 多人協(xié)作同一站點樣式表命名：所負責(zé)各頁面的制作員按自己習(xí)慣樣式表命名，但不能改主要的樣式表內(nèi)容，可重用或覆蓋主樣式表樣式。方便整合； 每個人都有自己的ID命名樣式，避免沖突。樣式表也是一樣的，如d_style.css CSS樣式命名： 頭部樣式多命名header 頁面頂部廣告區(qū)域命名：banner LOGO區(qū)域命名：logo 關(guān)鍵詞搜索區(qū)命名：search_css (這里的命名一定要注意id不要與程序的習(xí)慣重合；) 導(dǎo)航區(qū)域命

3、名：nav 菜單區(qū)域命名：menu 網(wǎng)站主體區(qū)域命名：bodypage 頁面?zhèn)冗厵诿簊idebar 頁面主體內(nèi)容命名：mainBody 友情鏈接命名：links 頁腳命名：footer 多人協(xié)作同一站點樣式命名要注意，協(xié)作者應(yīng)與主制作者的命名區(qū)分開，建議在每個樣式前加一個字母和下劃線，以免在制作時與其他制作員所命樣式名重復(fù)，亦可省去查看其他制作員樣式名是否與已相同的麻煩，快速制作頁面。,基本架構(gòu),頁面基本構(gòu)架 注意： 基本構(gòu)架中的標記在同一頁只能出現(xiàn)一次； 以上標記缺一不可；,DTD,XHTML 1.0 Transitional（過渡型） ,書寫規(guī)范,永遠使用小寫字母，屬性使用雙引號 關(guān)閉

4、所有的元素 給所有屬性賦一個值 不要使用被排斥的元素 把所有和 margin: 0.75em 0 0 0; line-height:1.5em; /*也可以為1.2em*/ text-align: left; text-indent:2em; /*首行縮進2字符*/,列表,無序列表 項目一 項目二 項目三 有序列表 第一章 第二章 第三章 ,定義列表 上海灘 這部拍攝于1980年的上海灘堪稱是香港電視史上最成功、最經(jīng)典的劇集。 當年在香港播出以后，產(chǎn)生了巨大的轟動效應(yīng)。 周潤發(fā) 和所有偉大的影星一樣，周潤發(fā)印證了一個時代，一個香港電影的黃金時代。 風(fēng)衣墨鏡、冷血雙槍、陽光微笑，都封存膠片之中，

5、當我們回首尋望的時候，發(fā)哥已被刻為一個時代的坐標。 ,數(shù)據(jù)表格,按需定義,圖片,圖片標記必須右側(cè)封閉，并且加上alt屬性，屬于正文內(nèi)的圖片要加入寬高，屬于裝飾性的圖片可以不加寬度和高度。 ,多媒體,建立一個JS文件 function i(ur,w,h) document.write( ); document.write(); document.write( ); document.write( ); document.write( ); document.write( ); document.write( ); JS參數(shù)說明 ur是文件路徑，w，h為flash文件尺寸，wmode為設(shè)置flash背景為透明，menu為控制flash右鍵菜單，js里面這些參數(shù)不需要修改。 在頁面中插入FLASH 頁面調(diào)用部份代碼 js調(diào)用： 在放flash的位置寫的代碼如下 i(flash.swf,615,310); FLASH搜索優(yōu)化 將隱藏的段落文本配合FLASH之后使用，進行動畫的描述。,版權(quán)標志,2008-2010 萬科網(wǎng) 版權(quán)所有 Copyright 2008 萬科版權(quán)所有 Copyright 2008 萬科(國