在网页设计中注意什么问题-勤学培训网

在网页设计中注意什么问题

在后台自动播放视频、音乐或声音文件，都是用户难以接受的设计方式。用户很少使用这些元素，除非是在适当的时候。下面介绍在网页设计中注意什么问题，希望对您有所帮助。

在网页设计中注意什么问题

1.在新标签页打开链接

在新标签页打开链接的设计让用户无法使用“返回”按钮返回之前的页面。这是非常不好的设计。

2.无处不在的广告

促销和广告会掩盖网站里的内容，也会让用户很难集中注意力去浏览，更不用说那些看起来像广告的东西常常会被用户忽略。

3.自动播放视频

在后台自动播放视频、音乐或声音文件，都是用户难以接受的设计方式。用户很少使用这些元素，除非是在适当的时候。

4.过于注重美观而忽略可用性

一个网站或用户界面的设计不应该因为美观而影响可用性。最好不要在文字后使用繁重的背景、也不要使用让用户很难阅读或颜色对比不明显的配色方案。

5.按钮太普通

很多网站的按钮设计都比较普通，比如“立即注册”、“点击购买”，这样的按钮对用户毫无吸引力。其实，大部分用户都比较喜欢有利可图的东西，按钮也一样，企业要在按钮上加入一些利益驱动，比如“开始省钱”、“点击中奖”等。

6.表单前添加额外页面

其实，电脑端屏幕的大小足够网站直接放出表单了，这样比点击按钮再弹出表单的设置要方便得多。而且，直接给出表单还可以让用户看到表单的设计，知道填写表单是一件很容易很快速的事情，当然前提是表单一定要简洁。

初学者学习网页设计必须要注意的一些事项

1、网站的链接层次结构不要超过三层

网站的链接结构指网页之间相互拓扑结构，简单的说，每一个网页都是一个固定点，链接则是在两固定点之间的连线。

层次不要超出三层，只是针对一些个人站点和小网站而言，这样不但能使网站结构清晰，一目了然，而且更便于你网站的日常维护，如果链接目录结构不能控制在三层以内，马海祥建议你在页面里显示导航条，可以帮助浏览都明确自己所处的位置。

2、网页命名要简洁

由于一个网站不可能就是由一个网页组成，它有许多子页面，为了能使这些页面有效地被连接起来，用户最后能给这些页面起一些有代表性的而且简洁易记的网页名称，这样既会有助于你以后方便管理网页，在向搜索引擎提交你的网页时更容易被别人索引到。

在给网页命名时，最好使用自己常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。

3、为图片添加文字说明

给每幅图形加上文字的说明，在出现之前就可以看到相关内容，尤其是导航按钮和大图片更应如此。

这样一来，当网络速度很慢不能把图象下载下来时或者用户在使用文本类型的浏览器时，照样能阅读网页的内容，以后用户在访问你的站点时总有一种亲切感觉，认为你心细，比较善解人意，时时刻刻为他人着想，相信你的好心会有好报的(具体可查看马海祥博客《实现网页图片预加载效果的3种技术方法》的相关介绍)。

4、确保页面的导览性好

主页的其中一个很重要的功能就是作为导航工具，指引用户查阅你存储在网址或其他地点的信息，因此在设计主页时，应尽量使导览过程变得很轻松。

基于清晰明确和速度的考虑，主页上的超级联接内容应只限于几个高级的类别，例如公司、产品、服务等等。一般一个A4页面大小的网页用六至八个超级联接比较合适。此外，你还要保证超级联接的层数不能太多，超过4层以上的联接信息将会使人感到厌烦，因此，你必须在广度和深度之间求取平衡。

如果你的网址上有太多信息，你可能要制作较长的页面或使用更多联接层数，甚至可能要建立多个主页、使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。

自适应网站设计的注意事项

1、将网页修改为百分比布局

当某个浏览窗口处于媒体查询固定的范围之外，网页就需要水平滚动才能完整浏览，而通过百分比布局可以页面元素根据窗口大小在一个又一个媒体查询之间灵活修正样式，具体来讲，就是css代码不会指定具体像素宽度：width:xxx px;而是会指定一个百分比宽度：width:xx%;或者直接就是width:auto;这里大家可以根据一个简易的公式将固定像素宽度转换成对应的百分比宽度：目标元素宽度÷ 上下文元素宽度 = 百分比宽度。

在网页设计中注意什么问题

2、要阻止移动浏览器自动调整页面大小

iOS和Android浏览器都基于webkit核心，这两种浏览器以及其他的很多浏览器都支持viewport meta元素覆盖默认的画布缩放设置，只需在HTML的标签中插入一个标签，标签中可以设置具体的宽度(如像素值)或者缩放比例2.0(设备实际尺寸的两倍)，下面是将一个页面放大到设备实际尺寸两倍显示的meta标签示例:

3、用CSS如何控制网页中图片自适应大小

在设计自适应网站页面时图片自动适应大小是一个非常常用的功能，在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制，我们可不可以用CSS控制图片使它自适应大小呢?

4、用em替换px

目标元素宽度 ÷ 上下文元素宽度 = 百分比宽度这个公式也适用于将文字的像素单位转换为相对单位，值得注意的是，现代浏览器的默认文字都是16像素，因此一开始给body标签应用下列任何一条规则所产生的效果都一样:

网站制作时需要注意哪些问题

源码的选择：现在市面上有非常多的成熟的代码，我们大可不必非要自己组建团队去大张旗鼓的写代码;

网站安装：配置服务器环境，大家可以搜索的学习学习，这里需要注意下，需要对网站的目录权限进行严格的控制，具体的安装过程，可以参照各个源码的说明去进行;老渔哥-企业网站建设服务

网站结构的设计：这点比较重要，一个网站做出来，一定要有合理的结构布局，一方面提高用户体验，一方面方便搜索引擎蜘蛛爬行;

关键字选择：这个关乎网站以后再能不能准确的展现给用户，能不能再搜搜引擎中取得好的排名，竞争激烈的关键词，会浪费你大量的时间;

内容的建设：我们从近期百度的几次大的调整可以看出，也从官方的说明看出，提供高质量，尽可能是原创性的文章，不要搞采集和机器生成那类鬼都看不懂的文章，把内容展现给用户，而不是搜索引擎;

url要标准化：url静态化，动态化的虽然可以抓取，但效果可能没有那么好;

网站地图制作：网址地图是网站必备的东西，方便用户也方便搜索引擎的蜘蛛抓取;