页面制作指南.pptVIP

页面制作标准指南－XHTML与CSS基础 ·命名规范 ·基本架构 ·title ·meta ·布局 ·正文 ·可访问性 ·CSS 命名规范 文件夹命名 （大众化文件管理形式是有益于多人协作项目，方便管理与合作。避免产生众多冲突 ） 样式表命名 （统一使用：style.css ） 样式命名 （直观命名、结构化命名、惯例命名） 命名规范 文件夹命名：图片文件夹(images)，JS文件夹(js)，CSS文件夹(css)，media多媒体文件夹(flash)，PIC文件夹(pic)内容图片； IMAGES文件夹里放本站公共图片，公司标志，菜单，按钮等； JS文件夹放JS文件的； CSS文件夹放CSS文件的； media文件夹放本站所用多媒体文件； PIC文件夹放网站banner等装饰性图片； 所有文件名统一用小写英文字母。 CSS样式表命名： 公用CSS表命名：style.css； 多人协作同一站点样式表命名：所负责各页面的制作员按自己习惯样式表命名，但不能改主要的样式表内容，可重用或覆盖主样式表样式。方便整合； 每个人都有自己的ID命名样式，避免冲突。样式表也是一样的，如d_style.css CSS样式命名： 头部样式多命名header 页面顶部广告区域命名：banner LOGO区域命名：logo 关键词搜索区命名：search_css (这里的命名一定要注意id不要与程序的习惯重合；) 导航区域命名：nav 菜单区域命名：menu 网站主体区域命名：bodypage 页面侧边栏命名：sidebar 页面主体内容命名：mainBody 友情链接命名：links 页脚命名：footer 多人协作同一站点样式命名要注意，协作者应与主制作者的命名区分开，建议在每个样式前加一个字母和下划线，以免在制作时与其他制作员所命样式名重复，亦可省去查看其他制作员样式名是否与已相同的麻烦，快速制作页面。 基本架构 页面基本构架 注意： 基本构架中的标记在同一页只能出现一次； 以上标记缺一不可； DTD XHTML 1.0 Transitional（过渡型） !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd 书写规范 永远使用小写字母，属性使用双引号 关闭所有的元素 给所有属性赋一个值 不要使用被排斥的元素 把所有和特殊符号用编码表示 标记都必须合理嵌套 严禁在注释内容中使“--” 框架 除非万不得以，严禁使用框架结构，当使用框架结构时候，应有如下的页面代码结构。 html head title你 的 页 面 标 题 /title /head frameset framespacing=0 border=false frameborder=0cols=140,* frame name=contents target=main src=home.htm scrolling=auto frame name=main src=mai