静态网页设计中存在的问题与解决措施探究

2022-04-29 03:51:16刘倩倩

电脑知识与技术 2022年4期

摘要：由于网络技术不断延伸，在应用和发展互联网的过程中出现了不少具备现实意义的作用，从具体互联网发展而言，网络技术应用中离不开网页设计环节，而网页设计又可以划分为静态和动态网页设计两种。为此，该文主要探究静态网页设计环节出现的现实问题以及相应对策，希望能够帮助有关人员。

关键词：静态网页设计;存在问题;解决措施

中图分类号：TP393 文献标识码：A

文章编号：1009-3044（2022）04-0108-02

最近几年，伴随着网络技术的逐步拓展，网页设计的重要性越来越受到专业人士的关注，人们对于审美的追求不断提升，网页设计需要跟随审美潮流。网页并非只将各种信息灌输进去，还需要让受众更加便捷有效地接收详细数据信息。因此，本文对静态网页设计存在的问题以及措施进行探讨。

1 静态网页的相关概念

所谓的静态网页就是在设计环节通过HTML语言完成所有的设计制作网页，从静态网页设计角度来说，网页本身自带.html以及.htm等文本格式后缀。在应用静态网页时，网页内容并不会产生太大变化，使用和浏览静态网页时，用户无法加深与服务器的内部网络交互。值得一提的是，相较于动态网页而言，静态网页并非处于纯粹静止状态，而是在不断设计中表现出动态变化，设计人员可以应用GIF动画和Flash动画，展现出更加良好的动态效果。在整个设计环节，静态网页应用了XML以及HTML技术，其中后者所包含的应用范围最为广泛，展现出的使用效果也最为明显。而前者则具有多样化的应用对象，显示出更为强大的功能。所以，静态网页的设计需要两种技术的帮助，并且要求设计人员给予上述内容同等的重视程度。

2 常用部件

第一，静态页面Web部件。为了将静态文件内部代码安置到合理的页面指定位置，需要选取静态页面Web部件，让静态制作内容尽快完成。比如设计人员打开站点，在菜单栏位置选择所有文件选项，找到_EX_STATICPAGES_，在文档库点击新HTML，将英文字符作为文件名主要表现方式。点击静态文件并且打开，在其中添加静态代码，随后实行关闭操作。如果从代码类型来看，HTML代码属于代码片段，根据相应原则标准，不可以在其中增加声明语句或者<html><head><body>，倘若这部分代码片段中只含有结构代码，那么设计人员便可以在文件夹或者Images、page.css文件中安置各种图片样式，此时计算机呈现出页面编辑状态，在Web部件中进行添加操作，如图1所示。

倘若选取静态文件时融入其他站点内容，在文本框右侧部位点击之后便会出现文本编辑器，由此便可以添加相对以及绝对地址，将所有操作保存便可以完成靜态内容的替换效果。

第二，新闻列表Web部件。为了可以页面展示和读取各种新闻动态信息，必须要应用新闻列表Web部件，同时增加新闻列表Web部件的手段与上述操作类似。寻找到新闻列表下拉箭头的位置，在其中找出编辑web部件，并且设计人员还应当注意新闻列表web部件中存在的新闻显示设置以及排序、内容设置等属性，在设计人员处理好相应属性后，找出对应的新闻栏目。

第三，IP过滤Web部件。通常情况下，设计人员可以通过访问IP限制以及权限管理两种手段对网站访问内容加以控制，其中控制权限管理较为明确，因为它可以针对用户账号来区分访问者打开内容的权限，如果某页面希望所有员工均有访问权限，则给予员工授权账号就很困难，所以要将其更改为在本单位区域内所有上网计算机均有权限对网页进行访问，这时辨别IP地址的手段便拥有了更大的发挥空间。

凭借对IP地址加以区分的方式，可以针对用户差异辨别用户所打开的网络页面限制范围，从而结束访问对象的行为。其适用于结构访问，也就是组织、单位或者部门所构成的访问，比如具有明显边界性的内容空间，整个过程就是让其获得良好的IP地址分配。由于IP过滤Web部件使用范围限制在内网，可以将其安置在Web部件页面。具体来说，通过鼠标点击让页面处于编辑状态，在指定区域添加Web部件。同时勾选隐藏，选择可以访问的IP段，将主要内容填入指定位置，整个过程都需要将IP段完整填写，并且用“-”这个符号进行连接，隔离符号则选择分号，同时设计人员还必须明确最后IP段并不要求使用分号，这样就可以对被允许访问IP段进行明确，知晓哪种IP段无法通过电脑加以访问。

3 在应用CSS+DIV样式的过程中需要注意的事项

通过一串值可以将CSS属性完成属性代替，使填充模式被尽情发挥，将使用值通过空格加以分离，分号表现出多个属性，把margin作为控制元素浮动值的有力工具，要求border.width和pdding两者之间允许合并，并且表现出逆时针顺序，将property：top right bottom left作为形式。

4进行静态网页设计时的问题

4.1 文件存放的问题

设计人员设计静态网页时，文件存放常常会产生一些不可预知的状况，在网页内部存入图片或者图形文件过程中，利用dreamweaver软件能够将上述内容清晰明确地展示出来，但如果应用IE浏览器，则会难以显示，静态网页将无法合理地展示出文件内容，这为设计人员带来巨大干扰，进而形成难以避免的漏洞，妨碍合理设计静态网页的工作。如果静态网页部分文件缺失，那么便不可视为合格的网页设计内容。

