《实验报告》模板.docVIP

安徽财经大学工商管理学院 实 验 报 告 四 班 级： 12网管0班 学 号： 姓 名： 王二麻 课程名称： 《网页设计与制作》实验名称：CSS的应用 实验地点：实验楼301 实验日期： 2014年9月 15日 实验时间： 9：35~~12：00 指导老师： 王德利　 实验目的： 掌握CSS样式的几种声明方法 ；掌握CSS样式的几种应用方法 ；理解和掌握CSS几种高级语法 ；熟练使用CSS的常用属性 实验内容： 新建CSS样式；应用自定义样式 终端设备： 普通PC； 安装Windows 7的操作系统； 连接上Internet。 操作步骤： 1、启动Dreamweaver，新建空白HTML网页并保存为css.html，选择“窗口/css样式”命令，打开“CSS样式”面板，然后打开“新建CSS规则”对话框，选中“类”单选按钮，在“名称”下拉列表框中输入“css01”，单击“确定”按钮。 2、在打开的对话框的“保存在”下拉列表框中选择保存位置，在“文件名”下拉列表框中输入CSS样式文件名，单击“保存”按钮。 3、打开“.css01的CSS规则定义”对话框，设置“字体”为“宋体”，“大小”为“12像素”，“粗细”为“细体”，“行高”为“25像素”，在修饰栏中选中“下划线”，并设置“颜色”为“#333333”。 4、在“分类”列表框中选择“方框”选项，并设置“高”为“25像素”单击确认。选择“文件/保存全部”命令保存当前网页文档和style.css样式表文件。 5、选择“插入记录/布局对象/AP Div”命令插入AP Div，选中该AP Div，在属性面板的“类”下拉列表框中选择css01选项，为AP Div应用CSS样式，然后在AP Div中输入文本。 6、在CSS样式表面板中单击css01样式，在打开的“.css01的CSS规则定义”对话框的“分类”列表框中选择“方框”选项，在“填充”栏的“上”下拉框中输入“5”，在“分类”列表框中选择“边框”选项，设置“上”“实线”、“1”“像素”、颜色 “#FF6600”，单击“确定”按钮。 7、保存网页后按F12键预览网页。 结果分析： 1.上述操作全部实现预期结果，说明我的操作方法和步骤都是正确的。 2.精美的网页离不开CSS技术，使用CSS技术可以有效地对页面的布局、字体、颜色、背景和其它效果实现更精准的控制。CSS技术是HTML的扩展，是网页设计中不可或缺的核心技术。CSS技术最大的优势就是实现了结构与形式的分离，从而更加有利于网站的开发和维护。同时，CSS布局是很有效的网页布局方式。 3.CSS样式是Cascading Style Sheets（层叠样式单）的简称，也可以称作“级联样式表”，它是一种网页制作的新技术，利用它可以对网页中的文本进行精确的格式化控制。CSS，是用来控制一个网页文档中的某文本区域外观的一组格式属性。使用CSS能够简化网页代码，加快下载速度，减少上传的代码数量，从而避免了重复操作。 思考题：在CSS中应用“滤镜”的好处及意义？ 答：1、滤镜是CSS样式表中功能最丰富、效果最奇特的工具之一，调整Dreamweaver中CSS样式表的十几种滤镜的参数，就能在网页上制作出多姿多彩、令人眩目的各种效果。 将外部的CSS样式表文件链接到当前的网页文件中，或者直接在当前的网页文件中创建新的CSS样式表文件，然后打开【CSS样式定义】对话框，在【分类】列表中选择【扩展】类别，在【过滤器】下拉式列表中便可对选中的滤镜设置参数。在CSS规则定义中选择“扩展”分类，提供了特效滤镜，如阴影、翻转、透明度等，可以对图像、单元格等重新定义属性以实现特殊效果，点击“滤镜”下拉列表可以看到这些滤镜。 2、CSS滤镜并不是浏览器的插件，也不符合CSS标准，而是微软公司为了增强浏览器的功能而特意开发并整合在IE浏览器中的一类功能的集合，只有IE浏览器才有效果，目前在Google Chrome和Mozilla Firefox中无效果 。 3、滤镜并不是对元素进行处理，而是在浏览器中对使用了该属性的对象进行一定的修饰，实际是样式表一个新的扩展部分。使用这种技术简单的语法就可以把可视化的滤镜和转换效果添加到一个标准HTML元素上。 （以上为示例内容。本次思考题设为：企业网站应该具有哪些功能？）