网页设计div标签步骤（网页设计div标签的作用）
本文目录一览：
- 1、div+css布局的基本流程
- 2、div如何嵌入html页面html用div嵌入网页
- 3、dw中怎么插入div标签?
- 4、DIV+CSS建设网页简单的6个步骤
- 5、Dreamweaver使用Div标签
div+css布局的基本流程
1、新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。在test.html文件内，为了讲解方便，设置所有的div高度为200px，内容的颜色为红色。
2、用div设置导航栏一般就用 和 标签。高度显示效果不同一般情况下只需要使用height： 100px；即可，当显示效果不同时，则可以_height： 100px；来对IE6的高度进行设置。
3、在桌面建立一个index.htm的文件和main.css的文件，当然你也可以不用main.css的文件，但是为了方便操作，还是建一个吧。只要把记事本另存为就可以了。
4、新建一个html页面。在html页面上新建三个div标签，分别为这三个div添加class为：header、main、footer。创建style标签用于设置css样式。在title标签下创建一个style标签，然后为header类设置div的高、背景颜色样式。为显示主要内容的main类设置样式。
5、选中DIVb2，点击右侧CSS选项卡下的+号，添加CSS样式定义。在新建CSS规则面板下选择#b2（对应DIV b2的ID），确定。在CSS规则定义面板左侧分类下选择方框，右侧输入对应的数值。b2的DIV定义好了 下面定义DIV001，同样选中DIV001，点+号新建CSS。
div如何嵌入html页面html用div嵌入网页
1、ajax方式：div id=“externalHtml/div ajax加载数据后，直接赋予 externalHtml.innerHTML 即可。script脚本方式：divscript src=xxx.js type=text/javascript/script/div 以上三种方式，对于DIV，都是可以使用的。
2、如果有现成的文本，包括json你可以用$（#id）.html（page的内容）；这个要有编辑好的dom元素。你是把包装集和事件分开的话，也可以用$（#id）.load（page内容）；你也可以用ajax，手写可以，用现有的库文件也行，在使用时，把压缩文件导入。
3、html div/div /html html标签是最外层的，只能在html里面嵌div标签，不能反着来。
dw中怎么插入div标签?
1、首先，打开Dreamweaver，创建一个新的HTML文件或打开现有的HTML文件。将光标放置在插入div标签的位置。其次，在Dreamweaver的“插入”菜单中，选择“HTML”选项。在“HTML”子菜单中，选择“div”元素。Dreamweaver将在文档中插入一个div标签。
2、打开Dreamweaver软件之后，首先新建一个HTML网页。在dw的众多菜单栏中找到插入菜单。在插入的下拉列表中找到布局对象，在布局对象里找到div标签。这样一个新的div就插入好了。还有一种方法就是在代码里输入div标签一定要在body里面输入才有效。
3、执行下列操作之一：选择“插入”“布局对象”“Div 标签”。在“插入”栏的“布局”类别中单击“Div 标签”按钮。2。出现“插入 Div 标签”对话框。3。完成对话框。4。单击“确定”。
DIV+CSS建设网页简单的6个步骤
1、用div设置导航栏一般就用 和 标签。高度显示效果不同一般情况下只需要使用height： 100px；即可，当显示效果不同时，则可以_height： 100px；来对IE6的高度进行设置。
2、在“分类”列表框中选择“方框”选项。在窗口右侧进行css规则定义，其中margin值的设置非常重要，“left”及“right”为auto，则可让div页面水平居中。单击“确定”按钮。
3、新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。在test.html文件内，为了讲解方便，设置所有的div高度为200px，内容的颜色为红色。
4、方法/步骤 1 在桌面建立一个index.htm的文件和main.css的文件，当然你也可以不用main.css的文件，但是为了方便操作，还是建一个吧。只要把记事本另存为就可以了。
Dreamweaver使用Div标签
1、首先，打开Dreamweaver，创建一个新的HTML文件或打开现有的HTML文件。将光标放置在插入div标签的位置。其次，在Dreamweaver的“插入”菜单中，选择“HTML”选项。在“HTML”子菜单中，选择“div”元素。Dreamweaver将在文档中插入一个div标签。
2、使用div标签的方法为：div HTML内容 /div如果单独使用div标签，而不加任何CSS样式，那么它的效果和使用p标签是一样的。插入div标签 将鼠标放在要插入div标签的位置上，然后点击“插入”菜单，选择“布局对象”命令，在弹出的子菜单中选择“Div 标签”项。
3、有DreamWeaver使用DIV标签进行布局 插入DIV标签后，您可以对其进行操作或者在其中添加内容。绝对定位的DIV标签为Dreamweaver层。在为DIV标签分配了边框后，或者在选定了“CSS布局外框”后，DIV标签便具有可视边框。（默认情况下，“查看”“可视化助理”菜单中已经选定了“CSS布局外框”。
4、DIV里面的内容超过DIV的高度，右边就会自动出现滚动条用一个p，定制成图中的宽度和高度然后再把p的样式设成overflow-y：scroll，当p里的文字超出那个高度的时候，滚动条就出来了。
