静态网页设计会出现的问题

第页静态网页设计会出现的问题静态〔网页〔制定〕〕会出现的问题

在静态网页的制定过程中，文件的存放会常常出现问题，很多制定者在网页中插入了相应的图形或图片文件，这些文件在dreamweaver软件中可以清楚显示出来，但是在IE浏览器中就无法显示。下面介绍静态网页制定会出现的问题，希望可以为您带来帮助。

静态网页制定出现的问题

1、存放文件问题

在静态网页的制定过程中，文件的存放会常常出现问题。很多制定者在网页中插入了相应的图形或图片文件，这些文件在dreamweaver软件中可以清楚显示出来，但是在IE浏览器中就无法显示。这样一来，文件在静态网页中无法显示，就会造成制定工作出现严重的漏洞，关于静态网页的合理制定有阻碍作用。静态网页缺少文件，就不是完整的网页制定。

2、依赖、乱用Flash动画

在静态网页的制定工作中，Flash动画的应用目前变得越来越广泛。Flash动画自身的体积相对较小，具有很好的视觉效果，能加强静态网页的动态性和直观性，具有很强的应用价值。但是，很多制定人员在静态网页的制定中关于Flash动画的熟悉程度不够，在应用的时候对其过分依赖。这样，不仅不会提升静态网页制定的整体质量，反而会使Flash动画对静态网页产生一定的负面影响。

3、内页制定杂乱无序

一些网页制定师由于自身素养不够高，关于静态网页制定工作的熟悉程度不够，导致静态网页制定中内页制定出现杂乱无序的状况。在静态网页制定中，内页制定是最为重要的一个方面，关于静态网页的整体制定有着不可替代的重要影响。但是，很多制定师在进行制定的时候，没有注意到网页结构，也没有对网页内容进行合理的编辑，造成结构相对杂乱。此外，一些制定师在制定时没有注意到网页的色彩与图像，使静态网页没有浮现出整体性和有序性。

如何解决静态网页制定出现的问题?

1、做好文件存放

一些制定师发现在制定静态网页的时候，网页编辑器可以显示的图形文件在IE浏览器中显示不出来，造成这种现象出现的主要原因就是图形文件与静态网页的文件没有在同一个路径之下进行显示。某网页制定人员在制定静态网页的过程中发现图形文件在IE中无法显示，便针对这一问题进行针对性解决。该制定人员发现在制定静态网页的过程中，会应用到相对较多的文件类型，主要的有.avi文件、.htm文件、.gif文件等。该制定人员发现，这些文件如果没有进行合理的存放，就会出现一定的问题与漏洞。该制定师针对这一现象建立了一个根文件夹，制定师将制定静态网页过程中应用的子文件都存放在这个根文件夹中。这样一来，所有文件在相应的代码中就能以合适的路径进行储存，该制定师这样做不仅方便〔管理〕和存放这些文件，还可以确保文件从网页编辑器移植到IE的时候，可以很好地体现出来。该制定师这样做，有效解决了静态网页制定中文件存放的问题。

2、合理应用Flash动画

Flash动画应用于静态网页的制定工作中，具有较好的应用效果，可以加强静态网页的动态效果，吸引网络用户。但是，在制定静态网页的过程中，不能过分使用Flash动画。如果静态网页在制定中应用了较多的Flash动画，有用性并不会得到相应加强，还会使用户的网页浏览速度变慢。某网页制定师在制定静态网页的时候，为了合理应用Flash动画且不拖慢用户的网页速度，没有在静态网页的导航条位置应用Flash动画，而是将Flash动画应用在其它位置。这样一来，用户在浏览网页的过程中不仅没有感到速度变慢，反而感觉静态网页有了一定动态性。该制定师在应用Flash动画的时候，还注重命名的正确性，没有将文件名设置为中文，而是以数字、字母形式命名。这样，就很好地确保了Flash动画的应用效果。

3、确保内页制定一致性

在制定静态网页的过程中，为了避免内页制定工作出现杂乱无序的状况，一定要确保内页制定的一致性。在进行静态网页内页布局的时候，要将文字的排版、导航条的设置及图片位置等进行统一制定。在内页制定中，制定师可以在内页部分融入网站的名称、标志、导航形式等。这些内容的设置和应用，不仅能确保内页制定的一致性，还能提升静态网页制定工作的具体效率，关于网页日后的应用与维护都有一定的重要意义。确保内页制定工作的一致性，还要注重静态网页相应色彩的具体使用。静态网页在制定中应用具有一定特色的色彩，可以确保内页制定的一致性，满足用户的更高必须求。用户通过静态网页内部的色彩，可以加深对网页的印象与熟悉，还能提升静态网页的应用效果。因此，制定师在制定静态网页的过程中可以应用网页色彩。在选择色彩的时候，可以选择一种主要色彩，并选择几种次要色彩进行辅助制定，来强化色彩的应用效果。

