第11章-设计页面布.ppt

第11章-设计页面布.ppt

ID:61905820

大小:2.11 MB

页数:53页

时间:2021-03-26

第11章-设计页面布.ppt_第1页
第11章-设计页面布.ppt_第2页
第11章-设计页面布.ppt_第3页
第11章-设计页面布.ppt_第4页
第11章-设计页面布.ppt_第5页
资源描述:

《第11章-设计页面布.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、“布局”(LAYOUT)指的是您的页面在浏览器中表现的方式,如菜单或图象的位置等。一个网页主要包括:LOGO(标志),Banner(横幅),导航栏,导航菜单,网页正文,版权声明。在设计页面布局时,也正是围绕着这些元素展开的。第11章设计页面布局使用表格对页面进行布局在布局视图对页面进行布局使用框架对页面进行布局使用层对页面进行布局使用DIV标签+CSS布局常用方法:几种常用的版式:二分栏,三分栏的结构等。11.1使用表格对页面进行布局表格(TABLE)是网页的一个非常重要的元素,因为HTML本身并没有提供

2、更多的排版手段,往往就要借助表格实现网页的精细排版。可以说表格是网页制作中尤为重要的一个技巧,表格运用得好坏,直接反映了网页设计师的水平。表格是由三个基本组件构成的:行(水平空间)列(垂直空间)单元格(当行和列交汇时创建的容器)填充:单元格内容和单元格边框之间的距离(单位:象素)(内间距)。间距:单元格之间的距离(单位:象素)。虽然我们上网浏览网页时没有看到什么表格,但是许多网页设计的排版实际上都是采用隐藏边框的表格来实现的。缺点:页面慢,表格要加载完成后才会显示,所以大表格感觉会很慢。表格作用:单击“插

3、入”栏“常用”类别中的“表格”按钮,或选择“插入/表格”菜单。11.1.1创建表格11.1.2表格的编辑1.选择表格四种方法(1)单击表格左上角(2)将插入点放在表格位置,右键,表格---选择表格。(3)将插入点放在表格位置,从文档窗口的左下角状态栏选择

标签。(4)快捷键:Ctrl+A2.选择表格的行或列(1)将光标定位于行的左边缘或上端,出现选择箭头时单击即可。(2)在单元格内单击,然后平行拖动或向下(上)拖动选择多行或多列。3.选择多个单元格(1)选择连续的单元格,利用Shift键。(2

4、)选择不连续的单元格,按Ctrl键在表格中单击即可。方法:1)选中表格或者单元格,在属性面板中进行设置。2)自动套用表格格式“命令/格式化表格”DW已经预置了十几种表格设计风格,使用这些预置设计风格格式化表格,可以提高表格的设计效率,使表格更加漂亮。表格属性优先顺序:单元格>行>表格注意:格式化表格命令不能用于布局模式产生的表格.其它属性。3、设置调整表格属性11.1.3对表格进行排序用DW进行数据库操作“命令/排序表格”除外:包含有合并单元格的表格.表格导出[文件]/[导出]乱码解决:方法:先导出为tx

5、t,再把txt导入Excel。4表格的基本操作添加行与列调整表格分割单元格合并单元格删除单元格内容添加表格对象可添加文本、插入图像或嵌套表格等对象。1.添加文本在表格中插入文本是表格在网页设计中使用最为广泛的一种方式。2.插入其他对象在表格里不仅可以输入文本,还可以插入表格(嵌套表格)、图像等对象。11.2.1布局视图简介引入原因:表格布局使用起来比较困难,因为表格最开始并不是用于页面布局,而是用于显示表格数据的。为了简化使用表格进行页面布局的过程,DW提供了布局视图概念。在布局视图中,还是以表格作为基础

6、结构来设计网页,但避免了使用传统的方法创建基于表格的设计时出现的问题。11.2在布局视图中对页面进行布局优点:在布局视图中可以在页上方便地绘制布局单元格,然后将这些单元格移动到所需的位置。还可以方便地创建固定宽度的布局和自动伸展为整个浏览器窗口宽度的布局。前提:在“设计”视图或“代码和设计”视图中。方法:选择“查看/表格模式/布局视图”菜单或单击插入栏“布局”类别中的“布局视图”按钮。11.22布局视图的切换三、绘制布局单元格和表格关于布局模式的使用:首先绘制布局表格,在布局表格中绘制布局单元格拖拽鼠标在

7、工作区直接绘制即可。绘制完毕后还可以调整表格或单元格的大小绘制完毕后,在“布局”对象面板按下“标准视图”按钮,将绘制的布局表格转换成传统表格形式。在布局视图中,单击插入栏“布局对象”分类中的“绘制布局表格”按钮,(鼠标指针变为加号(+));在页面空白处,拖动指针以创建布局表格。空白处,必须保证左侧连空格都不能有。1.绘制布局表格(layouttable)1.绘制布局单元格(layoutcell)在布局视图中,单击插入栏“布局对象”分类中的“绘制布局单元格”按钮,(鼠标指针变为加号(+));在页面空白区拖动

8、指针创建布局单元格。若要创建多个单元格,请按住Ctrl键并拖动指针来创建每个布局单元格。可以将一个布局表格绘制在另一个布局表格中,创建嵌套表格。可以在页布局的空白区域中创建布局表格,也可以在现有布局单元格和表格的周围或嵌套在现有布局表格中创建布局表格。表格不能互相重叠,但一个表格可以完全包含在另一个表格当中。3.绘制嵌套布局表格目的:对外部表格所进行的更改不会影响嵌套表格中的单元格。在布局视图中可以将文本、图像和其他内容添加到

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。