返回首页 -您现在正在浏览：>首页 -> 论文下载 -> 工科论文 -> 电子机械 >

关于网站建设和网页制作方法的探讨

作者:程发友时间:2017-05-02 09:57:05 来源: 阅读次数:854次 ]

伴随电子计算机技术的推广使用，使当代
教育也走上了信息化的发展轨道，教育发展与
信息化的进步之间有着密不可分的联系。对于
过去的教育模式而言，主要特征是单一化、传
统化。相比较而言，当代的教育模式更加具有
关于网站建设和网页制作方法的探讨
文/程发友
对于计算机网络而言，如果
进行科学合理的使用，对于促进
其走向高科技信息化有着积极的
作用。充分利用好信息化，可以
使单一传统的模式化教育转变为
多层次的新型教育模式，通过非
常整体地采用计算机多媒体手段，
才可以使以网络通信为基础的当
代电子计算机技术在这种发展模
式之下，取得重大成功。我校设
置了多个校园式的网站，以下将
会通过我校作为主要案例来探究
校园网站的网页制作策略以及方
法。
摘
要
多重性质，与信息化的协同发展使当代教育的
发展与以往有着重要区别。所以，将传统教育
模式和现代信息技术相互契合是非常重要的。
通过此种方式才可以从整体角度来建设我校的
校园网站，并且使之得到进一步完善优化，以
下笔者将会通过我校网络技术的具体发展作为
案例，分别从各个不同的阶段对建设校园网站
或者一些有关网页制作策略技术的简要介绍。
1 网站建设预期准备
网站的设计对于网站建设而言，有着十
分重要的作用。所需要进行考察的因素充满了
多样化。主要是从预先的前期网站预备作为出
发点，所囊括的内容主要有：预期的网站开发、
网站的设计和规划网站。主要目的是为了对即
将到来的信息采集和页面设计进行相关准备
的一种试运行，这也是作为后期调试运行的一
个重要基础之一，对于网站所面向的浏览对象
以及建设某网站的目的要有所明确。只有通过
了周密准确地定位之后，才会有具备可看性、
实用性、目标明确性于一体的网站清晰定位。
要想完成网站的构思创意以及相关规则，网站
设计者就一定需要从宏观来对网站的使用者基
本情况进行全面掌握，这就要求对网站的宏观
特点以及格式做出全面的规定，使网站组织结
构得到相应的完善，继而可以确定好鲜明突出
的主题以及十分明确的要点、通过简明的言语
以及图画表现出整个站点的主题思想；最终，
以此作为基础，进行各种网站素材的收集以及
相应的制作。要特别关注的是制作素材不能只
考虑一个方面，要从多个角度、多个领域以及
多个层次对于素材的制作加以考量。充分运用
一切手段表现网站的个性以及特色是非常关键
的。凸显网站的特点，特别是将校园网站与非
校园网站进行区别。
1.1 网站设计风格统一
控制好网站整体风格的统一协调性是在
进行网站设计的主要考虑因素之一，空白的留
出主要是参照主要图形、标题亦或是符号的相

