Dreamweaver网页设计项目教程 作者 王雪松 项目二 任务4网页美化与特效1.pptVIP

Dreamweaver网页设计项目教程 机械工业出版社 任务4网页美化与特效1（建议2学时） 01 任务分析 02 任务实施 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 任务分析 比较上面的一组图片，可以看出设计样式中的头部设计草图中“文本框”和“按钮”都有自己的独特外形。它给浏览者的外观视觉效果比默认的样式好得多。 任务分析 导航设计草图中当前页主导航显示背景为白色，文字颜色为灰黑，且当鼠标滑上主导航按钮时弹出相应的子导航，滑出主导航按钮时隐藏子导航区。这样的显示效果不仅美观，而且更方便浏览了解自己当前处理的网站位置，及了解当前页所包含的有关内容。 任务实施 文本框美化 （1）创建类样式 1）创建.inp_srh的CSS样式。单击CSS样式面板下方的“新建CSS规则”按钮，在弹出的“新建CSS规则”对话框中做如图所示的设置，设置完成后单击“确定”按钮 。 任务实施 文本框美化 （1）创建类样式 2）单击“确定”按钮后，弹出“.inp_srh的CSS规则定义”对话框，设置它的背景图片及背景图片不重复 。 任务实施 文本框美化 （1）创建类样式 3）在方框样式中，设置它的宽度140px，高度17px 。 任