1、化学多媒体软件设计,本周话题： 网页三剑客,Dreamweaver网页设计基础,7.1 Dreamweaver工作环境,Dreamweaver工作区： Dreamweaver 4工作区 Dreamweaver窗口： 显示标尺 代码和设计 Dreamweaver浮动面板： 插入 属性 ,Dreamweaver网页设计基础,7.1 Dreamweaver工作环境,Dreamweaver菜单： 编辑参数选择,Dreamweaver网页设计基础,7.1 Dreamweaver站点,Dreamweaver站点： P31站点命名 站点路径 站点分类文件夹: 首页htmimagesmusic,Dreamwe
2、aver网页设计基础,7.3 Dreamweaver入门,Dreamweaver本地资源： Nature ： Macromedia/Dreamweaver,Dreamweaver网页设计基础,7.3 Dreamweaver入门,Dreamweaver与html： 可视化设计工具 Hyper Text Markup Language,Dreamweaver网页设计基础,7.3 Dreamweaver入门,Dreamweaver与html： 可视化设计工具 Hyper Text Markup Language 成对编码： 练习： 阅读网页源码,Dreamweaver网页设计基础,7.4 Dream
3、weaver文档设置, 创建文档 打开文档 设置文档属性 修改页面属性： 标题 背景色 背景图 左边界 顶部边界 链接颜色,Dreamweaver网页设计基础,7.5 Dreamweaver配色, 颜色选择器 滴管与调色盘 网页安全色 文本颜色,Dreamweaver网页设计基础,7.5 Dreamweaver配色, 互补色色相色谱，位于180度夹角的颜色就是互补色 要计算某种颜色的互补色 首先取得其RGB数值 再用255分别减去现有的RGB值即可 纯黄色：r255 g255 b0 通过计算 r(255-255) g(255-255) b(255-0) 互补色为：r0 g0 b255 纯蓝色,
4、Dreamweaver网页设计基础,7.6 Dreamweaver排版, 分行： 段落(Enter): 换行(Shift+Enter): 空格与首行缩进： 文本对齐,Dreamweaver网页设计基础,7.7 层叠样式表CSS, 布局定位 字体样式：锁定字号 特效：超链接下划线变色,Dreamweaver网页设计基础,7.7 层叠样式表CSS,P58 选择器声明 声明属性值 CSS浮动面板,Dreamweaver网页设计基础,7.7 层叠样式表CSS, 请阅读唯美设计中相关信息 请分析各站点CSS代码,Dreamweaver网页设计基础,7.7 层叠样式表CSS, CSS类型 CSS使用方法：
5、 链接 导入 （注意路径） CSS共享：一个站点调用,Dreamweaver网页设计基础,7.7 层叠样式表CSS, CSS组合排序 CSS与html标签 P66,Dreamweaver网页设计基础,7.7 层叠样式表CSS, CSS设计 阅读手册，手写代码,Dreamweaver网页设计基础,7.7 层叠样式表CSS, CSS经典效果 超级链接变色、位移 超级链接悬停下划线 超级链接下划线样式 定制IE滚动条 阴影文字、浮雕彩色文字 Blur、Alpha滤镜 ,Dreamweaver网页设计基础,7.7 层叠样式表CSS, CSS代码实例 新浪 网易 蓝色理想 中大 学院 分析化学,上机, 配置DW工作环境 设置DW文档属性 DW阅读网页源码,上机, 建立DW站点 熟悉DW配色、计算互补色 阅读CSS教程和代码,谢 谢！,