4.2 滥用或者依赖Flash 动画

在设计人员进行静态网页设计工作过程中，很多工作者都喜欢使用Flash动画，由于Flash动画本身并没有太大的体积，视觉效果尤为明显，使动态网页变成动态和直观的表现形式，从而强化应用价值。但是现实条件下，并非所有设计人员都能够把握Flash动画的优势，可能会过分依赖Flash动画，这样难以让静态网页的效果和质量得到显著提升，甚至让动态网页因为应用Flash动画形成不良干扰。

4.3 设计内页过程中杂乱无序的状况

很多网页设计人员本身并不具备良好的专业素养，对静态网页设计没有形成良好的专业认知，导致在进行静态网页设计环节时出现杂乱无序的情况。静态网页的设计环节离不开内页设计，从整体设计角度而言，内页设计的重要性尤为关键，起着不可替代的重要作用。而设计人员进行实际设计操作后，可能忽视网页结构，无法合理编辑网页内容，形成结构方面杂乱无序的状况。与此同时，很多设计工作者忽略了網页的图像以及色彩，让静态网页在无序性和整体性方面缺乏优势。

5 进行静态网页设计时的应用措施

5.1 加强文件存放工作

在进行静态网页设计时，技术工作人员很可能面临应用IE浏览器的情况，由于现实情况下它可能没有办法完全显示图形文件，并且图形文件和静态网页文件路径并不相符，只能依靠网页编辑器，如果在现实状况下，网页设计人员应用了ie浏览器，且ie浏览器造成了图形文件无法显示的状况，那么便需要针对上述问题加以解决。一般情况下，进行静态网页设计时的文件类型为：gif文件; .avi文件;.htm文件。设计人员依照现实情况，如果没有合理存放这些文件，便会形成漏洞和问题，为此设计任由需要构建根文件夹，将静态网页设计环节所使用的各种子文件全部储存到根文件夹内部，这样便可以通过适宜路径保存相应代码，从而让文件更加便于存放和管理。除此之外，文件在ie浏览器中移植网页编辑器时能够用更好的效果体现出来。设计人员通过上述步骤，可以处理好静态网页设计环节存放文件显示的问题。

5.2 处理好 Flash 动画的应用

在静态网页设计环节应用 Flash 动画可以体现出更加良好的动态效果，强化静态网页的视觉作用，让网络用户陆续被吸引过来。但在进行静态网页设计时不能过分依赖 Flash 动画，如果应用越来越多的 Flash 动画于静态网页设计中，那么其实用性非但无法得到加强，而且还会拖垮网页浏览速度。很多网页设计工作者在进行静态网页设计环节时，为了达到加快网页浏览速度，可以在其他部位使用 Flash 动画。这样在浏览网页时，用户便不会出现浏览速度变慢的感觉，反而还让静态网页产生了一定动态效果。除此之外， Flash 动画在进行应用时必须要正确对其加以命名，通过字母或者数字形式命名，这样便能够确保 Flash 动画所产生的实际效果被真正发挥作用。

5.3 确保内页设计保持一致

在进行静态网页设计时，为了防止设计环节杂乱无序状况的发生，必须采取措施让内页设计符合现实标准。当设计人员布局内页时，设计工作人员可以将导航形式、标志以及网站名称融入内页部分。通过对上述内容的充分利用，一方面，设计人员可以让静态网页设计保持良好的质量和效率，加强网页内部的维护和应用工作;另一方面，为内页设计的一致性提供了更加良好的条件。除此之外，为了达到设计一致的目的，设计人员需要关注色彩应用。由于静态网页本身具有非常特殊的色彩，必须要让内页设计审美获得一致，满足用户在网页浏览过程中的个人体验。凭借应用静态网页内部色彩，能够提升用户对网页使用环节的整体印象，让静态网页效果更加具体规范。因此，设计师在设计静态网页时要关注色彩选取，良好地完成次要色彩选取工作，从而让色彩应用效果更加明显。

6 结束语

总而言之，网页的静态设计工作能够促进和强化网络技术未来走向，同时也能够给从业工作人员带来技术能力上的帮助。在很多情况下，静态网页设计产生问题的原因是遭受诸多因素的干扰，从而让设计问题难以得到有效解决，妨碍静态网页设计工作的发展。为此，设计工作者必须要注重问题的发生原因，及时找到解决问题的措施，保障静态网页设计工作的合理开展。

参考文献：

[1] 范芳东.静态网页制作技术与动态网页制作技术的比较分析[J].无线互联科技，2018，15（2）：66-67.

[2] 党庆忠.网页设计与制作[M].2版.重庆：重庆大学出版社，2017.

[3] 袁野，黄蔚，何子体.基于静态网页和动态网页的教学网站设计[J].才智，2017（1）：24.

[4] 孙荣侠.静态网页设计中常见问题分析与处理[J].安徽电子信息职业技术学院学报，2010，9（1）：19-20.

收稿日期：2021-06-10

作者简介：刘倩倩（1989—），女，江苏徐州人，讲师，硕士，主要研究方向为计算机。