网页制定的应注意哪些问题

不要在网页上使用太多不同的字体

您的计算机中可能下载有1000个以上的字体，但是当这些字体大量同时浮现在网页中时，你制定的网页不仅不会给人留下深入的印象，相反会让人感到厌恶。因为大量、无规则的字体样式不仅会让网站访问者感到阅读困难，它还会让你的网站俗不可耐。

不要在衬线和无衬线字体间切换多次

频繁穿插衬线和无衬线字体对你的网页弊大于利。可读性是你制定网页时首先要合计的问题。无论你的网站制定得多么绚丽，如果访问者无法容易的读取网页上的内容，他们一定会走。

不要忽视使用大字体的访问群体

年龄较大的网民可能会调整浏览器中网页显示字体的大小，所以你的网页无论采纳何种默认字体，它都可能无法显示成正常模式;此时，网页的页眉、页脚或者其它元素可能会受页面字体扩大的影响被折断成两行甚至多行，从而造成整个页面错乱。因此，在网站制作的时候如果没有合计到字体扩大因素的影响，会造成很多错误。

不要为大字体使用无衬线字体

无衬线字体有着整齐的、统一的外观。但是当你的网页中存在大字体(10磅以上)时，衬线字体比笔直划一的无衬线字体更能带给访问者更好的阅读感受，因为衬线字体会让大字体的曲线和形状更加圆滑，让浏览者的眼睛更舒适。

不要过分强调你的文字

一个好的作家可以通过语气来强调他想要表达的意思，而不是单纯地在语句中使用粗体、斜体或下划线。如果你的网页中充斥着大量的粗体、斜体和下划线，你必须要重新合计网页的制定。利用代码来强调词汇可不是一个尊重用户体验的好办法。

不要忘记利用CSS代码中的字体栈

由于Windows7的普及，很多制定师在制定网页的时候往往喜爱用微软雅黑字体，但是很多Windowsxp的用户还是采纳系统中的默认字体宋体，这就造成微软雅黑字体不能正确的显示。因此，在CSS中设定字体栈样式是最好的解决方式。

CSS代码设置成如下形式：font:微软雅黑,宋体,sans-serif。其含义是，优先将网页字体显示为微软雅黑;如果访问者的计算机中不存在微软雅黑，那么将网页字体显示为宋体;如果由于某种原因访问者的计算机中连宋体都无法使用，那么网页字体就采纳无衬线字体。

网页美学、网页排版、网站内容是一个网站的三个重要方面，忽视任何一方都会导致网站暗淡无色。

网页制定中对齐原则有哪些作用

制定有一些原则是共通的，不管是产品制定、〔平面制定〕、还是服装制定，制定的形式美法则都是通用的。今天跟大家分享对齐原则在网页当中的运用。对齐，是很重要却很容易被遗忘的一点。有四大原则：对比、重复、对齐、和亲密性。书中提出：任何东西都不能在页面上随意摆放，每个元素都应当与页面上的另一个元素有着某种视觉联系。这样能建立一种清楚、精巧而且清爽的外观。那就开始今天的网页制定中对齐原则课程之旅。

视觉上遵从坚持尺寸和边缘的一致性。

对齐可以让一个网站页面看起来比较规范整齐。对齐一般有三种方式：左对齐、居中对齐、右对齐。

在网页当中运用比较多的是居中对齐和左对齐，大篇幅的右对齐可读性上比较差，所以出现的频率不高，小部分的出现还是有的。不管是哪种方式的对齐，网页中对齐后的文本一定要合计可读性的问题，千万不要本末倒置。

对齐在网页中的运用无非还是上面那三种对齐方式，正常状况下我们要注意的对齐有这些：元素的对齐、文字的对齐、图片的对齐、区块布局的对齐。

1、元素对齐

元素的对齐指的是网页中的一些按钮、图标、搜索框等网页中的元素统一采纳一种对齐方式对齐。

用主页来举例，可以看到图标部分都是居左对齐的，元素上的对齐分布让整个界面看起来整齐简洁，内容划分也变得比较明确，可读性强，方便浏览者浏览。

一个网页当中，会有很多元素，而元素的对齐可以让整个界面变得井然有序，元素过于随意摆放没有规律，会让界面杂乱无章。

2、文字的对齐

