一般做网页设计遇到的问题

一般做网页遇到的问题

测试是网页设计中很关键的一个步骤。
在你正式提交网站之前，你应该进行测试。您需要测试以了解你网站的看起如何或感觉起来如何，以及了解其工作原理。下面介绍一般做网页设计遇到的问题，希望可以为您带来帮助。


1.
不经测试而发布网站

测试是网页设计中很关键的一个步骤。
在你正式提交网站之前，你应该进行测试。您需要测试以了解你网站的看起如何或感觉起来如何，以及了解其工作原理。

另一个常见的错误是忽略了在所有设备上测试你的网站的重要性，而现在所有网站都应该具备响应功能来支持多个移动平台。测试的目的，是确保你的网站在上线之前表现出优化的性能。

2.
颜色的误用

颜色在网页设计中扮演着重要的角色。每个设计师都应该掌握色彩使用的原则，通过应用色彩原则来达到完美的设计效果。如果你想要一个不错的颜色对比效果，你必须知道如何进行颜色的搭配。好的是，有很多在线工具可以根据你的网站主题和你正在运行的内容帮助你选择完美的颜色搭配。

3.
使用弹出窗口

弹出窗口可能看上去不错，但是会让某些用户感到迷惑并且导致网页转换速度很慢。如果你非得使用弹出窗口，确保使用一个就行了。你也可以使用灯箱，消除所有的干扰项，确保用户能有一个清晰的了解。让你的用户可以毫不费劲的关闭弹出窗口，万一他们对内容不感兴趣呢?

4.
失败的内容

如果你使用不相关的、过时的内容，或者你网页上根本没有多少内容，那么你的网站一定会很失败。内容对于任何一个网站来说都十分重要，因为这可以向你的访问者传达你正在运作的东西。确保你网站上的东西要及时更新，质量高和易于阅读和理解。浏览每一条内容以确保没有任何错误，尽可能的提供必要信息。

5.
糟糕的易读性

良好的可读性是网页设计的基础，他可使访问者在你的网站上面停留更长的时间，更多地了解你的业务。问题是许多设计师以忽略可读性为代价而过于关注于创新。最终得到是一个华而不实的网站。在这种情况下，为了提供对用户有吸引力的内容，字体，字体大小和颜色的正确选择很关键。

6.
凌乱的网页

在客户了解你的业务之前，其中一个可能使他们离开网站的原因就是，你有一个很凌乱的网页。您需要留下足够的空白空间让你的内容
透气
，以便访问者可以轻松的浏览并寻找到他们想要到内容。尽可能地内容最小化，同时为访问者提供足够的信息。

7.
使用大量的图像

大量的图片和基于闪存的图形和动画可能看起来很酷，但这会拉慢你网站的速度，并且会让用户变的沮丧。你最不希望就发生的事就是让你的访客体验慢速下载，特别是在移动设备上。他们可能永远都不会去看你的网站上的内容，你也可能会在搜索引擎中获得较低的排名，也很难被消费者发现。尽可能地让你的网站看起来
轻盈
，避免闪存。

8.
糟糕的导航

为访问者设计简单可行的导航操作，以便他们随时知道自己在哪个位置。导航的功能是让用户可方便快捷的浏览某个网页。糟糕的导航体验会挫败网络消费者，即使你有最好的产品或服务，但许多人甚至都不了解它。有许多方法可以改进，例如通过将分页纳入设计，使用一页的布局等等。

9.
复杂的注册表

填写表格是非常必要的，尽管并非总是如此。复杂的注册表将会对你的业务产生影响。没有人愿意去填写一个很麻烦的表格，尤其是它还有多个字段。简单可行的方法就是拥有一个简单明了的注册表。只问最重要的问题，尽可能的最少化。

10.
散乱的页面布局

网页设计师需要知道，对于消费者来说困难的莫过于快速的浏览一个凌乱的页面。为了快速了解网站的内容，许多人都会这么做。要解决这个问题，你的头脑里面应该有一个清晰的结构：你的设计将会是什么样子。不管任何时候都不要让用户觉得难以发现自己要了解什么。规划好你的内容，才能引导用户浏览页面。

网页设计与制作常见问题

1.
如何使用3种类型的CSS样式?

CSS样式表在网页制作中一般有3种方式的用法，那么具体在使用时该采用哪种用法呢?当有多个网页要用到CSS，采用外联CSS文件的方式，这样网页的代码大大减少，修改起来非常方便;只在单个网页中使用的CSS，采用文档头部方式;只在一个网页一两个地方才用到的CSS，采用行内插入方式。

2.
关于冲突的CSS样式

