网站内容规划网页设计(一个开发规范参考)

　　网站内容规划网页设计(一个开发规范参考)

　　这个规范不仅是一个开发规范，也是一个脚本语言参考。该规范不是必须严格遵守的一成不变的条款。特殊情况下应灵活使用，并进行一定的修改。但是，请不要随意更改规格。如有问题请及时与项目负责人沟通。

　　主目录下应该有一个帮助目录来存放帮助文件。文档包括：

　　*目录说明

　　*文件列表说明：存储位置、文件名、功能及处理逻辑说明、涉及的库表、调用关系。

　　* 数据库描述：数据库位置、空间分配要求、表设计、关系设计、视图设计、存储过程设计等

　　▲ 制作静态页面的注意事项

　　一、制作生产的一般要求

　　＊ 标题需写在首页（首页需写公司中英文名称）

　　＊ 主页的meta字段，方便搜索引擎查找。

　　* 尝试使用广泛支持的技术。以最流行的浏览器的最流行版本为标准，同时兼顾低版本浏览器。

　　＊不要使用太小的字体，不要使用太大的图片、*敏*感*词*和声音。不要使用太长的滚动

　　＊及时删除无用文件，防止不必要的下载速度变慢

　　＊ 由于服务器的linux系统，文件大小写严格区分！所有文件都以小写字母命名，包括图形文件。禁止使用中文作为文件名。

　　＊ 页面基于800X600屏幕设置（实际尺寸为778*434px），但您也应该注意1024X800屏幕上设置的浏览效果；即800X600分辨率下浏览器中应该没有水平流条；

　　* 通常页面居中，如果有特殊要求，可以设置顶部和左侧；

　　2.文件命名规则和目录结构规则

　　＊ 主页必须是一个名为“index.htm, index.asp”的文件。

　　＊ HTML 文件扩展名文件名总是使用 .htm

　　* 原则上在根目录下，按照首页的栏目结构为每一栏设置一个目录，并根据需要在每栏的目录下设置一个图片子目录，放置专属图片和这个专栏的图片。对于多媒体文件，如果这个栏目的内容特别大，下级栏目很多，可以相应的打开其他目录。

　　* 除非有特殊情况，目录和文件的名称均应使用小写英文字母、数字和下划线的组合，不得收录汉字、空格和特殊字符；目录名称应为英文和拼音。尽量使用每个人都能理解的词。让您和工作组的每个成员都能轻松理解每个文档的含义。

　　＊ 网站 css 文件要放在根目录image，供其他文件调用。如*敏*感*词*栏很多，也可以复制到自己的目录下，使网站风格统一。

　　＊ 共享模板文件应放在根目录的Templates文件夹中（这是dreamweaver的默认路径，使用其他软件的开发者也应遵循此规则）。

　　三、 VI 标准化要求

　　* 横幅

　　格式：GIF 尺寸：468X60 像素尺寸：

　　＊标志

　　格式：GIF 尺寸：88X31 尺寸：

　　四、page 制定规则

　　1.表格尽量使用绝对像素，避免浏览器分辨率不同时表格失真。一个网页应该尽量避免使用整个大表格，所有的内容都嵌套在这个大表格中，因为浏览器在解释页面元素时，是以表格为单位一一显示的。如果一个网页嵌套在一个大表格中，可能的后果是，当浏览者输入网址时，他将不得不面对一个空白很长一段时间，然后所有的网页内容都会同时出现。如果你必须这样做，请使用标签，以便这个大表可以分块显示。

　　2. CSS定义规范和CSS文件格式示例代码：

　　p {文本缩进：2em; }