文字的对齐方式也不外乎上面三种，左对齐是最常见的，居中对齐常出现在文章详情的标题部分，右对齐文字出现的频率小一点，不会以大篇幅出现，大部分在登陆注册或是产品详情界面中常见。

左对齐的方式合适人们的阅读习惯，在网页中也比较常见，这里不多讲了。

居中对齐是进几年随着html5流行起来，越来越多制定师用居中对齐作为一些区块内容展示的方式。

可以看到，苹果官网在产品介绍页面，文字用得比较多的是这种居中对齐。这样的对齐方式有个好处就是让浏览者的视线集中在该区块内容上，其次从样式上的不对称感可以增加界面的层次感和制定感。但是文字居中对齐不适用于文字内容太多的区块。

右对齐常见到的是在一些小的细节中，比如登陆注册界面、底部导航区块等，仔细看看还是可以发现有一些地方用到了右对齐。

3、图片的对齐

图片对齐也不外乎上面说的三种方式，图片对齐好处理一些，主要依据网页想表达的内容去做对齐，以达到好的视觉展示效果。所以在不同的状况下，可以采纳不同的对齐方式。

4、区块布局的对齐

上面讲的小元素对齐重要，那大的区块对齐也很重要。视觉上的对齐，可以让浏览者快速的浏览到相应的内容。小元素不对齐会显得乱，大区块不对齐会让整个界面没有秩序感。

说到区块的对齐，不得不提的栅格系统，栅格系统可以让一个网站看起来有秩序感。很多人不喜爱栅格系统，觉得限制他们自己的创意。

事实上，栅格的运用可以很灵活，分多少栏全看制定师的制定。

因此可见，对齐也是有层次的，不同层次内容可以采纳不同的对齐方式。

对齐相比较之前的其他制定原则来说，会比较简单也好理解，但是在具体的施行过程中，还必须要制定师们去思索和制定。对齐，不仅可以在信息层级上一致，而且会更有气势。

总之，在做网站的时候要以内容为主旨，界面制定一定是要方便用户快速找到他们想要的。其次使用正确的对齐方式，让界面更为整齐，信息更为明确。

单页面网站制定的技巧

1.将内容分割成小块

当你只有一个页面来展示你的故事的时候，不要让用户淹没在大量信息中就显得至关重要了。不要害怕使用折叠和多区域显示内容。让信息和媒体元素从头至尾地坚持简洁凝练。更重要的是，单网页的内容应该有逻辑连续性和一定的顺序(发生的事件--原因--怎样发展的--地点--时间)

另一个让用户遵从你的引导的方法就是同时使用图片视觉和文本内容。讲故事是一种强有力的传递内容的方式，同时也是内容营销的趋势。它将平凡小事融入到信息中，使其更加贴近用户的生活。这可不代表你必须要雇佣一个小说家。只必须要多注意内容的情态表达以及尝试将东西写得更人性化。

2.为快速访问制定非传统的导航

单网页通常只有滚动，有时甚至是无止尽的滚动。就像潜入了深邃的海洋，不知道你会走多远。坚持用户有迹可循的安全性：将滚动和传统的导航系统结合起来。普遍的做法是在页面顶部设置固定的导航条，不管滚动多久它都坚持在顶端。这种方式也增加了易用性。固定导航条相比传统的面包屑导航更具有可视性和交互性。

如果你的单网页站点很长，那么拥有"回到顶部'按钮和垂直滚动条就变得很有意义，它可以让用户快速回到顶端和访问网页的其他区域。

3.激烈的行动引导

如果你问一个数字营销商人在转换中最有影响力的因素是什么，答案几乎可以确定就是行动引导。好的行动引导不能说完成全部工作，也至少完成了一半的工作。我敢说所有为了特定目标而制定的网站都适用这个原则，不管是移动应用下载，订单签订，演示请求，邮箱注册或者更简单的联系方式的提交。无论什么目的，行动引导的质量决定机遇。

单网页成为制定焦点使其在行动引导方面做得更好。在单网页中，少量的文本和多媒体元素不会使用户脱离主要目标。同时，通过优良的表达引导用户浏览网页一直到重点信息区域，在那应放上激烈的行动引导标识。

再强调一次，安排一些A/B测试来决定哪种引导才是最合适网站的，因为有时候微小的改变，如：颜色、位置、措辞都会带来意想不到的变化。

4.坚持简单，不是单调

传统的多页面网站很美丽是因为它有一个制定主题以及很多可用的内页面模版。制定单页面站点更具有挑战性同时有更多创造性的空间。随着近期CSS3，HTML5和Javascript的发展，使开发简单但吸引人的网站拥有了无限的可能性。添加一些小动