网站结构设计规划书

简介: 作者:孤剑昨天,一位mm找我,让我帮她看看她做的网站!拿过来一看,汗!果然是新手,所有的东西都放在了一起,没有任何分类,想象自己以前也是如此,而且加上这个妹妹还是我们的老乡,没有办法,修改吧!用dw建立了一个站点,随后进行测试一切正常,上传到服务器,才想起来,路经要相对,而且尽量不要出现“。
作者:孤剑

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

建站框架规范书之——文件命名

 

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

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

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

3           单词要小写,文件名字母间可以用下划线连接;如:网站标志图标logoGif

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        全尺寸banner468*60px,半尺寸banner234*60px,小尺寸banner88*31px

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

 

 

 

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

 

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

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

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

Common             后台文件集散地;

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

目录
相关文章
|
6月前
|
算法 C++
C++中的结构应用:Josephus问题
C++中的结构应用:Josephus问题
50 1
|
7月前
|
XML 存储 JavaScript
DOM(文档对象模型):理解网页结构与内容操作的关键技术
**DOM摘要:**文档对象模型(DOM)是独立于语言的接口,用于访问和修改HTML或XML文档。HTML DOM用于HTML,XML DOM用于XML。示例展示了如何用JavaScript通过DOM获取和修改元素,如通过ID或标签名。XML DOM涉及加载XML文件或字符串,获取元素值。DOM节点包括文档、元素、文本等,通过属性(如nodeName, nodeValue)和方法(如getElementsByTagName, appendChild)操作。节点树结构允许遍历和修改文档结构。
96 2
DOM(文档对象模型):理解网页结构与内容操作的关键技术
|
存储 算法 程序员
深入理解程序的结构
深入理解程序的结构
174 0
|
7月前
|
Java
JAVA循环结构
JAVA循环结构
36 3
|
Java
Java循环结构 2
Java循环结构
74 0
|
存储 Java
java循环结构-3
指导——计算100以内的偶数之和
80 0
|
移动开发 Java Ruby
java循环结构-4
本章工作任务 统计顾客的年龄层次比例 循环录入会员信息 验证用户登录信息 本章技能目标
69 0
|
算法
程序的三大结构
程序的三大结构是:顺序结构,选择结构,循环结构。
209 0
|
Oracle Java 关系型数据库
3 Java循环结构
3 Java循环结构
139 0