您的位置:学习中国 推荐教程 正文
原作者:kuku 添加时间:2007-05-29 原文发表:2007-05-29 人气:15

本文章共2981字,分2页,当前第1页,快速翻页:
 
-----------------------------------------------------------------------------------------------------------------------------------------------

本文提示:《网页设计规范》是本站编辑们为广大网友精选的实用文章,本文阐述了关于文章的相关理论,相对来说专业性强,但是本文只是针对于某个问题提出的见解与论述,未必能辐射到相关问题的方方面面,所以本文处理问题的方法仅仅为您提供一些参考。更多问题请查阅学习中国网其他栏目哦.

-----------------------------------------------------------------------------------------------------------------------------------------------



本规范既是一个开发规范,也是一个脚本语言参考,本规范并不是一个一成不变的必须严格遵守的条文,特殊情况下要灵活运用,做一定的变通。但是,请大家千万不要随意更改规范。如果有任何问题,请及时与项目负责人沟通。
  
  主目录下应有一个help目录,存放说明文件。说明文件包括:

目录说明
文件列表说明:存放位置、文件名称、功能及处理逻辑描述、所涉及的库表、调用关系。
数据库说明:数据库位置、空间分配要求、表设计、关系设计、视图设计、存储过程设计等。

▲ 静态页面制作注意事项

一、 制 作 常 规 要 求

l 主要页面要写'title'(主页要写上企业中英文名称)
l 主要页面'meta'字段便于搜索引擎查找。
l 尽量使用广泛支持的技术。以最流行的浏览器的最普及版本为标准,同时照顾低版本浏览器。
l 不使用过小的字体不使用过大的图片、动画、声音.不使用过长的滚屏
l 及时删除无用文件,防止无谓的下载速度减慢
l 由于server的linux系统,严格区分文件大小写!所有文件全部以小写字母命名,包括图形文件.禁止用中文作文件名。
l 页面以800X600屏幕设置营为主(实际尺寸为778*434px),但也应注意在1024X800 屏幕设置的浏览效果; 即在800X600分辩率下应在浏览器中不出现横向的流动条;
l 通常情况下页面应以居中为主,如有特殊要求可以设置居顶、居左;

二 、文 件 命 名 规 则 与 目 录 结 构 规 则

l 首页面必须以“index.htm 、index.asp命名的文件。
l HTML文件扩展文件名一律用 .htm
l 在根目录中原则上应该按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录中开设一个image 的子目录用以放置此栏目专有的图片和多媒体文件,如果这个栏目的内容特别多,又分出很多下级栏目,可以相应的再开设其他目录。
l 除非有特殊情况,目录、文件的名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;目录名应以英文、拼音为主。尽量用一些大家都能看懂的词汇。使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义。
l 网站css文件要放到根目录image下,供其它文件调用,如子栏目较多也可分别copy到自己目录下,使网站风格统一。
l 共用的模板文件应放在根目录的Templates文件夹下(此为dreamweaver的默认路径,如用其它软件开发者也需遵守此规则)。

三、VI 标 准 化 要 求
l Banner格式:GIF 尺寸:468X60 pixels 大小:<15K
l Logo
格式:GIF 尺寸:88X31 大小:<7K

四、页 面 制 作 规 则
1. 表格尽量用绝对像素,以免浏览器分辨率不同时表格产生变形。一个网页要尽量避免用整个一张大表格,所有的内容都嵌套在这个大表格之内,因为浏览器在解释页面的元素时,是以表格为单位逐一显示,如果一张网页是嵌套在一个大表格之内,那么很可能造成的后果就是,当浏览者敲入网址,他要先面对一片空白很长时间,然后所有的网页内容同时出现。如果必须这样做,请使用 <tbody>标记,以便能够使这个大表格分块显示。

2. CSS定义规范 及CSS 文件的格式样例代码 :
<style type="text/css">
<!—
p { text-indent: 2em; }
body { font-family: "宋体"; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
table { font-family: "宋体"; font-size: 9pt; line-height: 20px; color: #000000}
a:link { font-size: 9pt; color: #FFFFFF; text-decoration: none}
a:visited { font-size: 9pt; color: #99FFFF; text-decoration: none}
a:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a:active { font-size: 9pt; color: #FF9900; text-decoration: none}
 
本文章更多内容1 - 2 - 下一页>>
本页地址
相关文章

简单的HTML炸弹!
点击按键复制指定处内容!
右键菜单的制作!
文字移动marquee使用语法的全解释
ASP下实现多条件模糊查询SQL语句
ASP技巧:FSO中的SubFolders 属性
ASP连接数据库的11种方法
使用HTML+CSS编写灵活的Tab页
网页制作时关于收藏夹的操作代码整理
网页制作实用技巧:为表格添加连接
学ASP少走弯路 参考的ASP开发规范
ASP中文显示解决技巧及创建对象方法
ASP判断函数总结及网页制作常用技巧
完全讲解各类数据库ASP语法总结
ASP中有关字符编码转换的几个有用函数
ASP程序实现图片自动缩放以适合界面大小
ASP技巧:禁用FileSystemObject组件
ASP如何寻找到真实IP地址
ASP程序实现可以保存参数值的分页功能
实用的ASP连接数据库的函数

相关评论


本文章所属分类:首页 推荐教程   HTML学习