DIV教程之div和css网页制造:初学者利用div和css误区

使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。
破洛洛文章简介：初学者用div+CSS布局写网页的几个误区.
网页的制造中关于用div和css布局写静态页今朝已很成熟，但很多新进行的伴侣关于利用div和css布局另有良多误区，这些误区也是我已经履历过的而且被“老鸟”斧正的中央，以是总结上去分享给人人，但愿对写网页有所匡助。

登录/注册后可看大图

1、用div+css布局制造静态html网页不即是完全丢弃陈旧的table写法。之以是不倡议用table来结构网页是由于在网页加载很慢的时分要等table布局加载完成才干看到网页，其次是table的结构没有必定的语义，网页代码修正起来对照贫苦。
在写一些栏目块时，出格是数据分类较多，好比“求购信息”的栏目块，顶部大概呈现“公布人、公布工夫、信息题目、接洽体例”等项目，像如许的中央倡议仍是要用table来写，由于table是专门用来写数据表格的，把持起来很便利，并且切合语义请求，另有页面中呈现相似excel数据的中央，也倡议用table来写。
2、div+css布局不即是通篇地区都用div包起来。碰到一个区块就用一个div标签，如许你写完代码后全篇都是div，得到了语义的存在代价，区块修正起来也不简单找到，公道的使用dl、ul、ol、span、等标签，不但让你的网页看起来层次明晰，并且修正起来很便利，见名知意，好比你要修正一个旧事列表，先找到旧事列表地点的div大概dl标签，然后再找个中的ul，修正详细内容就很简单。
3、并非css文件必定要和html代码分隔。之以是将css文件和html分隔，是由于有些css同时为多个页面服务，而用户会见时css文件能够缓存在当地，如许下次再会见其他页面时就不必反复加载css，能够勤俭工夫和流量，进步会见速率，可是假如你的页面有些地区的css是举世无双的，其他页面用不到的，就不必把css剥离进来，间接用style标签包含在html网页里就能够。
4、用div和css写网页必定要在分歧范例和分歧版本的扫瞄器举行测试。倡议最好是同时翻开多个扫瞄器，假如说你以为你的网站访客还没有养成利用火狐、谷歌等扫瞄器的习气，那起码也得兼容ie6、7、8几个版本，因为软件限定，没有举措在一个电脑上装分歧版本的多个扫瞄器，因而要借助版本摹拟软件，我经常使用的是ietest，用来测试网页充足了。
关于履历不太丰厚的页面制造者来讲最好是写一个小区块就在分歧扫瞄器下看一看效果，假如呈现成绩能够实时调剂代码，不要只在一个扫瞄器里测试，一口吻写完，那末当你在其他扫瞄器测试时发明网页奇形怪状时你就抓狂了（我已经就这么干过）。
总结的要点临时就这么多，剩下的就是拼写代码的功力了，倡议老手仍是不要用代码提醒类的软件，最好是本人下手写出完全的语句，当你写纯熟的时分你会发明你写代码的速率比用代码提醒要快的多。
</p>
一个样式规则由一个选择器后跟一个声明块组成，声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

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

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

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

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器）