网站结构设计规划书

简介: 作者:孤剑昨天,一位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                  
根据主页上的内容划分相应的版块,各个版块也可以使用主页上命名规则
最后形成文件目录结构如下:

目录
相关文章
|
5月前
|
存储 测试技术 C++
C++中的结构
C++中的结构
24 2
|
5月前
|
算法 C++
C++中的结构应用:Josephus问题
C++中的结构应用:Josephus问题
44 1
C#视频-三大结构
C#视频-三大结构
52 0
|
JavaScript 前端开发 搜索推荐
TypeScriopt之基本结构
TypeScriopt之基本结构
88 0
网页基本结构框架
通过以下的方法可以更好的了解网页的一些基本结构框架。
151 0
|
存储 缓存 网络协议
电子邮件系统的组成结构
电子邮件系统的组成结构
238 0
|
知识图谱
欧几里德结构数据与 非欧几里德结构数据
欧几里德结构数据与 非欧几里德结构数据
530 0
欧几里德结构数据与 非欧几里德结构数据
|
前端开发 定位技术
如何给网页划分结构
  如何给网页划分结构,学习前端第一步:划分网页结构,网页的结构的划分应该遵循哪些原则,如何去划分网页的结构呢?   对于一个前端初学者,第一步就是要学会如何划分一个网页的结构。当设计师给到你一张设计图,你需要根据这张图做出一个符合标准的页面,这里所说的标准,即w3c标准,参考w3school在线教程。
755 0