第四章页面设计分析报告.pptVIP

第四章　页面设计 4.1.2　设置页面属性 4.1.3文件头设置 4.2　页面布局 4.2.2 表格布局 4.2.3 使用扩展模式布局 4.2.4 使用布局模式布局 4.3　使用框架布局 创建一个新的框架集网页有两种方法： 3.父框架和子框架 4.3.3　设置框架网页的属性 4.3.4　框架链接的目标 4.4　层的使用 2.设置层的属性 4.4.2　层的叠加和嵌套 4.4.3　层与表格的互相转换 4.5　使用CSS 2.CSS的作用 4.5.2　新建样式 4.5.4 使用内置的CSS样式 4.6 CSS属性 4.6.2 背景 4.6.3 区块 4.6.4 方框 4.6.5 边框 4.6.7 定位 4.6.9 CSS滤镜 思考题 1、Alpha 滤镜 2. BlendTrans滤镜 3.Blur 滤镜 Alpha滤镜是把一个目标元素与背景混合，可以指定数值来控制混合的程度，通俗地说就是一个元素的透明度。通过指定坐标，可以指定点、线、面的透明度。 BlendTrans滤镜产生一种淡入淡出的效果。 Blur滤镜产生模糊效果。 4.Chroma 滤镜 5. DropShadow 滤镜 Chroma属性可以在一个对象中指定一种颜色为透明色。 DropShaow是设置对象的阴影效果。 6.FlipH和FlipV 滤镜 FlipH和FlipV 滤镜分别是水平反转和垂直反转，这两个滤镜没有参数。 7.Glow 滤镜 当对一个对象使用glow属性后，这个对象的边缘就会产生类似发光的效果。 * * 4.1　设置网页属性 4.1.1　网页标题 　 如果文档工具栏没有显示，使用菜单“查看”→“工具”→“文档”可打开其显示。 使用菜单“修改”→“页面属性”可打开此对话框。 1.外观 　　外观设置中，可以设置页面缺省的文字的字体、风格、大小、颜色等属性，还可以设置页页面的背景颜色和图像。 2.链接 　　链接属性设置默认的超链接文字的字体、大小、颜色等设置 3.标题 　　标题设置正文中标题文字的字体、大小和颜色 4.标题/编码 　　这里既可以设置网页的标题，还可以设置网页的文字编码 5.跟踪图像 　　“跟踪图像”是Dreamweaver一个非常有效的功能，它允许用户在网页中将原来的平面设计稿作为辅助的背景。 　文件头就是在网页的HTML代码中HEAD…/HEAD中的内容，文件头中的内容一般不在浏览器窗口中显示，但对网页的正常工作具有十分重要的作用。 1.META 　　META设置自定义的一组网页属性的描述。 2.关键字 　　关键字设置网页网站的一组关键字，许多搜索引擎和网站关联性统计是通过关键字搜索网页的。 3.描述 　　设置对网页的一些描述，一般是网页内容的概述，供其它开发者参考。 4.刷新 　　刷新定义网也调入后延迟一段时间的动作 　　“转到URL”可使得网页显示一段时间后，自动转到其它网站，许多更改地址的网站和欢迎页面经常采用这种方法。 　　“刷新此文档”则重新从服务器调入当前网页，对于经常更新的网页，这项功能十分有用，可以及时发现更新。聊天室是一种典型的应用。 5.基础 　　设置网页的基准地址 6.链接 　　链接用于设置需要链接的CSS等外部文件的地址和类型。 4.2.1　网页的版面布局 1.确定显示分辨率 2.版面布局的模式 （1）T型结构布局 （2）口型布局 （3）三型布局 （4）对称对比布局 （5）POP布局 在布局过程中，为了方便各个布局单元的控制，可以多使用表格的嵌套，尽量少使用表格单元格的拆分、合并。 使用表格是常用的布局方式。不使用表格时网页中的元素只能从上到下，使用表格可以将元素按各种格式排列，如水平平行、间隔一定距离。布局的表格可以嵌套，实现复杂的页面布局。 　　 在工具栏上单击扩展表格模式按钮，既可切换到“扩展表格模式” 。 　 扩展模式下并不是所见即所得的效果，最好不要在单元格中添加内容，只进行页面设计操作。 　　用表格布局的页面，往往给人一种过于整齐的排列效果，而使用“布局模式”，则可以是网页中的元素快速、灵活地定位。 在“插入”工具栏单击“布局”按钮，进入布局模式。 4.3.1　框架集网页 1.创建一个新的框架集网页 　　创建框架网页前先要让框架边框显示。在“文档”工具栏的最右边单击视图选项按钮 　　在弹出的菜单中选择“可视化助理”→“框架边框”，使得框架边框被选中。 　 （1）使用菜单“文件”“新建”打开新建文档对话框；在该对话框左边选择“框架集”，右边是Dreamweaver MX2004预设好的一些框架网页的格式，在其中选择想要的样式 （2）新建一个文件，将“插入”工