第12章 Dreamweaver中表格的布局
- 格式:ppt
- 大小:792.50 KB
- 文档页数:24


1 12 竭诚为您提供优质文档/双击可除
dw如何在div中插入表格
篇一:dreamweaver8系列diV+css教程表格一列布局
一列布局
web标准(div+css)》的一列布局,包含以下几种形式:一列固定宽度一列固定宽度居中一列自适应宽度一列自适应宽度居中一列二至多块布局前一节我们回顾了xhtml基础和css基础部分,今天我们正式开始使用网页制作软件——adobe公司出品的dreamweaver来开始网页设计之旅。相信之前您已经用过这个软件了,具体怎么使用我就不讲了。为了照顾部分朋友,今天课程的css部分我们是以可视化生成方式,不过建议大家能手写的尽量还是手写,这样有助于提高效率。一、一列固定宽度我们先看一下一列固定宽度,首先要新建一个页面:注意:这里的文档类型是过渡型,目前我们采用这种宽松验证方式。
接下来在页面中插入一个div
标签,我们可以点击工具栏的“插入diV标签”按钮,
2 12 在打开的对话框中id项给这个div命一下名,我们给它起个名叫layout(名称根据自己需要命名)。
插入div后,在右侧的css样式面板中,定义id为layout的样式,确定后在打开的css编辑对话框的方框选项中设计宽度500,高度300。为了看清楚起见,我们把这个div设置个背景色,这样就能预览出大小和位置了。
这里选择高级,然后在选择器中填写:#layout,如果是选中div
后,再点击添加,它会自动添加上。因为是定义id,所以前面需要加#,后面会有id和class的详细讲解
的margin:auto;
时,可以让这个盒模型居中。我们下边在css样式表中加上这个属性看看效果:
#layout{height:300px;width:400px;background:#99FFcc;margin:auto;}
在dreamweaver的设计视图中我们选中看看,是不是已经居中了,我们再在ie下预览一下,同样居中。
1 dreamweaver怎么制作表
格滚动条
篇一:Dreamweaver 表格经验谈 做过主页的朋友,几乎没有一个人没用到它,它使我们排版更加轻松。有人说DW的表格没有Fp的好用,我认为不然,Fp就是多一个平均分配行高,列高功能,但DW参数的更改设置非常方便, 可清除表格行高,列高定义的HTML语句,这个功能挺好。好!好!我不再罗嗦了,直奔主题,我将以提问的方式介绍我的那几个经验,Follw me : 经验(一):为什么说表格比图层排版要好? 一开始学DW的朋友,都比较喜欢用图层排版,其主要原因是图层可以把对象放到你想放的任意位置,并且只需拖动鼠标,看起来非常轻松,但用F12预览就面目全非,后悔了吧?还是用表格排版吧。层的定位方式与表格的不同,层采取的定位方式是动态定位方式,它的定位靠的是两个参数Left和Top,这两个参数设置层框架与浏览器的边框的的距离,无论你是在最大化,还是在不同的分辨率下他都始终在一个位置,而表格在不同的情况下它将有所变化。尤其当你
2 用表格的同时又用图层排版,这样的效果会让你痛苦一辈子。图层没用吗?当然有用,一般用它来做一些特效,用的好可以让你的主页锦上添花。本站有一个DW图层应用的教程,有兴趣可以看看。 经验(二):如何消除分辨率的差异? 这是一个比较老套的话题,但总有人问。我们现在的网页最佳浏览分辨率大多是800*600,但有不少的兄弟用的是640*480或1024*768,怎样让你的网页兼容性更好, 你只需把表格的宽度设为100%即可该决这个问题。 经验(三):为什么我的表格在预览时发生变化? 我们经常会在做完表格排版后预览,发现表格的样子变了,不是有的高度变长了,就是宽度变宽了。出现这个情况的原因是,你在排版的时候,把表格高度或长度用鼠标拖长或拖短过,这样DW就会在你网页代码中自动加入一些宽的长度代码或高度代码。由于在排版的过程中,经常会这样做,所以你的网页代码加了许多的这些高和宽的代码,当你预览的时候浏览器就会按这些代码来显示,于是就会出现表格样子发生变化。好在DW为你提供了决办法,按Ctrl+F3后用鼠标点击表格边框出来表格属性面板,点属性面板的Clear row heiht(除掉表格中定义高度的Html语句) ,而Clear Column Wedths(除掉表格中定义宽度的Html语句)你最好少用,用不好会弄巧成拙,如果你的网页中用到割过的图
dw中表格套表格真么更形象的表达
摘要:
1.DW 中表格套表格的概念
2.表格套表格的实际应用场景
3.如何更形象地表达表格套表格
正文:
在 DW(Dreamweaver)中,表格套表格是一种常见的网页布局方式。简单来说,表格套表格就是将一个表格嵌套在另一个表格中,从而实现更复杂的页面布局。这种布局方式在实际应用中十分灵活,可以满足各种设计需求。
表格套表格的实际应用场景有很多,例如,在设计一个网页时,我们需要在一个大的容器内放置多个独立的内容区域,这时候就可以使用表格套表格的方式来实现。这样做不仅可以让页面结构更清晰,还可以使页面的视觉效果更加美观。
然而,在实际操作中,如何更形象地表达表格套表格呢?我们可以将表格套表格比喻为“俄罗斯套娃”。就像俄罗斯套娃一样,表格套表格是由一个表格“容器”和多个表格“子容器”组成的。这些子容器可以依次放入容器中,形成一个具有层次感的布局。
在 DW 中,我们可以通过以下步骤来创建表格套表格:
1.创建一个表格作为容器,设置好宽度和高度;
2.在容器表格内添加新的表格,作为子容器;
3.根据需要,可以继续在子容器内添加更多的表格;
4.通过调整各个表格的宽度和高度,来实现套表格的布局效果。
《网页设计与制作》课程标准
学时数:48学时 ________________
课程性质: 专业必修课 —
适用专业: 计算机应用专业—一、本课程的性质、地位、作用以及与其它相关课程内容的联系
《网页设计与制作》是计算机应用专业的一门专业必修课,是计算机类专业的一门实践环节课程,也可以作为其他相关专业的实践课程或选修课,它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver,通过这种有代表性的网页制作软件的使用,掌握网站设计的全过程,并能熟练地制作出有专业水准的网站。
二、课程教学目标
本门课程在专业教学计划中起着十分重要的作用,通过这门课程,学生可以掌握以下技能和知识:
* 掌握网站的开发流程,如建站规划、效果图制作、建立站点等相关知识。
* 掌握各种网页元素在DreamWeaVer中的使用。例如表格、文本、图像、超级链接、层和表单等。
* 掌握测试和发布网站的方法。包括网站测试的内容和方法。
* 能够解决一些网页设计中的常见问题。
三、本课程学时安排
序
号 章节及内容 总课
时 课时数
理论 实践 习题、作业
1 第1章网页设计概述 12 2 2
2 第2章表格布局 8 2 6
3 第3章CSS样式表 8 2 6
4 第4章模板和库 4 2 4
5 第5章层 8 2 4
6 第6章行为 8 2 4
7 第7章框架 8 2 4
8 第8章网站发布 4 2 2
机 动
合计 48 16 32
四、课程教学内容和基本要求(按章节详细阐述)
第一章:网页设计概述 (一)教学重点和难点
重点:Dreamweavercs5的参数设置、Dreamweaver的站点设置。
难点:DreamWeaVer的站点设置。
(二)教学内容和基本要求
教学内容:基础知识,初识DreamWeaver,DreamWeaVerCS5的参数设置,设置站点。