网站结构设计规划书

作者：孤剑

昨天，一位mm找我，让我帮她看看她做的网站！拿过来一看，汗！果然是新手，所有的东西都放在了一起，没有任何分类，想象自己以前也是如此，而且加上这个妹妹还是我们的老乡，没有办法，修改吧！
用dw建立了一个站点，随后进行测试一切正常，上传到服务器，才想起来，路经要相对，而且尽量不要出现“。。/”，要不然网站就出现了问题！给她讲不一定懂，所以，找出自己以前写的“网站规划书”来说明问题。嘿嘿！

建站框架规范书之——文件命名<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

1 大多数文件以英文命名，争取以最少的字母达到达到最容易理解的意义；

2 以菜单名的英文单词取其中心词为文件名。如：

关于我们 /aboutus 信息反馈 /feedback 产品 /product

3 单词要小写，文件名字母间可以用下划线连接；如：网站标志图标logo。Gif

4 鼠标感应图片命名为“图片名”+“_”+“on/off”。如：

鼠标滑过图片 mouse_over_on.gif 鼠标滑出图片 mouse_out_off.gif

5 每个板块首页为index.htm(.asp)、default.htm(.asp)、main.htm(.asp)之一；

6 同一个功能多个文件命名用文件名+数字区分；

7 图片命名规则：

7.1 分为头尾两部分，用下划线隔开；

7.2 头部表示文件性质，如：顶部广告、装饰图片等长方形图片取名为banner，标志性图片为logo，在页面位置不固定且带有连接小图片为button，带有连接出现且性质相同的连接栏目图片menu，装饰图片pic，不带连接表示标题title

7.3 尾部表示图片含义。如：

Banner_sohu.gif Sohu广告

Banner_sina.gif Sina广告

menu_aboutus.gif 关于我们的菜单图片

menu_jog.gif 工作菜单图片

titile_news.gif 新闻标题图片

8 首页页面尺寸。页面标准按照800*600分辨率制作，实际尺寸按780*430px设计；

9 页面长度原则上不超过3屏，宽度不超过1屏幕；

10 全尺寸banner为468*60px，半尺寸banner为234*60px，小尺寸banner为88*31px；

11 每个非页面静态页面含图片字节不超过60K，全尺寸Banner不超过14K；

建站框架规范书之——目录层次

1 新闻目录消息创建单独页面，并在一端时间后将新闻放置于适当的目录下；

2 在最近更新的信息边加注一个亮丽的小图标，起到提醒醒目作用；

3 根目录下文件层次如下：
Images 公共图片库；

Common 后台文件集散地；

Style css文件夹；
Script js脚本文件夹；
Include 各个成员自主开发的功能函数文件夹；
Temp 临时文件夹，用于存放客户提供的各种原始的资料，可在此目录下建设子目录，以时间为顺序命名；
Media 存放网页文件上的多媒体文件，比如：Flash，Avi，QuickTime等；
News 根据主页上的内容划分相应的版块，各个版块也可以使用主页上命名规则
最后形成文件目录结构如下：

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" /><shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><stroke joinstyle="miter"></stroke><formulas><f eqn="if lineDrawn pixelLineWidth 0"></f><f eqn="sum @0 1 0"></f><f eqn="sum 0 0 @1"></f><f eqn="prod @2 1 2"></f><f eqn="prod @3 21600 pixelWidth"></f><f eqn="prod @3 21600 pixelHeight"></f><f eqn="sum @0 0 1"></f><f eqn="prod @6 1 2"></f><f eqn="prod @7 21600 pixelWidth"></f><f eqn="sum @8 21600 0"></f><f eqn="prod @7 21600 pixelHeight"></f><f eqn="sum @10 21600 0"></f></formulas><path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"></path><lock aspectratio="t" v:ext="edit"></lock></shapetype>