将两个或更多的CSS样式应用于同一文本时，这些样式可能发生冲突并产生意外的结果。浏览器根据以下规则应用样式属性;如果将两种样式应用于同一文本，浏览器显示这两种样式的所有属性除非特定的属性发生冲突。如一种样式可能将蓝色指定为文本颜色，而另一种样式可能指定红色作为文本颜色。如果应用于同一文本的两种样式的属性发生冲突，则浏览器显示最里面的样式(离文本本身最近的样式)的属性。因此，如果外部样式表和内联CSS样式同时影响文本元素，则内联样式为其中所应用的那一个。

如果有直接冲突，则CSS样式(使用class属性应用的样式)中的属性将取代HTML标签样式中的属性。

例如，hl定义的样式可以指定所有hl段落的字体、大小和颜色，但应用于该段落的自定义CSS样式.Blue将取代hl样式中的颜色设置;另一个自定义CSS样式.Red将取代.Blue，因为它位于.Blue样式的内部。

3.
文档相对路径的表示方法

对于文档相对路径省略对于当前文档和所链接的文档都相同的绝对URL部分。如果要链接的目标文件与当前文档位于同一文件夹中，输入文件名;如果位于子文件夹中，则提供子文件夹的名称，后跟正斜杠
/
，然后输入文件名;如果位于父文件夹中，则在文件名前添加
../
(其中
..
表示文件夹层次结构的上一级目录)。

4.
解决跳转菜单可能出现的问题

选择跳转菜单项后，如果再次导航回到该页面，或者如果在【插入跳转菜单】对话框的【打开URL于】文本框中指定了一个框架，则无法重新选择此菜单项。解决此问题有两个途径：

●
使用菜单选择提示(如类别)或用户说明(如
选择其中一项：
)。在选择每个菜单之后将自动重新选择菜单选择提示。

●
使用【前往】按钮，该按钮允许重新访问当前所选链接。

需要注意的是：由于这些选项应用于整个跳转菜单，因此在【插入跳转菜单】对话框中，每个跳转菜单只能选择这些选项中的一项。

5.
善用拖放

在使用Dreamweaver编辑网页时，经常需要插入一些图像，如果要插入的图像很多，按照常规方法来操作就显得非常麻烦。可以利用拖动技巧来很好地解决这个问题。首先把Dreamweaver的操作窗口变成活动窗口，找到要插入的图像文件后，把它们一一用鼠标拖动到网页的适当部位，Dreamweaver将自动把这些图像的URL添加到文件的HTML代码中，这里要求被拖动的图像文件必须是GIF、JPEG等Web图像格式的文件。对于已经在网页中的图像也是一样，直接拖过来即可，但如果被拖动的图像上有超链接，就不可以再使用拖动技术了，因为那时拖过来的仅仅是超链接地址。

6.
怎样为图像添加指定颜色的边框?

在Dreamweaver的【图像】属性面板中，有一个【边框】属性，可以直接设置边框的宽度。宽度设好了，可是没有颜色，那么如何才能为图像的边框加上不同的颜色呢?可以利用CSS样式表来实现。在【图像】属性面板中一个【类】选项，通过【类】列表框选择【样式】，创建一种新的样式，打开【CSS样式定义】窗口，选择【边框】项，为边框设置所需要的颜色。只要把这种样式应用到有边框的图像即可。

网页图像处理的技巧

1、图像的尺寸

图像的尺寸与网页设计目的相关，尺寸大的图像涵盖的内容丰富，能够更加细的传达图像信息，让浏览者注意图像中醒目的内容元素。尺寸小的图像简单，有个性，对于主题表达起到衬托的作用。网页设计中大小图像结合文字共同把设计主题展示出来，设计者根据设计需求分析网页设计的主标题和副标题，让主标题更突出，更惹眼，让附属图像与主图内容相得益彰，共同达到设计效果。



2、图像的外形

图像设计向多元化方向发展，不同类型的图像都有各自的特色，我们看到圆形的图像时就觉得不呆板、亲切可人;而不规则的图像动态十足，有活力;方型图像则给人中规中矩的感觉。网页设计目的不同，对各种类型的网站需要多种形状的图像烘托。

(1)方形图像。方型是最常见的，也是我们生活中使用最多的形状。在一些严肃的网站比如政务网等官方，适宜利用方型的图像或主图像来传递给浏览者正规、严肃的信息内容。方型的稳重带给浏览者可信度高、理性的思考，能把整体网页的风格衬托出来。

(2)菱形图像。菱形是方型的灵动，没有方型的凝重、严肃，使网页的美感增加。

(3)圆形图像。圆形图像有柔和曲线，让浏览者产生充实的感觉，圆满的外型把自由和随意传递给浏览者。

