飘飘悠悠 发表于 2015-1-16 00:06:20

来讲讲:汇总DIVCSS网页结构及网站计划常出错误

缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
CSS网页结构入手下手及网站常犯的几种毛病,不管是筹划、计划、开辟,这些毛病都要制止!

1、导航菜单利用图片、FLASH

  导航菜单利用图片、FLASH固然比纯文原本得悦目一些,可是搜刮引擎其实不熟悉你的图片和FLASH。假如你非要利用大度的图片来做导航的话,可使用背景交换的办法(我会鄙人次谈到这一个办法的);假如你要利用FLASH做导航,那我就没你举措了。倡议做一个导航菜单链接的xml文提交到搜刮引擎。

2、不得当地利用图片

  为了网页美妙,常常会各处贴满图片,如许做是不准确的,与内容有关的图片能少就少吧。我们能够把这些图片做成容器的背景。

3、内容里特别字体的使用

  我供认楷体很大度,草书也不减色于宋体。可是不是一切人的电脑都安装有这些字体。假如你利用这些特别字体的话,在他人的电脑里看到的网页将会是不胜进目。

4、新窗口翻开

  奉求!不要用任何窗口净化我的屏幕(特别在以后操纵体系优良的窗口办理手艺下)!假如我必要一个新窗口,我会本人翻开的。计划者翻开新窗口的本意是要让用户留在他的站点上。可是却疏忽了把持用户的呆板所带来的负面效应,这类战略恰好画蛇添足,由于当用户想经由过程“前进”按钮前往先前的站点时,已做不到了。用户一般注重不到新窗口已被翻开,特别当他们的显现器很小,而窗口又恰好是最年夜化时。因而,当用户想要前往本来的站点时,面临的却只是一个不成用的灰色“前进”按钮。

5、无实践意义的殊效

  制止利用夸耀的技能。这些殊效对你的网页没有任何实践意义。

6、内容转动

  内容转动能够在对照小的空间里展现对照多的内容。这是它的一个优点。但内容转动倒是弊年夜于利的。不是一切平台和扫瞄器都撑持转动的;在W3C看来,内容转动会下降用户体验。

7、用户难以猎取本人想要的内容

  假如一个用户会见你的网站跟走出神宫一样,会有甚么成果?传闻过3次点击划定规矩吗?关于小型网站,在你的主页上,没有任何一条信息,必要点击次数凌驾3次的。关于年夜型网站,利用导航和工具条来改良操纵。

8、文件名定名不标准

  不要无视这一点,比方旧事页面能够用:News.html,而不是相似2323123.html如许的无标准的定名体例。利用标准的定名体例不但有益于搜刮引擎,并且有益于网站往后的保护办理。

9、长篇文章未设置分页

  长篇文章不分页,会招致网页加载速率慢,用户浏览委靡。以是倡议长篇文章设置分页。

10、色彩搭配毛病,网页难于浏览

  如无需要,你应该保持利用红色的背景和玄色的文本,别的还应该保持利用通用字体。

11、没有前往指向

  “前往指向”是收集用户的性命线,同时也是继超文本毗连后最常利用的导航特性。用户能够随便实验网页所指向的任何中央,而只需点击一两次“前往”按钮就能够回到先前的页面。

12、显眼的点击计数器

  不要容易思索在你的网站上安排一个夺目的点击记数器。你计划网站是为了给会见者供应服务,而不是倾销你本人以为主要的器材。年夜多半扫瞄者以为计数器毫偶然义,它们很简单被做假,扫瞄者也不想看告白。假如你显现你的网站是何等受接待,你最好供应一个链接,显现会见日记。

13、利用框架

  与记数器一样,框架在网页上愈来愈盛行。在年夜多半网站上,在屏幕的右边有一个框架。可是计划者立即就发明,在利用框架时发生了很多的成绩。利用框架时假如没有17英寸的显现屏几近不成能显现全部网站。框架也使得网站内团体主页不克不及够成为书签。大概更主要的是,搜刮引擎经常被框架搅浑,从而不克不及列出你的网站。

14、不得当地利用声响

  声响的使用也应失掉小心。内联声响是网页计划者的另外一个禁地。由于过量地利用声响会使下载速率很慢,同时并没有带给扫瞄者几优点。初次听到鼠标收回声响大概会很风趣,可是屡次今后一定会很烦人。利用声响前,应当细心思索声响将会给你带来甚么。

15、兼容性欠安

  你的网页在1024下看得扎眼么?那末换成1280看呢?不是一切人的显现器都用统一种分辩率的。不管是谁,都没法做出一切分辩率下完善的网页,但我们要做出能确保一切分辩率下不堕落的网页。
另有两点就是:不要觉得只要电脑才干看网页!不要觉得天下上只要一种扫瞄器!

17、急于公布网站

  网站没有内容、网站程序BUG,这些成绩办理后再公布吧。内容较为充分、程序BUG基础没有的网站才会让用户留连。

18、公布网站后未登录搜刮引擎

  有客户跟我说,是否是我的网站已公布就能够在百度搜到了?我总会如许回覆:百度不是我家开的,也不是你家开的,你公布网站时百度他是不晓得的。以是,你公布网站后要到各年夜搜刮引擎的登录口提交一下你的网站信息。

19、不留空缺

  注重留空缺。不要用图象、文本和不用要的动画GIFs来充溢网页,即便有充足的空间,在计划时也应当制止利用。

20、缺少互动性

  让用户与网站可以互动,让用户与用户之间可以互动。以是起码要有一个留言本,这能鼓励会见者再次回到你的网站,另有助于扩大网站内容。这个是极为主要的,Web2.0的中心头脑。

  声明:本文可随便转载,但请说明出处。原文
  你能够把出处写我的博客www.9icss.com也能够写www.W3CBBS.com。
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。

再见西城 发表于 2015-1-18 05:15:23

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

柔情似水 发表于 2015-1-25 23:27:32

学Dreamweaver技术的过程其实是一个增加信心的过程。

精灵巫婆 发表于 2015-2-4 13:52:23

学Dreamweaver技术的过程其实是一个增加信心的过程。

山那边是海 发表于 2015-2-10 01:33:21

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

分手快乐 发表于 2015-2-28 15:21:44

布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。

飘飘悠悠 发表于 2015-3-10 03:49:00

直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

仓酷云 发表于 2015-3-17 04:30:40

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。

谁可相欹 发表于 2015-3-23 22:05:09

以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
页: [1]
查看完整版本: 来讲讲:汇总DIVCSS网页结构及网站计划常出错误