《网页设计基础》实验指导书.docVIP

《网页设计基础》 实验指导书 北京城市学院 2009年2月 目 录 实验一 创建CSS样式文件 3 实验二 在网页中添加flash元素 11 实验三 ASP网站综合设计 18 实验一 创建CSS样式文件 一、实验目的 通过实验，掌握创建CSS样式文件的方法，以及如何在网页中附加外部CSS样式表。 二、实验内容 1．创建CSS样式文件 2．链接外部样式表文件 3．修改已设置的样式表文件 三、实验仪器、设备 1、计算机一台； 2、Dreamweaver 工具软件； 四、实验原理 创建和使用CSS样式文件。 五、实验步骤 1.启动Dreamweaver 程序，选择菜单“文件”—“新建”命令，打开“新建文档”对话框。 2.在对话框中“类别”列表中选择“CSS样式表”选项，在“CSS样式表”列表中显示了一些Dreamweaver 中自带的CSS样式表格式。选择第4项。如图1-1所示。 3.单击“创建”按钮，打开CSS样式编辑窗口，显示了样式 中自带的样式代码。由于代码中设置的都是英文字体，为了使网页中文正常显示，我们需要把它们替换成宋体。选中字体名称，右击打开快捷菜单，选择“查找和替换”命令。如图1-2所示。 说明 如果在CSS中样式中设置英文字体，中文文本在网页中将不能正常显示。因此，在制作中文网页时，需要使用中文字体。默认的中文字体是宋体。 图1-1选择CSS样式格式 图1