dreamweaver网页设计解读.ppt

CSS美化链接 伪类：CSS链接样式 a:visited a:link a:hover a:active? 初始状态 访问过的状态 鼠标悬停的状态 鼠标点击的状态 通常简写为： a 四个伪类可以省略不必要的伪类。如：visited、active. 排列顺序固定（LVHA）: LoVe and HAte 。 否则就会有某些状态的样式失效。 对a标签样式加display:block;或者display:inline-block; 实现成块状属性 ,加宽点击面。 设置样式与一般文字相同 a{color:#333;text-decoration:none; } a:hover {color:#CC3300;text-decoration:underline;} 全站超链接样式化 a href=“#” class=“yangshi” A内控制/aa.yangshi{color:#333;text-decoration:none; }a.yangshi:hover {color:#CC3300;text-decoration:underline;} 链接内设置类控制超链接样式 div class=“yangshi”a href=“#”父级控制/a/div.yangshi a{color:#333;text-decoration:none; }.yangshi a:hover {color:#CC3300;text-decoration:underline;} 链接外父级的css类或ID控制超链接样式 内部CSS样式移至外部样式文件 CSS面板 全选CSS规则 移动CSS规则 右击弹出快捷菜单 新建样式表 样式表 移至外部样式表对话框 连接外部样式CSS文件 【格式】 【CSS样式】 【附加样式表】 CSS属性面板 附加样式表按钮 选择附加样式表文件 DW菜单导航介绍 浮动框架 浮动框架 iframe name=myframe height=300 width=520 scrolling=auto /iframe 在网页中选定位置 插入浮动框架 插入 布局 选择“Iframe” 设定浮动框架 的属性 name height width src scrolling class 在浮动框架中显示网页 target= myframe APDIV Absolute Position Division 插入APDIV 【插入】 【布局对象】 【APDIV】 插入面板 【布局对象】 绘制APDIV position:absolute; APDIV DIV标签 CSS属性 DIV标签转换为APDIV APDIV父级定位法 position: relative; position:absolute; 父级元素 APDIV 多个APDIV对齐 【修改】 【排列顺序】 输入文本 直接输入文本 复制添加文本 插入特殊文本 输入文本 段落换行(Enter)P/P 手动换行(shift+Enter)br / 自动换行 输入多个空格（trl+Shift+Spqce）nbsp 编辑——选择性粘贴——仅文本 插入——文本——字符 区别？ 创建列表 创建列表 无序列表 有序列表 定义列表 ul li列表项/li li列表项/li li列表项/li /ul ol li列表项/li li列表项/li li列表项/li /ol dl dt标题1/dt dd列表项/dd dd列表项/dd dt标题2/dt dd列表项/dd dd列表项/dd /dl 【插入】→【图像】 插入图像 网页图像文件格式 GIF JPG PNG 【插入】（常用）面板→单击【图像】按钮 设置图像属性 【选择图像源文件】 GIF动画图像 为图像添加替换文本 修改图像大小 图像的对齐方式（P66） 插入图像点位符 插入鼠标经过图像 插入多媒体 插入Flash 插入Shockwave动画 SWF Shockwave FlashPaper 插入Flv 插入FlashPaper Flv 设置属性 【插入】 “媒体” 声音 添加背景音乐 【插入】 “媒体” “插件” embed /embed embed /embed embed /embed 添加背景音乐 embed /embed 添加音频 添加背景音乐 输入标签代码bgsound embed /embed 插入视频 【插入】 “媒体” “插件” embed /embed 累进式下载视频将 Flash 视频 (FLV) 文件下载到站点访问者的硬盘上，然后播放。但是，与传统的“下载并播放”视频传送方法不同，累进式下载允许在下载完成之前就开始播放视频