（中职）中文Dreamweaver CS3案例教程（第二版）第六章教学课件.ppt

《（中职）中文Dreamweaver CS3案例教程（第二版）第六章教学课件.ppt》由会员分享，可在线阅读，更多相关《（中职）中文Dreamweaver CS3案例教程（第二版）第六章教学课件.ppt（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、（中职）中文Dreamweaver CS3案例教程（第二版）第六章ppt课件中文中文Dreamweaver CS3案例教程案例教程（第二版）（第二版）6.1 【案例25】“牡丹花的特点和用途2”网页案例效果案例效果操作步骤操作步骤1创建内部CSS（1）打开“【案例25】牡丹花的特点和用途2”文件夹内复制的网页文档“牡丹花的特点和用途0.htm”。（2）打开“CSS样式”面板，“新建CSS规则”。（3）“.STYLE1”CSS样式的设置。（4）定义一个内部CSS样式。2定义CSS样式的代码含义第第6章章 CSS样式和样式和Div标签标签3创建外部CSS样式4应用CSS样式相关知识相关知识1“CS

2、S样式”面板2“新建CSS规则”对话框中其他选项的含义3应用CSS样式6.2 【案例案例26】“特效课程表特效课程表”网页网页案例效果案例效果在半透明的鲜花图像之上有一个计算机网络专业课程表。操作步骤操作步骤1制作表格和添加图像（1）首先制作一个普通的课程表（2）在表格的上面创建一个层，其内导入一幅图像。2创建外部CSS样式和应用样式（1）新建CSS规则（2）将.CSS1样式应用于选中的图像。相关知识相关知识1定义CSS的背景属性2定义CSS的区块属性3定义CSS的列表属性4定义CSS的扩展属性6.3 【案例案例27】“世界名花列表世界名花列表”网页网页案例效果案例效果页面上边居中位置是红色标

3、题文字“世界名花列表”，标题下边有9幅大小一样的小鲜花图像。单击表中的任意一幅小鲜花图像，均可以弹出相应的高清晰度图像。操作步骤操作步骤1设置网页背景和插入标题图像2插入Div标签（1）在页面内顶部居中位置创建一个名称为apDiv2的AP Div。（2）生成了一个名称为#apDiv2的内部CSS样式（3）单击“插入”面板“布局”选项卡内的“插入Div标签”按钮（4）完成CSS样式设置，生成了一个名称为“.PIC”的内部CSS样式。3插入图像和创建链接相关知识相关知识1定义CSS的方框属性在“.PIC的CSS规则定义”对话框内左边“分类”列表框内选择“方框”选项。2定义CSS的边框属性单击“.的CSS规则定义”对话框内左边“分类”列表框内的“边框”选项。3定义CSS的定位属性单击“.的CSS规则定义”对话框内左边“分类”列表框中的“定位”选项。4使用Div标签和CSS的网页布局（1）单击“插入”（布局）栏内的“插入Div标签”按钮（2）单击“插入Div标签”对话框内的“新建CSS样式”按钮