Dreamweaver MX 2004高级技巧(8)制作居中的网页

dreamweaver|高级|技巧|网页

  本文介绍两种居中的网页,一种是页面居中,一种是页面上下左右居中。

  页面居中的网页

  实现方法:设置body标签居中。

  1.打开一个网页或新建一个网页,在文档左下角的“标签选择器”上选择“body”标签。

  2.在“属性面板”上点击“居中对齐”。现在居中的页面就做好了,往里面填充内容就可以了。

  转换到代码视图,看看生成的代码,原来生成的是“<div align="center"></div>”。

  可以选择两种形式的居中代码。使用“div”标签是其中一种,另一种是使用“center”标签。打开“编辑”/“参数选择”菜单,在如下图的对话框中,选择居中使用的标签。

  页面上下左右居中

  实现方法:在页面中,插入一个一行一列,宽高都为百分之百的表格,并且设置表格不显示,使表格所在的单元格,水平和垂直都居中,在单元格中放网页内容,可以是一个或者几个表格,例如插入一个768×430象素的表格,也可以直接放入内容,网页看起来就是上下左右都居中的。

  1.打开文档,插入一个一行一列的表格,宽牙为100%,单元格填充,间距,边框都为0。

  2.在属性面板上,继续设置表格高度为100%,具体设置如下图。

  3.在文档左下角的“标签选择器”上选择“td”标签。在属性面板上,设置“td”标签(单元格)水平“居中对齐”,垂直设置为“中间”。

  4.这时候,上下左右居中的页面已经设置好了。接下来,在单元格中,插入表格或者内容就可以了。

  最后说点自己的话:建议大家实际制作网页时采用第一种方法。因为现在都提倡标准建站啊!再有如果一个大的表格都把网页内容括起来会影响浏览速度的!

时间: 2024-08-04 12:28:30

Dreamweaver MX 2004高级技巧(8)制作居中的网页的相关文章

Dreamweaver MX 2004高级技巧(4)制作弹出小窗口

dreamweaver|高级|技巧 弹出窗口经常用于发布站内公告,或作为一个网站的广告来使用,今天给大家介绍如何使用Dreamweaver MX 2004制作弹出小窗口 1. 新建立一个html页面,设置页面属性.左边界,顶部边界为 0 ,在标题处输入标题名称. 2. 在页面中插入图片.也可以是文字, Flash 动画等.小窗口页面就准备好了. 让一个页面把刚才的小窗口弹出: 1. 新建一个需要添加弹出小窗口页面,当然也可以打开自己制作的网站的首页,在标签选择器中选择" body "标

Dreamweaver MX 2004高级技巧(3)制作弹出菜单

dreamweaver|菜单|高级|技巧 利用Dreamweaver MX 2004提供的行为,可以直接做出弹出菜单.下面讲解制作一个弹出菜单的具体步骤. 1.可以直接给图片加上弹出菜单.但是不能给文本直接加上弹出菜单.如果需要给文本加上弹出菜单,首先需要把文本变成链接.选中文本,在属性面板的链接项输入"javascript:;",就给文本加上链接了.如图: 2.文本链接默认的颜色是蓝色,并且有下划线.如果要更改链接文本的外观使它看上去不是一个链接,切换到代码视图下,打到这个链接的a

Dreamweaver MX 2004高级技巧(1)可视化操作iframe

dreamweaver|高级|技巧 本教程根据付国涛的Dreamweaver MX进阶教程改编为Dreamweaver MX 2004高级技巧. iframe也称作嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中. 从Dreamweaver MX开始,可以可视化操作iframe,不再需要第三方插件. 插入iframe 1.点击"插入面板"的"标签选择器" 2.在"标签选择器"对话框中,选择iframe标签,点击

Dreamweaver MX 2004高级技巧

第一节 可视化操作iframe 本教程根据付国涛的Dreamweaver MX进阶教程改编为Dreamweaver MX 2004高级技巧. iframe也称作嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中. 从Dreamweaver MX开始,可以可视化操作iframe,不再需要第三方插件. 插入iframe 1.点击"插入面板"的"标签选择器" 2.在"标签选择器"对话框中,选择iframe标签,点击&q

Dreamweaver MX 2004高级技巧(2)滚动字幕

dreamweaver|高级|技巧 在网页中,制作滚动字幕使用marquee标签,如果用手写的方法,实在是太麻烦了.从Dreamweaver MX 2004开始,可以使用"标签选择器"插入各种标签,并且可以使用"标签检查器"设置标签的属性值,它的功能类似于属性面板,但是比属性面板更强大. 使用"标签选择器"插入marquee标签 1.把光标插入点放在需要插入滚动字幕的地方. 2.点击插入面板的"标签选择器 " 3.选择 mar

Dreamweaver MX 2004高级技巧(9)在居中页面使用层

dreamweaver|高级|技巧|页面 在居中页面中使用层,最大的问题就是层的定位问题,当改变显示器分辨率后,层相对其它居中元素就会改变位置.本文介绍层相对其它居中元素不会错位的方法. 层的绝对定位和相对定位 层的绝对定位代码: <div id="Layer1" style="position:absolute; left:45px; top:25px; width:400px; height:155px; z-index:1"></div>

Dreamweaver MX 2004高级技巧(6)框架网页的操作

dreamweaver|高级|技巧|网页 框架是一种先进的web技术,它比模板更灵活,可以方便创建使用相同布局的多个页面.本文介绍创建基于框架的网页步骤和对框架的修改. 在制作该框架页面之前先做好3个页面! 一.创建框架 1.选择"文件">"新建",在"新建文档"对话框中,选择"框架集"类别,从"框架集"列表选择合适的框架集. 2.选择"窗口">"框架",

Dreamweaver MX 2004高级技巧(10)使用上标和下标

dreamweaver|高级|技巧 本文的目的,是想通过使用上标和下标,掌握在dreamweaver中输入标签的方法. 输入上标 1.在文档中,把插入点放在要输入上标的地方. 2.在"插入"面板,单击"标签选择器". 3.在"标签选择器"中选择sup标签,单击"插入"按钮. 4.在"标签编辑器"中,输入上标的内容. 5.输入上标的结果. 输入下标 按照输入上标的方法,在"标签选择器"中选

Dreamweaver MX 2004高级技巧(7)使用框架的“行为”

dreamweaver|高级|技巧 有几个特别适合用于框架的 javascript 行为和与导航相关的命令. 首先我们先建立一个如下图所示的框架网页文件: 单击一个链接更改两个或多个框架的内容 选中一个链接后,重复使用"转到 URL"行为. 1.首先假定已经建立了一个框架页面,有一个链接在"mainFrame"中打开,现在要做的是,点击链接后,改变其它框架中的内容. 选中一个链接,打开行为面板,选择"转到 URL"行为. 2. 选择要改变的框架名