　　body {font-family: "宋体";字体大小：9pt；颜色：#000000；边距顶部：0px；边距右：0px；底边距：0px；左边距：0px}

　　table {font-family: "宋体";字体大小：9pt；行高：20px；颜色：#000000}

　　a:link {字体大小：9pt;颜色：#FFFFFF；文字装饰：无}

　　a:visited {font-size: 9pt;颜色：#99FFFF；文字装饰：无}

　　a:hover {字体大小：9pt;颜色：#FF9900；文字装饰：无}

　　a:active {font-size: 9pt;颜色：#FF9900；文字装饰：无}

　　-->

　　为了在不同浏览器上保持字体大小一致，建议字体大小定义为pt和像素px。 pt一般使用中文宋体9pt和11pt，px一般使用中文宋体12px和14.7px。这个是优化的，加粗字体或者宋体字体的时候，一般11pt和14.7px的字体比较合适。

　　3.图片采用gif、jpg压缩格式，减少页面下载数据量。每张图片都必须有图片的说明（alt=””），这样如果图片无法正常显示，也可以知道图片的含义。应增加标记的宽度和高度，以免图像无法正常显示时出现页面混乱。

　　4.如果页面使用*敏*感*词*来激活页面，就要避免*敏*感*词*过大，尽量减少用户浏览的等待时间。如果整个页面都使用flash*敏*感*词*，则必须考虑flash和页面的融合。

　　5.每个相对独立的栏目首页的容量一般要求在40K以内，有特殊要求的不得超过60K；每个网页（本网站首页除外）都必须有图标或文字链接才能返回首页并返回上级。

　　6.返回连接使用相对路径，尽量不要使用绝对路径。如：../index.htm

　　7.网页字体要求使用国家简体字。

　　▲ 程序开发注意事项

　　1. 网站系统需要连接数据库（sql），所以需要连接数据库，但是不允许建立odbc数据源，也不允许做多个收录连接的header。整个系统只有一个，方便日后修改数据库密码时修改数据库。系统，同时，移植也很方便。

　　2 头部收录一个要制作的文件，例如*.asp，这样用户就不会找到密码和数据库。如果有access数据库，必须把扩展名改成*.asp之类的来保护数据。

　　3 所有子模块都必须有一个readme.asp（readme.txt-改为à readme.asp，什么都不显示）文件，里面详细描述了这个子模块所使用的表和表的结构、含义和每个字段的大小，SQL建表脚本语言（用SQL工具导出），每个程序文件的功能。

　　4 表的创建必须有一定的意义，其字段也必须是有意义的。比如4967班的student表，表名：table_4967_student字段：name、age table_4967_student_name、table_4967_student_age等。同时，必须有5人的扩展字段，以便日后扩展功能。

　　5 必须有注意事项，便于维护。测试时删除无用代码，使程序清晰。

　　6 必须使用相对路径，严禁使用绝对路径。

　　7 后台管理程序必须集成到一个页面中，并且必须经过授权。只有授权用户才能登录进行系统管理。

　　8 不要设置不必要的会话变​​量以避免浪费资源。同时使用sql语句解决一次可以用sql语句解决的问题，避免多次数据库搜索、反馈、重新搜索，以免影响速度。结果，大量时间浪费在网络连接上。

　　9 程序开发过程中不要使用已经投入运行的网站进行测试。请自行搭建或申请环境。

　　10 必须有错误捕获处理，提醒用户如何操作和导致错误。

　　11 删除消息一定要有确认，毕竟是删除，确认后再删除。

　　12 各个模块之间要有明确的规定，不能混淆。每个模块必须有自己的目录（放在主目录下）。

　　13 如果使用js验证合法性，一定要验证。坚决避免服务器端验证，以免增加服务器负担，同时影响网页响应速度。

　　14 程序员在测试程序时，应使用上限值、合法值和下限值进行测试。

　　15 绝对禁止使用触发器和存储过程。

　　16 如果整个网站系统使用相同的变量或常量，请模仿c语言中的常量定义，方便维护。

　　17 显示数据库信息时，应考虑段落级别，每个标点符号的正常显示，记录数可以分页，避免出现页面过长的情况。

　　18 所有模块通过内部测试后，送上级进行测试验收。

　　19 完成所有功能后，必须进行集成测试。后台管理程序必须放在一起，形成后台管理类型网站。目的：操作简单方便。

　　版权：展示设计发布，禁止转载、商业和个人使用！

　　类别：实证观点