胡崧Dreameaver视频课程笔记.docVIP

胡崧Dreamweaver视频课程笔记 说明：这个课程讲得很是清楚明白；本人认为，这个课程适用似懂非懂的人学习，如果你完全不知道什么是Dreamweaver，请先学基础，如果Dreamweaver熟悉了，也可以绕道；课程涉及动画，但未涉及动态网页知识；如果想了解课程的知识结构，可以先看第三十六课。 第一讲 网站制作流程 Dreamweaver简介 一、网站制作流程（4:00） 1、三个阶段：（1）规划阶段（网站策划） （2）设计阶段（页面美工） （3）实施阶段（网页制作） 2、详细流程（6:00）站点策划 构思牢固 美工设计 图形制作 脚本编程 图形页面整合 测试发布 二、Dream weaver简介（26：00） 1、业界领先的Wed开发工具，使用它能够开发的全过程。 2、建立第一个网页页面（28：00） 作业： 第二讲 网站规划 HTML基础知识 一、从创建站点开始（1:37） 二、规划站点结构的原则（17:47） 1、使用文件夹来保存文档； 首页，每个栏目文件夹、放置素材文件夹 2、使用合理的文件名称、首页名称 3、将本地站点和远端站点设为同样结构 三、HTML代码的基本结构（29:00） html 1、头部 :head /head 2、主体：body /body /html 四、设定mate内容（37:00） 作业：建立本地站点，在属性面板中设置页面 第三讲 Mate设置、页面设置 添加文本 一、设定Mate内容：描述一个HTML网页文档的属性，对SEO有作用SEO是Search Engine Optimization的缩写， 翻译成中文就是“搜索引擎优化就是通过一定的方法在网站内外发布文章、交换连接等，最终达到某个关键词在搜索引擎上获得好的排名。1、通用头元素的设置 查看 文件头内容 显示标题，字体，说明脚本四个小图标 2、元素： （1）播入 HTML Mate 在对话框中设置 （2）播入 HTML 关键字 字符用英文半角分 （3）播入 HTML 说明 （4）播入 HTML 刷新 页面刷新、跳转 二、设定页面的整体属性（19.27） 标题、背景图、背景色、文本颜色、边距 三、添加文本 1、插入特殊字符，如版权符 2、设定文本属性 3、改变字体和尺寸 作业：制作文本页面，设置mate内容，设置页面属性 第四讲 插入图像 图像设置 图文混排 一、图片 1、设置属性：宽度、高度、直接拖放、重新取样 2、对齐 边距 3、调用Fireworks对图片修改； 4、图象优化； 5、使用外部编辑器编辑图像 6、使用图象资源面版 二、插入其他元素：日期、水平线、注释 水平线颜色设置：网页属性面板，快速标签 hr align=center color=#3300CC/ 作业：制作图文混排页面 第五讲 插入Flash 一、Flash动画 1、插入动画 2、调整属性、大小、循环 3、Flash按钮和文字 4、动画播放器：插入、媒体、图像查看器 5、 二、插入Java 作业： 第六讲 插入交互图像、音视频 一、插入交互图像 插入 鼠标经过图像 翻转图片 二、插入音频视频 作业： 第七讲 插入滚动文字网页链接 一、插入滚动文字 1、插入滚动文字（没有可视化操作） 2、文字控制：滚动 滚动方向 速度 鼠标经过时停顿 二、页面链接（绝对路径、相对路径、根路径）内部链接与外部链接 作业： 第八讲 链接 图像映射 一、链接 1、锚链接 2、邮件链接 3、图像链接 映射 热区 4、脚本链接 5、链接的目标窗口 二、表格（32:00） 创建表格画廊 作业： 第九讲 设置Fireworks HTML表格 一、新增表格 1、命令 创建网站相册 2、选中表格，设置属性：宽高北京间距填充 二、制作首页页面（11:15），插入Fireworks HTML 1、切片，优化 导出（HTML），将图像方文件夹 2、新建网页 3、常用 图像Fireworks HTML 4、Fireworks表格 （1）用小图颜色作大图（单元格）背景色 （2）表格中白色图片删除（减少容量） （3）纯文字图片改为纯文字加背景色 作业：为提供的图像切片，插入Fireworks HTML并调整表格，将其制成一个完成的页面。 第十讲 表格的应用 一、表格排版（简单表格） 1、常用 插入表格，调整大小，增加图片 2、常用 插入表格，调整大小，设置背景色边框，边框颜色（其立体感