Dreamweaver中创建CSS样式与效果实战指南

版权申诉
0 下载量 49 浏览量 更新于2024-09-07 收藏 777KB PDF 举报
"简单网页制作小步骤.pdf" 本资源提供了几个关于网页制作的基本步骤,主要涉及使用Dreamweaver软件和CSS样式来实现各种效果。以下是详细的解释: 1. 段落首字下沉效果 在创建一个新的HTML文档时,可以设置特定的CSS样式来改变文本的呈现方式。首先,通过【窗口】菜单打开【CSS样式】面板,然后创建一个新的CSS类(类名为.font1)。在这里,你可以定义背景颜色、字体属性(如字体、大小、粗细、样式和颜色)以及文字的浮动位置。最后,选中段落的第一个字,并在属性面板中应用这个样式类,预览效果。 2. CSS样式设置表格边框 要改变表格的边框样式,可以针对表格元素(`<table>`标签)创建新的CSS规则。在【新建CSS规则】对话框中选择表格,然后设置相应的边框属性,例如将边框设置为虚线。完成设置后,表格的外边框会显示为所设定的虚线样式。 3. 图片垂直翻转 利用CSS的滤镜功能,可以实现图片的翻转效果。创建一个名为"turn"的CSS类,选择【扩展】选项并在【滤镜】下拉列表中选择“FlipV”。将这个类应用到图片元素上,图片会在浏览器中呈现出垂直翻转的效果。 4. 插件播放WMV格式文件 在网页中插入多媒体内容,例如WMV视频,可以通过【插入】菜单下的【媒体】|【插件】命令实现。将光标放在要插入视频的单元格内,选择合适的插件,然后指定视频文件路径,确保浏览器支持该插件以便正确播放视频。 这些步骤是网页设计初学者的基础教程,涵盖了从基本文本样式到更复杂的CSS操作,以及多媒体内容的插入。通过这些实践,用户可以逐步掌握网页制作的基本技能,进而创建更丰富、更个性化的网页。