(4)三角形图像。三角形图像在网页中能够把动感有个性的内涵阐释给浏览者，网页变得生命力十足。

(5)个性化图像。此类图像不是自然界的常规图型，经过创造者技术加工和个性化处理，把图像加工成自由灵活的创意图像，图像没有规则的形状，没有统一的配色，自然而又随性。图像与文字自然规整的结合在网页页面上，将主题效果突出的显示出来。

图像处理技术应用下的网页设计

简单来说，计算机图像处理技术就是将一些图像、视频、图片等进行数字转化，并且通过转化将其变成计算机技术所能识别的固定代码，从而便于计算机进行识别和美化，通过对图像的一些操作使图像呈现出我们想要的图像效果，计算机图像处理技术的处理速度是相对较快的，而且其存储空间也相对较大，所以，对于那些已经处理过的图像和视频可以直接保存，同时，随着计算机信息技术的发展，计算机图像处理技术也取得了一定的进展，计算机图像处理技术只需要将数字转化为红、黄、蓝三种原始色彩的数字图像就可以，然后计算机通过对这些图像进行分析和处理，从而实现图像的多样化操作，同时，计算机图像处理技术的提高也体现在图像清晰度和分辨率，以及图像传输率等技术的提升和发展。

计算机图像处理技术在网页设计中的应用

在网页设计的过程中，图像的处理和美化是其中最重要的环节之一，在一些较为复杂的网页中，可能会包含一些动态的图像以及flash元素等，这些元素的存在无疑增加了网页的特色，同时，也会提高客户体验，为了保持这些元素的鲜明性就需要将计算机图像处理技术很好的应用到网页设计中，提高网页质量的同时，增加网页的特点。

满足网页设计中对于图片格式的需求

满足网页设计中对图片格式的需求是网页设计过程中最基础的环节，在网页设计中，需要各种不同的元素来组成一个完整的、特色鲜明的网页，从而让浏览者瞬间获取自己所需要的信息和资源，同时，网页设计必须具有一定的便捷性，这样才能有效的增加用户体验，同时增强用户浏览体验的感受，由此可见，图像的处理是网页设计中最基础的内容，所以，计算机图像处理技术首先需要处理的就是网页设计中的图像问题，其中jpeg是最为常用的图片格式，而gif可以实现图像的动态效果，由于这两种的网络图像格式所需要的参数和规格是不尽相同的，所以在应用计算机图像处理技术时，应该满足其格式的不同需求。

对网页设计中图像的大小进行控制

众所周知，计算机的长度和宽度是有限的，这在一定程度上就决定了网页设计的图像也应该是有一定的规格，同时，为了保障网页浏览的清晰度和流畅度，就需要对网页中的图像进行一些特定的处理来限制其图像的大小，由于图像的大小与其所展现的清晰度有直接关系，所以，需要借助计算机图像处理技术来进行处理，以此来缓解清晰度和图像大小之间的矛盾，在追求图片高清晰度的同时，提高网页加载的速度和质量，同时提高网页浏览的效果。计算机图像处理技术主要是一种针对jpeg图片进行处理来权衡加载速度和网页浏览效果的一种技术，从而提高网页设计的浏览效果和网页质量。

对网页设计进行进一步的开发

只有综合运用计算机图像处理技术对网页设计进行进一步的开发和应用，才能从根本上提高网页设计效果，近年来，计算机图像处理技术主要是以软件为主，是目前最为常用的图片处理软件，但是，随着网页设计的不断普及和发展，出现了更多网页个体设计者，为了满足不同个体对网页设计的个性化需求，同时带动个体成为网页设计的主流，丰富网页的内容和色彩，就需要适当的降低计算机图像处理技术的技术水平，以此满足社会大众的需求，其中photoshop的图片处理功能相对强大，但是photoshop主要是针对专业的网页设计人员开发的一种技术处理软件，所以，对于那些非专业的网页设计者，这个软件具有一定的难度，这在一定程度上限制了网页设计的普及和发展，所以，为了满足更多网页开发者的设计体验，要不断开发出一些相对简单和实用的计算机图像处理技术，进而推动计算机图像处理技术的革新和技术升级。

结语

互联网是当前社会发展中一个庞大的体系结构，而网页设计可以说是这个庞大体系中的一个分支和基本单元，想要提高网页设计的质量和水平，不仅需要专业的创意支撑，还需要借助计算机图像处理技术来对其进行完善和整合，提高网页的艺术性和美观性，在网页设计过程中，包括对网页图像的色调、图像的规格、图像的效果以及图像的艺术感都要通过计算机图像处理技术来进行处理和完善，最终设计出令用户满意的网页。