div简单网页设计教学（用div设计个人网页）
本文目录一览：
网页设计中DIV是什么意思?
div布局是：布局是一种网页布局方式，它是将网页内容按照HTML元素的标签进行组织，从而实现页面的布局和样式。div布局基于HTML的语义化标签，通过对不同的div元素进行分类和布局，实现网页的整体结构。
div标签，作用是设定字、画、表格等的摆放位置。当你把文字、图像，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文把它称作“层次”。
DIV是分段的意思，很多时候，段与段之间的间距要大于行行之间的间距。这是就可以用DIV了。主要还是用来切割段落的。作用：设定字、画、表格等的摆放位置。
网页设计中DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。
DIV标记，是一个区块级的HTML标记，在该标记之间可以添加段落、表格、图片等内容，使同一个DIV标 记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏。
div标签是HTML中间的一种标签。使用标识符DIV显示文本中的段落。当全部段落使某一链接的一部分时，应用DIV可以使语法更加简明快捷。一些搜索工具将整段HTML文档创立为一个链接来显示，以次使用户使用简便。
网页设计模板-如何制作网页模板
首先进入注册页面、注册一个凡科帐号，第二，登录后台，开始“网站设计”第三，选择网站模板，更改网站横幅，网站内容建设...第四，点击“保存”，网站就制作完毕。
网页模板设计 第一：设计 设计模板一般用photoshop或者fireworks等做图软件来设计，设计出来的是一张图片。也就是我们看到的网页外观。第二：转化为html模板 这也是个一个不可缺少的过程。
将模板内容插入网页，并添加每个超链接。页面设计完成后，将其保存为模板。操作如图所示。然后在要编辑的部分插入“可编辑区域”，如图。保存后，我们可以在网站根目录的“模板”文件夹中看到我们新创建的模板。
如何制作简单的网页
1、制作网页最简单的方法如下：注册工具平台账号 企业网页制作离不开相关工具的帮助。然而，使用自助建站系统可以避免网站制作工具的下载，并直接在线生产企业网站。
2、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。
3、在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
4、网页制作网站基本布局建设好之后，再来做更加精细的网页制作，要先设计一个关于制作网页的基本框架，按照框架制作，再逐渐完善细节部分。网页制作宜先简单后复杂，可以利用辅助软件以作帮助。
5、网页的制作可以用到很多软件，比较简单的是记事本的功能。在自己的电脑上新建一个记事本文件，打开可以输入代码。
6、制作网页当然要制作网页了！...于是你把网页制作好了！（以后再讲）测试网站网页做好了，链接做好了，测试工作必不可少。
DIV+CSS建设网页简单的6个步骤
1、构思好网站的整体布局结构，一般我们按以下步骤来建设一个网站的页面：顶部部分，其中包括了LOGO、MENU和一幅Banner图片；页面中间部分，那就是我们的主体了，这里就以我们为一客户做的站点为例来说明。
2、选择“div标签”命令 打开dreamweaver，新建网页并保存为“die.html”，选择【插入】【布局对象】【div标签】命令，打开“div标签”对话框。
3、第float属性：DIV（层）默认是占据一整行，对于常见的两列或多列布局的设计，需要能够正确设置float及width属性实现效果。多列布局结束后如果跟了一个占据通栏的层，此时需要设置clear属性清除层浮动。
4、第客户满意你的首页设计以后，开始切片，写前台界面div+css结构即可。子页风格也要跟客户做简单沟通，如果客户没有特别要求，要跟首页相随合。第四，在需要加入特效的位置加入特效，在浏览器测试兼容性。
5、利用框架进行排版：它是一种用浏览器窗口，显示多个网页的形式，前几天记得有人在论坛中求，网页格式的课件，网页格式的课件大部分是用框架做出来的。
如何用DIV+CSS进行网页样式布局
1、首先，在一个新的HTML文件里面书写一个id为box的div，这个box作为最大的容器，并且里面存放了两个子div，分别是box1和box2。
2、你对对DIV CSS网页布局需要掌握的技巧是否熟悉，这里和大家分享一下，良好的习惯可能会使你的设计周期加倍缩短。
3、使用cssfloat并排显示：对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。加float浮动实现多个div并排显示。
4、而且我们可以通过css来对导航栏的样式方便的作出调整。用div设置导航栏一般就用 和 标签。高度显示效果不同一般情况下只需要使用height： 100px；即可，当显示效果不同时，则可以_height： 100px；来对IE6的高度进行设置。
5、选择“div标签”命令 打开dreamweaver，新建网页并保存为“die.html”，选择【插入】【布局对象】【div标签】命令，打开“div标签”对话框。
