Dreamweaver+Flash+Photoshop课堂实录

第1章　网页设计与网站建设基础 1 1.1　预备知识 2 1.1.1　什么是网站 2 1.1.2　静态网页和动态网页 2 1.1.3　申请域名 3 1.1.4　申请服务器空间 7 1.2　常用的网页设计软件 9 1.2.1　网页设计软件Dreamweaver 9 1.2.2　图像设计软件Photoshop 10 1.2.3　动画设计软件Flash 10 1.2.4　HTML标记 11 1.2.5　FTP软件 12 1.3　网站建设的一般流程 13 1.3.1　网站的定位 13 1.3.2　规划站点结构 14 1.3.3　网站整体规划 14 1.3.4　收集资料与素材 15 1.3.5　设计网页页面 15 1.3.6　切图并制作成页面 16 1.3.7　开发动态网站模块 16 1.3.8　发布与上传 18 1.3.9　后期更新与维护 18 1.3.10　网站的推广 18 第2章　网页版面设计和布局 19 2.1　网页版面布局设计 20 2.1.1　网页版面布局原则 20 2.1.2　点、线、面的构成 22 2.2　网页布局方法 24 2.2.1　纸上布局法 24 2.2.2　软件布局法 25 2.3　常见的网页结构类型 26 2.3.1　“厂”字型布局 26 2.3.2　“国”字型布局 26 2.3.3　“框架”型布局 27 2.3.4　“封面”型布局 27 2.3.5　Flash型布局 28 2.4　文字与版式设计 28 2.4.1　文字的字体、字号、行距 28 2.4.2　文字的颜色 29 2.4.3　文字的图形化 30 2.5　图像设计排版 30 2.5.1　网页中应用图像的注意要点 30 2.5.2　让图片更合理 31 第3章　网页色彩的选择及搭配 33 3.1　色彩基础知识 34 3.1.1　色彩的基本概念 34 3.1.2　网页安全色 35 3.2　色彩的三要素 36 3.2.1　色相 36 3.2.2　明度 36 3.2.3　纯度 37 3.3　各种颜色的色彩搭配 37 3.3.1　红色 37 3.3.2　黄色 38 3.3.3　蓝色 38 3.3.4　绿色 39 3.3.5　紫色 39 3.3.6　橙色 40 3.3.7　白色 40 3.3.8　黑色 40 3.3.9　灰色 41 3.4　页面色彩搭配 42 3.4.1　网页色彩搭配原理 42 3.4.2　网页设计中色彩搭配的技巧 43 第4章　熟悉Dreamweaver CC 47 4.1　认识Dreamweaver CC界面 48 4.1.1　文档工具栏 48 4.1.2　常用菜单命令 49 4.1.3　插入工具栏 49 4.1.4　属性面板 50 4.1.5　面板组 50 4.2　创建本地站点 51 4.3　管理站点 52 4.3.1　打开站点 52 4.3.2　编辑站点 53 4.3.3　删除站点 53 4.3.4　复制站点 54 4.4　综合实例—创建本地站点 54 第5章　给网页添加文字和图像 56 5.1　文本的输入和编辑 57 5.1.1　输入文本 57 5.1.2　设置文本属性 58 5.1.3　输入特殊字符 60 5.2　在网页中插入图像 61 5.2.1　插入图像 61 5.2.2　设置图像属性 63 5.2.3　插入鼠标经过图像 65 5.3　链接的设置 67 5.3.1　链接的类型 67 5.3.2　设置文本链接和图像链接 67 5.3.3　创建图像热点链接 68 5.3.4　创建电子邮件链接 70 5.3.5　创建下载文件的链接 71 5.4　插入媒体 72 5.4.1　插入Flash动画 72 5.4.2　插入视频 74 5.4.3　插入网页背景音乐网页 76 5.5　综合实例—制作图文混排的多媒体页面 78 第6章　使用行为和JavaScript添加网页特效 81 6.1　特效中的行为和事件 82 6.1.1　动作 82 6.1.2　事件 83 6.2　使用Dreamweaver内置行为 84 6.2.1?交换图像 84 6.2.2　弹出提示信息 86 6.2.3　打开浏览器窗口 87 6.2.4　转到URL 88 6.2.5　预先载入图像 90 6.2.6　检查表单 92 6.2.7?设置状态栏文本 93 6.3　利用脚本制作特效网页 94 6.3.1　制作滚动公告网页 94 6.3.2　制作自动关闭网页 96 第7章　创建表单 98 7.1　表单概述 99 7.2　插入输入类表单对象 99 7.2.1　插入表单域 99 7.2.2　插入文本域 101 7.2.3　插入密码域 103 7.2.4　插入多行文本域 103 7.2.5　插入隐藏域 104 7.2.6　插入复选框 104 7.2.7　插入单选按钮 105 7.2.8　插入列表/菜单 106 7.2.9　插入Tel 108 7.2.10　插入文件域 108 7.2.11　插入图像域 109 7.2.12　插入按钮 110 7.3　综合实例—制作电子邮件表单 110 第8章　用表格排版网页 115 8.1　在网页中插入表格 116 8.1.1　插入表格 116 8.1.2　添加内容到单元格 117 8.2　设置表格属性 118 8.2.1　设置单元格属性 118 8.2.2　设置表格属性 118 8.3　表格的基本操作 119 8.3.1　选定表格 119 8.3.2　添加行或列 120 8.3.3　删除行或列 121 8.3.4　合并单元格 122 8.3.5　拆分单元格 122 8.3.6　调整表格大小 123 8.4　表格的其他功能 124 8.4.1　导入表格式数据 124 8.4.2　排序表格 126 8.5　综合实例 128 实战1—利用表格排版页面 128 实战2—创建网页圆角表格 133 第9章　使用模板和库快速 创建网页 137 9.1　认识模板 138 9.2　创建模板 138 9.2.1　在空白文档中创建模板 138 9.2.2　从现有文档创建模板 139 9.2.3　创建可编辑区域 140 9.3　创建基于模板的页面 142 9.4　库的创建、管理与应用 144 9.4.1　创建库项目 144 9.4.2　库项目的应用 146 9.4.3　编辑库项目 148 9.5　综合实例—创建完整的企业网站模板 149 实战1—创建模板 150 实战2—利用模板创建网页 154 第10章　使用CSS样式美化网页 158 10.1　初识CSS 159 10.1.1　CSS概述 159 10.1.2　CSS的作用 159 10.1.3　基本CSS语法 160 10.2　添加CSS的方法 161 10.3　定义CSS样式的属性 162 10.3.1　文本样式的定义 162 10.3.2　背景样式的定义 162 10.3.3　区块样式的定义 163 10.3.4　方框样式的定义 164 10.3.5　边框样式的定义 164 10.3.6　列表样式的定义 165 10.3.7　定位样式的定义 165 10.3.8　扩展样式的定义 166 10.3.9　CSS过渡 167 第11章　CSS DIV布局方法 168 11.1　网站与Web标准 169 11.1.1　什么是Web标准 169 11.1.2　为什么要建立Web标准 170 11.2　CSS布局理念 170 11.2.1　将页面用div分块 170 11.2.2　设计各块的位置 171 11.2.3　用CSS定位 172 11.3　固定宽度布局 173 11.3.1　一列固定宽度 173 11.3.2　两列固定宽度 174 11.3.3　圆角框 175 11.4　可变宽度布局 177 11.4.1　一列自适应 177 11.4.2　两列宽度自适应 178 11.4.3　两列右列宽度自适应 180 11.4.4　三列浮动中间宽度自适应 180 11.4.5　三行二列居中高度自适应布局 182 11.5　CSS布局与传统的表格方式布局分析 183 第12章　快速掌握图像设计软件Photoshop 186 12.1　Photoshop 简介 187 12.1.1　菜单栏 188 12.1.2　工具箱及工具选项栏 188 12.1.3　文档窗口及状态栏 189 12.1.4　面板 189 12.2　绘图工具使用 190 12.2.1　使用矩形工具和圆角矩形工具 190 12.2.2　使用单行选框工具及单列选框工具 191 12.2.3　使用直线工具 192 12.2.4　使用油漆桶工具 192 12.2.5　使用渐变工具 193 12.3　制作文本特效 194 12.3.1　图层的基本操作 194 12.3.2　使用图层样式 195 12.3.3　输入文本 195 12.3.4　设置文本格式 196 12.3.5　设置变形文字 197 12.3.6　使用滤镜 197 12.4　综合实例 198 实例1—绘制爱心图标 198 实例2—立体质感的3D文字 201 第13章　页面图像的切割与优化 204 13.1　优化页面图像 205 13.1.1　图像的优化 205 13.1.2　输出透明GIF图像 205 13.2　网页切片输出 207 13.2.1　创建切片 207 13.2.2　编辑切片 207 13.2.3　优化和输出切片 208 13.3　创建GIF动画 209 13.3.1　GIF动画原理 209 13.3.2　制作GIF动画 209 13.4　综合实例 212 实例1—切割输出网站主页 212 实例2—在Dreamweaver中优化图像 213 第14章　设计网页素材 215 14.1　设计网站Logo 216 14.1.1　网站Logo的重要性 216 14.1.2　网站Logo设计原则 216 14.1.3　实例1—设计网站Logo 217 14.2　设计网站Banner 218 14.2.1　什么是Banner 218 14.2.2　Banner的制作原则 219 14.2.3　实例2—设计Banner 219 14.3　制作网页导航条 221 14.3.1　网页导航条简介 221 14.3.2　实例3—设计横向导航条 222 第15章　动画设计软件Flash CC入门 224 15.1　Flash CC简介 225 15.1.1　Flash应用范围 225 15.1.2　Flash CC工作界面 227 15.2　Flash动画制作基础知识 230 15.2.1　建立与保存Flash动画 231 15.2.2　设置Flash的属性 231 15.2.3　使用Flash时间轴 232 15.2.4　插入关键帧 233 15.2.5　添加图层与图层管理 233 15.2.6　插入元件 234 15.2.7　库的管理与使用 235 15.3　Flash动画的优化与发布 236 15.3.1　优化动画 236 15.3.2　测试动画 237 15.3.3　设置动画发布格式 237 15.4　综合实例—创作简单动画 238 第16章　制作简单的Flash动画 241 16.1　图层基本操作和管理 242 16.1.1　图层的概念 242 16.1.2　创建和编辑图层文件夹 242 16.1.3　引导图层 243 16.1.4　遮罩图层 244 16.2　创建逐帧动画 244 16.3　补间动画的制作 246 实例1—创建改变对象大小的动画 246 实例2—创建形状补间动画 249 16.4　利用图层制作动画 250 实例3—创建沿曲线运动的动画 250 实例4—创建遮罩动画 253 第17章　制作声音和视频动画 255 17.1　导入声音文件 256 17.1.1　Flash中声音的类型 256 17.1.2　导入音频文件 256 17.2　添加声音 257 17.2.1　轻松为按钮添加声音 257 17.2.2　为影片添加声音 259 17.3　声音属性的编辑 260 17.3.1　设置声音的重复播放 260 17.3.2　设置声音的同步方式 260 17.4　导入视频文件 261 17.4.1　Flash支持的视频格式 261 17.4.2　在Flash中嵌入视频 261 17.5　综合实例—给Flash动画片头添加声音 263 第18章　网站的发布与维护 265 18.1　站点的测试 266 18.1.1　检查链接 266 18.1.2　站点报告 267 18.1.3　清理文档 267 18.2　网页的上传 268 18.2.1　使用LeapFtp软件上传文件 268 18.2.2　利用Dreamweaver上传网页 269 18.3　网站的维护 271 18.3.1　网站的软硬件维护 271 18.3.2　网站内容维护 271 18.3.3　网站备份 271 18.4　网站安全维护 272 18.4.1　目录和应用程序访问权限的设置 272 18.4.2　匿名和授权访问控制 273 18.4.3　隐藏IP地址 273 18.4.4　操作系统账号管理 274 18.4.5　安装必要的安全软件 275 第19章　网站的宣传推广 276 19.1　注册到搜索引擎 277 19.1.1　搜索引擎 277 19.1.2　搜索引擎的原理 278 19.1.3　搜索引擎分类 278 19.1.4　搜索引擎注册 279 19.1.5　搜索引擎优化原则 279 19.2　导航网站登录 281 19.3　友情链接 281 19.4　网络广告 282 19.5　发布信息推广 283 19.6　利用群组消息即时推广 283 19.7　电子邮件 284 19.7.1　电子邮件推广 284 19.7.2　电子邮件推广的技巧 285 19.8　问答式免费推广 285 19.9　在博客中推广 286 19.10　传统网下推广 288 第20章　设计制作公司宣传网站 290 20.1　网站前期策划 291 20.1.1　网站总体策划 291 20.1.2　功能规划 292 20.2　利用Photoshop设计网站首页 294 20.3　在Dreamweaver中进行页面排版制作 300 20.3.1　创建本地站点 300 20.3.2　创建网站二级网页 301 20.4　制作弹出窗口页面 305