关位置。例如，倘若在第一页的上方确定了沾
点标示，那就必然需要在其他不同位置也放上
类似的标志。再例如，对于图标向导的使用，
一旦在某个地方使用了图标向导，那么其他的
页面也要使用一样的或者类似的图标。要想
使这种方法得到使用，就需要使用两种法则。
一种法则是对于具体使用模板而言的，对于
Dreamweaver 中一种关键类别的文档设计，相
关设计者常常必须将不同页面的相同位置定义
成模板的锁定区域。对于不可锁定区域而言，
只需将不同位置来进行定位即可。文件以及此
模块之间要确保非常稳定的链接工作模式，相
应的对模板采取修改策略，就可以使模板中数
量庞大的设计内容得到一定程度的更新，据此
可以在很大程度上减少页面的维护时间。采用
框架是作为另一种方式，该种方式也可以叫做
帧页，这是一种十分普通的技术，对于网页制
作页面来说。该技术的主要特色是可以通过浏
览器将其分成不同类型的很多小窗口，每个
不同的窗口都会对各自页面的相关内容加以显
示。并以此作为基础，分别对其大小进行设置，
据此就能够便于设计网站的总体结构，也能够
在处在上面位置的框架当中订立相关的网站标
示，在左面、下方分别放置导航栏以及安置版
权信息，诚然，这当然是一个相对松散的公式
化的设计。依照自身的需求的不同，来结合自
身的创意进行安排，并且对于链接页面的显示
框架也能够进行相应的确定，进而规避了网页
页面上相同或是相似关联内容的多次下载。这
有助于使网络传输速率以及网页显示速度得到
一定提升。
1.2 版面设计简洁明快
对于版面设计的内涵来说，其实质就是组
版元素在安排优秀版面设计以及版面计划的相
关内容。这可以表现出各个不同组成要素之间
的适当比重联系，从根本上来说，没有固定的
版式是网站版面的一个特色，主要原因是它是
作为一种个体思维的个性化展示。下面，作者
将会寻找有关的网站版式类别，具体而言，分
别是左中右上类型以及下上左右类型，选取此
类型网站版式的网站一般是以新闻资讯居多；
最不经常见到的是左中右类别；一般会出现在
少部分个人网站的是左右类型；经常使用上下
类型的是部分娱乐文艺性的娱乐性网站。对于
版式来说，十分明显的版式分解是单一版式所
不具备的特色，表达个性特色最好是使用该版
式。对于教师以及学生来说，校园网站是他们
的一个聚集地点，为了能够使其查询信息的便
捷性得到保障，这就要求版面设计需要明快自
然，这和强调个性化的网站所要达到的目标有
着截然不同的区别。这就要求不同栏目之间在
进行设置时不能过于凌乱，否则会产生眼前混
乱的直观感觉，而且大标题下的具体小标题的
组合方式又不会让人产生不够大标题选取的信
息总量，应当要具备整体概括性以及形象性。
一方面，可以对下面具体小标题所阐释的相关
内容给予总结，另一方面，也代表了这个栏目
的总体形象。
1.3 网页内容以人为本
网站建设需要进行考量的内容是多方面
的，其特色的明确不仅仅只是需要从浏览网站
的使用者的方面进行考量，还应该要从网站的
内涵方面进行考察。依照截然不同的网站内容
进行网站风格的确定，比如，一个个人主页的
设计，设计者能够尽情发挥自己的所思所想来
确立其网站的总体设计风格，突出其鲜明的个
性；但如果需要做的是一个商业网站站点，设
计师就要考察自身所面临的群体的群体特色以
及网站的内容是属于哪个方面的，网站的设计
风格一定要与网站的总体内容相互契合。比如，
Microsoft 的站点，简洁而直观是给人的第一
感觉。没有一张多余的图片是该页面的特色之
一。各种呈现出的信息也具备科学合理性。根
据网站的具体内容进行确认是这类特色的主要
方法之一，鉴于 Microsoft 的网站站点的访问
量十分巨大，要想提升页面访问的总体速度，
简洁的页面设置就是方法之一。对于一个技术
人员来说，怎样通过最快的速度探寻到他们想
寻找的相关资料以及信息就变得非常关键了。
不管是校园网站还是非校园网站，其中心任务
都是要为使用网站的浏览者提供比较全面而且
十分必要的服务，据此，版面的设计根据服务
的特色以及服务的类别对于主题要恰如其分地
进行突出，对于一些相关的重要信息，要置放
在比较重点显眼的关键位置。
2 网页制作方法与技巧
对于网页制作而言，页面效果要想得到
提升，就必然要采取一些相应的技巧以及相应
的办法，对于网页编辑软件的制作方面，各种
工具都有着自己的使用途径以及使用方法，因
而，每种工具的使用是否灵活以及系统有关的
要求都存在着重要区别。例如，对于当下最时
尚的网页制作工具来说，其性能灵活度的要求
存在着很大差别，当下最流行的制作工具是
Dreamweaver。在表格的基础上，能够将文本
以及图像的位置采取十分灵活的调动，过分担
心不同对象要素之间的相互作用是不必要的，
况且通过紧凑的页面结构，能够使表格的定位
功能得到全面使用。在对表格定位功能进行全
面使用的基础上，必须把页面中所囊括的各种
文字、图片，根据一定的排列组合标准进行科
学系统的排列组合。采取绝对定位的模式，进
而方便在浏览网页时在不同的显示分辨率下都
能看到同样的效果。
3 网站页面色彩和版式的设计
网站设计者在设计网站的版式时，要以
简洁、明确为原则，不要在网站的页面上添加
太多与页面内容没有太大关系的内容，以免使
整个页面显得繁杂累赘，要确保网站访问者在
浏览页面时第一时间看清楚网站的主题内容是
什么。另外，通过对一些关键词和图片的使用
可以加深网站访问者的印象。设计者在设计网
站主题色彩时要注意，一个网站的色彩切忌杂
乱，一般一个网站有一个到两个主题色就足够
了，如果太多色彩容易让访问者浏览起来显得
很费劲，但网站主题色彩也不多看起来太过于
单调，这需要网站设计者结合网站的面向群体
好好把握。
4 结语
简而言之，网站设计要搞好，具备一定
的网页基础知识是必须的，掌握网页的制作技
巧策略和相关美术知识是做好网页设计的必要
条件之一。从实质上来说，最终的目的就是要
吸引越来越多的人进行网页的浏览。坚持更新
以及维护网站，才可以网站发挥其应有的作用。
参考文献
[1] 高复先 . 信息资源规划 [M]. 北京：清华
大学出版社 ,2002.
[2] 刘洋 .DreamweaverMX 短期培训教程 [M].
北京：北京希望电子出版社 ,2002.
[3] 徐亚先 . 试论网页制作 [J]. 情报科
学 ,2004(02).
作者单位
武汉职业技术学院湖北省武汉市 430074