德网站制作,网站制作教程( 四 )


.网站详细设计
总体设计阶段以比较抽象概括的方式提出了解决问题的办法 。详细设计阶段的任务就是把解法具体化 。详细设计主要是针对程序开发部分来说的 。但这个阶段的不是真正编写程序,而是设计出程序的详细规格说明 。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图,它们应该 包含必要的细节,例如:程序界面,表单,需要的数据等 。程序员可以根据它们写出实际的程序代码 。我们这次主要用ASP来实现有关功能和解决有关问题的,例如,公告版BBS,聊天室,信息发布系统,网上超市等都用ASP来实现人机交互功能的,其中也用到调用数据库的技术 。
ASP (Active Server Pages)是Microsoft 公司推出的一种Web应用程序开发技术,也是服务器端的脚本运行环境,使用该技术可以开发动态的、交互的Web应用程序 。
.网站的制作规范探讨
(1)网站目录规范
目录建立的原则:以最少的层次提供最清晰简便的访问结构 。
a.根目录 。根目录指DNS域名服务器指向的索引文件的存放目录 。根目录只允许存放index.html和main.html文件,以及其他必须的系统文件;
b.每个语言版本存放于独立的目录;
c.每个主要功能(主菜单)建立一个相应的独立目录;
d.当页面超过20页,每个目录下存放各自独立images目录,共用的图片放在根目录下的images目录下;
e.所有的js文件存放在根目录下统一目录script;
f.所有的CSS文件存放在各语言版本下的style目录
g.所有的CGI程序存放在根目录并列目录cgi_bin目录
(2)文件命名规范
文件命名的原则:以最少的字母达到最容易理解的意义 。
a.索引文件统一使用index.html文件名(小写) 。index.html文件统一作为“桥页”制作具体内容,仅仅作为跳转页和meta标签页 。主内容页为main.htm;
b.菜单图片名称按菜单名的英语翻译为名称 。例如:关于我们aboutus;信息反馈feedback 产 品product;所有单英文单词文件名都必须为小写,所有组合英文单词文件名第二个起第一个字母大写;
c.所有文件名字母间连线都为下划线;
d.图片命名原则以图片英语字母为名,大小原则写同上;
e.js的命名原则以功能的英语单词为名 。例如:广告条的js文件名为:ad.js
f.所有的CGI文件后缀为.cgi 。
(3)链接结构规范
链接结构的原则:用最少的链接,使得浏览最有效率 。首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构 。超过三级页面,在页面顶部设置导航条 。
(4)尺寸规范
a.页面标准按800*600分辨率制作,实际尺寸为778*434px;
b.每个标准页面为A4幅面大小,即8.5X11英寸;
c.大banner为468*60px,小banner为88*31px 。
(5) 首页HEAD区规范
a.公司版权注释
b.网页显示字符集
简体中文:
繁体中文:
英 语:
c.网页制作者信息
d.网站简介
e.搜索关键字
f.网页的css规范
g.网页标题
四、网站的设计制作
1.整体形象设计
在程序员进行详细设计的同时,网页设计师开始设计网站的整体形象和首页 。
整体形象设计包括标准字,Logo,标准色彩,广告语等 。首页设计包括版面,色彩,图像,动态效果,图标等风格设计,也包括banner,菜单,标题,版权等模块设计 。首页一般设计1-3个不同风格 。
2.开发制作
本次网站规划设计采用软件工程的设计方法,设计小组在系统分析和总体设计的基础上,将设计任务分解,分配到设计组的每个成员,各模块有设计组成员单独承担设计和调试,既有分工,又有协作,最后将各模块上载到服务器上,做链接和整体的调试 。
3.调试完善
各模块初步完成后,上传到服务器,对网站进行全范围的测试 。包括速度,兼容性,交互性,链接正确性,程序健壮性,超流量测试等,发现问题及时解决并记录下来 。
网站建设实际上是一个不断充实和完善的过程,通过不断的发现问题,解决问题,修改,补充,使网站结构趋向合理,内容更加丰富,形式更富有感染力 。
4.宣传推广
刚刚建成的网站就好像一个新注册的电话号码,没有人会自动找上门来,这时你就需要适当地做一些网站推广工作了,这里有很多方法,例如:
a.网页里设置适当的META标签;
b.交换友情链接 。这是个免费而高效的办法,就好比在别人商店打上你的广告,在你的商店打上别人的广告,这样一来当网友参观别人的网站时就知道你的网站了,如果你的广告做的好,他一多半都会参观你的网站,这是件无须开支、互利互惠的好事情,推荐使用 。

推荐阅读