网页制作操作教程第11章.pptxVIP

实 训;实训6 立体文字 实训7 遮罩特效 实训8 Fireworks MX 2004基础 实训9 火焰字 实训10 搜索新闻 ;　　　　　1．实训目的　　（1）了解Dreamweaver MX 2004的系统要求和新增功能。　　（2）掌握Dreamweaver MX 2004进行网站设计的原理和制作流程。　　（3）启动Dreamweaver MX 2004应用程序。;　　2．实训内容　　启动Dreamweaver MX 2004应用程序，并设置其文档标题。　　（1）选择“文件”→“新建”命令，新建一个HTML基本页。　　（2）选择“修改”→“页面属性”命令，弹出“页面属性”属性，在“分类”列表中选择“标题/编码”选项，在右侧的“标题”文本框中输入文档的标题，如图11.1.1所示。　　（3）单击“确定”按钮，返回文档中。;;　　1．实训目的　　（1）了解CSS样式的概念。　　（2）学会用CSS样式布局页面。　　（3）了解怎样使用CSS样式制作阴影文字。;　　2．实训内容　　使用CSS样式制作阴影文字，如图11.2.1所示的页面。;　　（1）选择“文件”→“新建”命令，新建一个CSS基本页。单击“保存”按钮　，为该文档命名为“shadowtext.css”。　　（2）选择“文件”→“新建”命令，新建一个HTML基本页。设置标题为“阴影文字”，单击“保存”按钮　，为该文档命名为“shadowtext.htm”。;　　（3）打开“CSS样式”面板，单击“附加CSS样式表”按钮　，弹出“链接外部样式表”对话框，单击“浏览”按钮，选择“shadowtext.css”文件。　　（4）单击“新建CSS样式”按钮　，弹出“新建CSS样式”对话框，如图11.2.2所示，在“名称”下拉列表框中输入文本“.shadowtext”。单击“确定”按钮。;　　（5）在弹出的“.shadowtext的CSS样式定义（在shadowtext的CSS样式定义（在shadowtext.CSS中）”中，设置“类型”分类的参数，如图11.2.3所示。在“扩展”分类中单击“过滤器”下拉列表框右侧的小三角，在弹出的下拉列表中选择　　　　　　　选项，并将其设置为“DropShadow (Color=#CCCCCC, OffX=5, OffY=5, Positive=1)”。; ; 　　（6）在编辑区中输入文本“阴影文字”，并在属性面板中设置其样式为　　　　。　　（7）按F12键，在浏览器中预览，效果如图11.2.1所示。;　　1．实训目的　　（1）学会滚动字幕的创建方法。　　（2）了解滚动字幕中各项参数的设置。　　（3）掌握创建滚动字幕的操作步骤。;　　2．实训内容　　利用marquee标记创建滚动字幕，如图11.3.1所示。;　　（1）选择“文件”→“新建”命令，新建一个HTML基本页。设置标题为“滚动字幕”，单击“保存”按钮　，为该文档命名为“rolltext.htm”。　　（2）单击“常用”插入工具栏中的“表格”按钮　，弹出“表格”对话框，设置其参数，如图11.3.2所示。; 　　（3）选中整个表格，在属性面板中的“对齐”下拉列表中选择“居中对齐”选项。　　（4）将光标定位在表格的第1行第1列中，输入文本“一与一”，并在属性面板中设置其参数，如图11.3.3所示。;　　（5）将光标定位在表格的第2行第1列中，输入文本“喜欢蜡烛”，按Shift＋Enter键换行。　　（6）输入文本“因为一根蜡烛只有一根烛芯”，然后按如图11.3.4所示，输入其他文本。;　　（7）将光标定位在表格的第2行第1列中，在标签选择器中选择　　标记，单击“文档”工具栏中的“代码”按钮，切换到代码视图，此时td标记中的代码如图11.3.5所示。;　　（8）将光标定位在位置（1）处，按回车键换行，输入代码“marquee scrollAmount=1 scrollDelay=75 direction=up width=180 height=100”。　　（9）将光标定位在位置（2）处，按回车键按行，输入代码“/marquee”。　　（10）此时td标记中的代码如图11.3.6所示。;　　提示：marquee标记的参数设置如下：　　scrollAmount＝XX：用于设置滚动字幕的滚动速度，数值越大速度越快，如果设置为0，则表示不显示滚动字幕。　　scrollDelay＝XX：用于设置滚动字幕的延迟速度，如75。　　 direction＝XX：用于设置滚动字幕的滚动方向。当设置其为up是垂直从下向上滚动，down是垂直从上向下滚动，　　horizontal为水平从右向左滚动，