第九课网页的
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
格布局及使用PS制图的配合
第九课:DW的表格布局
复习:
1、PS制图。
2、PS制作背景
3、将PS的图分割,并插入到DW中,制作网页。
一、学习DW的表格布局(将被淘汰,表格不能展示网页的内容,表格仅仅只能是
页面形式的
设计
领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计
。
现代的网站,为了提高工作效率及维护效率,为了使网页和XML相结
合,所以表格的使用就受到了很大的限制。
(X)HTML:规定,网页的形式和内容分离. 所谓的形式:指网页看上去的效果,具体来说就是文字的色彩,大小,图片的效
果,表格的边框等。
这些形式都可以直接在CSS中设计出来,而且修改方便。 表格和XML还是可以兼容的。)
原因:
表格的代码:
XML:的思路:
<书>
<书名 class="a1">.....书名>
<作者 class="b1">....作者>
书>
这里的效果修改直接使用CSS样式修改,这里的内容包括每一个标记,都对应
着数据库中的字段名。
1、使用传统的表格布局页面思路:
1)表格的宽度:800px ,1024px
2)表格的边框、边距、间距:0
3)插入表格的时候,采用一行一个表格的做法。
一行内有很多内容,则采用表格嵌套表格的做法。
4)如果文字与表格有边距,尤其是左右两边的内容,可以采用空列的方式。
5)表格内有文字和图片的,将图片设计成表格或单元格的背景。
6)表格行距的问
题
快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题
:
方法一:利用插入表格的方法:
先插入表格,
然后输入数字等内容。
然后修改文字的大小:5px
把字体颜色改为背景色。
7)表格内容和表格边之间有距离:设置表格的填充。
8)插入的图片太大,必须使用PS处理:
编辑|使用外部编辑器,
选择文件类型,将jpg格式的类型改为使用PS编辑。
然后选择该图片,在属性面板上编辑该图,这时电脑会自动打开PS软件,然后
图像|图像大小,改好之后保存。
实验:1、表格与表格之间的距离
2、单元格的背景样式的设置
3、图片的外部编辑。
9)复杂的图形处理:
1、简化图形,将图形中的图像单独剪切出来,并保存。
2、使用标尺工具,划分页面。
3、使用切片工具,将页面切割。
注意原则:图形经可能小,
另存为web所用格式。
4、在DW中,充分使用背景的方式、表格嵌套表格的方法来制作。