admin 管理员组

文章数量: 1184232


2024年4月29日发(作者:最新的sql安装教程)

第28卷第12期(下)

2012年12月

赤峰学院学报(自然科学版)

JournalofChifengUniversity(NaturalScienceEdition)

Vol.28No.12

Dec2012

静态网页的开发研究

曹晏祯

(郑州华信学院,河南郑州451100)

摘要:随着网络的快速发展,越来越多的人追求动态效果以吸引人的眼球,合理的布局别出心裁,自

由造型设计的出现,丰富了网页的整体视觉表现力.互联网成为我们传递和获取信息的重要桥梁之后,网站

建设也成了各行各业的重要组成部分,各单位基本上都有自己的网站,通过网站向别人展示自己,让别人

更好的了解自己.本文阐述了有关网站建设和开发方面的相关理论知识,充分体现了计算机技术和网络技

术服务于经济建设的重要思想.

关键词:网站开发;静态网页;商务网站;页面元素

中图分类号:TP393.01文献标识码:A文章编号:1673-260X(2012)12-0031-02

游)直接浏览,不需要执行.net、asp、jsp、php等程序

生成客户端网页代码的网页.由于静态页面不需要

进行程序运算,不用和数据库进行交互,所以静态

页面的下载速度非常快,常见的静态页面的扩展名

主要是.html、.htm,并不是说网站上没有动画效果

的就是静态页面.

1.2动态页面

动态页面不能由浏览器直接浏览,而必须经过

Web服务器软件解释或编译后,以HTML格式将

结果输出到客户端浏览器上.动态页面是通过执行

asp、jsp、php等程序生成客户端网页代码的网.net、

页.通过网站后台管理系统我们可以对网站的内容

进行更新管理,在网站中发布新闻,上传公司产品

图片,公司动态,行业资讯,客户留言等,这都是动

态网站所具备的一些功能,也是我们最常见的.通

常我们看扩展名就能看出是动态还是静态页面,动

态网站常见的扩展名有:.jsp、.asp、.php、.cgi等.页面

中的动态就是指网站与客户端之间有交互作用,并

不是网页上有动画的就称为动态页面.

动态网页最大的优点就是按用户的请求,反馈

以相应的数据,可以提前制作好一个美观的程序界

面,是网站开发中最常用的形式,俗称的一对多的

关系,并且很方便管理,如果我们的网站需要改版,

可以在不变数据库的情况下,很快的整改界面和网

站风格,能最大限度的利用资源和对服务器上物理

资源的节省.

2

网页设计前的准备

在做一个网站之前,首先要确定网站的主题和

名称,一个好的网站必须有个明确、精要、尽量能够

体现网站思想的主题.其次是CI形象设计,包括

LOGO、色彩、广告语等可以作为标志性的东西.再

-31-

随着网络的快速发展,互联网已成了我们传递

和获取信息的重要桥梁,不管是在工作中还是生活

中,它都发挥了很重要的作用,因此网站建设也成

了各行各业的重要组成部分,无论是政府部门,还

是企事业单位,基本上都有自己的网站,它们可以

通过网站向别人展示自己,让别人更好的了解自

己.通过这样的一个网络空间,我们可以了解到企

校园文化、城市文化以及加盟信息等.人们业文化、

越来越离不开网络,它将以一种强大的冲击力来影

响着我们的生活.

我通过制作一个商务网站来阐述一下网页设

计的相关知识,该网站的开发设计很好的体现了网

络服务于经济建设的新型思想.随着网络的快速发

展,网页设计也追求了更加绚丽的视觉效果,越来

越多的人追求动态效果以吸引人的眼球,合理的布

局别出心裁,自由造型设计的出现,丰富了网页的

整体视觉表现力,在网络的海洋中增加了绚丽的一

笔,值得大家去探究.

1

静态页面与动态页面的区别

通常我们谈论网页的时候,一般分为动态页面

和静态页面,大多数网站的前台是用Dreamweaver

做的静态网页,再配上后台的交互功能,就成了动

态网站.当然,我们所说的动态页面和页面的动态

效果是不一样的,只看页面上有滚动字,或者是有

flash动画,就妄加断言说这个网页是动态页面,那

是极其错误的,这只能说是页面的动态效果,我们

看不出它是否有交互功能,所以不能看出是动态还

是静态.

1.1静态页面

静态网页也就是HTML静态页面,它是物理存

傲在的文件,这类网页可以由网页浏览器(如:IE、

其次是栏目和版块规划,栏目的分类可以按主题或

性质分类,也可以按组织或人的思考方式分类.板

块的安排应坚持适度的原则,先制作有代表性的页

面,再将相应的内容补充完整.然后是确定网站的

目录结构,在制作网页前一定要养成画结构图的良

好习惯.首页要尽量简洁,首页是浏览者对网站的

第一印象,是整个网站导航图的入口点.一般包括

各种功能按钮、重要内容提示、友情链接等内容.子

页面内容相对独立,不能重复,而且要求导航功能

完善.还要确定网站的整体风格,网站风格的确定

主要针对浏览者以及网站的主题.

除此之外,还要重点考虑页面布局,页面布局

的原则是将一定的内容放在特定的可视块上,内容

与定位相关,形成“标准”布局,这有利于网页的网

页模版里包括所有的网页的公共元素,如LOGO、

广告语、导航栏、更新时间、推荐栏目、外接CSS样

式表的链接、收藏夹、返回首页、站点地图、E-mail

地址、版权信息等.

3

网页布局和页面元素

网站的主页是非常重要的,给访问者留下的第

一印象是好还是坏,取决于首页,给访问者带来的

宣传是有力度还是没有作用,也取决于首页,通常

好的网站给访问者能带来这样的感觉:页面美观新

颖、条理整齐清楚、具有专业水准、引人入胜.网页

应该能让访问者一眼看到主体,而不是杂乱的色

彩、闪烁的动画让访问者眼花缭乱,过多的刺激访

问者的视觉和听觉,那么后果就是访问者忍不住去

关闭网站,这样就适得其反了,所以网页的布局非

常重要.

无论是页面尺寸、还是整体造型、页头页脚,还

是文本、图像、多媒体,这些基本的元素在网页布局

中都非常重要.在一些约定俗成的所谓的标准中,

大胆的并且合理的添加上自己的创新,这样的网页

很容易被别人接受.当然有的时候我们会发现,我

们做好的网站在不同的浏览器中有着或多或少的

区别,这就是浏览器本身的问题,显示浏览器的工

具栏和关闭工具栏,页面的尺寸就会发生变化,不

会有太多的影响.我们在设计网页布局的时候,通

常有两种方法,第一是软件制作布局的方法;第二

是纸上画出布局的方法.

想做出精美界面的网页还需要艺术,网站分类

有很多种,一般常见的有门户网站

、个人网站、专业

网站、政府职能网站、电子商务网站等.并不是每个

网站都要按照一定的相关标准,也并不是每个网站

都适合做得很绚丽多彩,一些门户网站和个人网站

可以做的自由一些,但是政府职能的网站,还是要

求做的很庄严、格式整齐,电子商务的网站则需要

格式工整,图片有吸引力,重点突出.在这些网页上

插入一些精美的图片是很有必要的,否则,不会有

-32-

访问者愿意浏览你的网站.

网页中的文本、动画、表格等是页面的基本元

素.制作一个电子商务网站,除了文本之外,肯定也

少不了动画的加入,并且还要有艺术气息在里面,

这就要求我们的设计者要有艺术修养和对颜色的

综合把握.框架在网页中也是经常用到的,它可以

使网页更为清晰,简化网页的编写,网页之间相同

的内容只需一次,并且加快网页的浏览,每次网页

只更新那个变化的框架内容.表格在网页中用处是最

广泛的,可以作为布局,用来定位等,称为是网页中最

活跃的元素,它的使用可以让网页变得更加灵活.

商务网站

4

网站的测试与维护

网站全部做好之后,先不用急着发布,首先要

对网站测试一下,最方便的测试方法就是在本机上

使用Internet浏览器进行浏览测试,测试内容包括

链接、外观、速度、脚本和程序等.同时还要购买域

名和空间,然后再发布网站,可以使用Dreamweaver

CS5中的“发布站点”功能或者FTP软件,将页面文

件上传发布到指定的网络服务器上.最后是后期维

护,静态网站上传之后,还需要有专门的人员从网

站拥有者获取新资料,上传到网站上,对网站进行

及时地更新.

5

结语

网页设计是一个互动的过程,不只是设计师构

思设计就可以完成的,从客户提出需求到最终发

布,期间需要客户与设计人员共同参与协商,要根

据网站类型制作相应的网页,不能只是死板教条,

要有自己的创新设计,这样才能做出让客户满意的

网站.

———————————————————

参考文献:

1

〕胡珊

.

个人网页设计与制作

[J].

电脑学习,

2009

3

.

2

〕梁景红

.

网页设计思维

[M].

北京:电子工业出版

社,

2007.

3

〕周琦

.

关于网页设计与制作技术的探讨

[J].

电脑

知识与技术,

2009.

4

〕唐永明

.

浅议网页设计与制作

[J].

科技信息,

2009

4).


本文标签: 网站 网页 页面 设计 动态