dw网页设计代码模板-使用DW制作简单网页ppt课件.ppt

1.主题3使用DW创建简单网页，1.学习内容，Dreamweaver基本介绍，定义站点设置，文件头，使用文本，使用图像，使用Flash动画，使用音频，使用视频，2.关于Dreamweaver 、Dreamweaver是一款专业的HTML编辑器。 用于设计、编码和开发网站、网页和 Web 应用程序。 Dreamweaver是Adobe（Macromedia）出品的专业网页制作工具。 它采用所见即所得的编辑方式，通过独特的行为、模板、时间线等技术，可以快速高效地创建极具表现力和表现力的网页。 具有动态效果的网页使网页创建过程变得简单。 3.DW网页设计流程，整个网站制作流程：

2. 在 Photoshop 或 Fireworks 中进行渲染，在 Dreamweaver 中添加文本并定义样式。 DW网站制作流程 新建站点 站点文件命名 定义页面属性 插入表格 定义页面大小 转换为布局视图 添加内容 插入导航栏 转换为标准视图 工作 添加链接 使用代码片段定义并应用CSS，为每个页面添加动态交互链接网站。 ,4. DW界面介绍，视图切换代码提示，属性面板标签选择器，5.锚点用于网页中的定位，如网页的顶部、中间、底部等； 在需要图形的地方插入图像占位符。 占位图形首先“占领”“地盘”； Fireworks HTML是用Fireworks软件剪出的图片； 鼠标向上移动时交换图片变为另一张图片，增强动态感； 表数据可以

3、将其他文件中的数据转换成表格并插入到网页中； 标签选择器可以插入其他不常见的 HTML 标签。 , 6. 定义站点， 为什么要避免错误：路径错误，链接错误 HOW 1. 创建一个文件夹，存放网站的所有文件 2. 然后按列分类（图片放在图片文件夹中） 3. 命名规则：使用英文或拼音命名，网页文件后缀为*.htm或*.html，网站首页命名规则为index.htm或default.htm，7.设置文件头，1.Meta标签描述2. 设置网页的编码 3. 设置文档标题 4. 定义关键字 5. 设置描述文本 6. 设置网页的刷新 8、1. 元标记描述 9、 2. 设置编码网页的编码，10.设置网页的编码，1

4. 1、设置网页的编码、12、2、设置网页的编码、13、3、设置文档标题、+我的个人主页+、14、4、定义关键字，多个关键字用分隔逗号来。 输入的关键词可以体现首页的内容。 关键词不宜过多，一般在5.,15,5.以内。 设置描述文本。 描述文本与关键字相同，可以被搜索引擎用来查找网页。 内容尽可能简洁、切中要点。 ,16,6。 设置网页的刷新，让浏览器在打开网站后几秒钟内自动跳转到新的网页。 用于需要经常刷新的网页。 注意 URL 输入吉祥物设计，17。 2. 使用文本，设置文本格式，插入特殊符号、段落和换行符，添加注释和空格 5. 插入和设置水平线 6. 设置段落缩进 7. 使用列表dw网页设计代码模板，18.设置文本格式、标题标签内容#

5.表示字体大小，值为16.align属性设置对齐方式，左中右字体标签内容，19.，设置文本格式，20dw网页设计代码模板，设置文本格式，Dreamweaver CS4，Dreamweaver 8，文本属性设置窗口，21，设置颜色，颜色用十六进制值表示，如#FF0000，“#”是颜色标记。 任何颜色都是由红、绿、蓝三种颜色通道以不同的亮度比混合而成。 前两位数字代表红色通道的亮度，中间两位数字代表绿色通道的亮度，最后两位数字代表蓝色通道的亮度。 ,22,2。 插入特殊符号，23,3。 段落与换行，段落换行：标记，直接回车键换行：，shift键+回车键，24，4。 添加评论

6.带空格，添加注释，添加空格，使用中文全角输入法输入代码，25、5.插入并设置横线，语法：width设置宽度，单位px size设置粗细卡通形象，color设置颜色align 设置对齐方式 noshae 设置是否需要阴影,26,6。 使用列表、创建无序列表、创建有序列表、转换列表类型、27. 3. 使用图像、网页中的图像类型、图像的 HTML 标记、图像和文本的对齐、调整图像大小、替换图像、Alt 属性鼠标悬停image（翻转图像） 简单的图文混合，28种，网页中的图像类型，BMP（格式简单，图像信息丰富，无需压缩） GIF（高压缩比，动画，像素图像qq，256色） JPEG（压缩率）

7.极高，有损压缩，照片）PNG（透明显示，gif和jpeg两种颜色模式）参考文献Web图像格式简要说明，29，图像的HTML标记，30，课堂练习现场，文本，图像使用在DW中创建一个新站点并完成index.htm页面。 网页标题为+我的个人网站+插入图片、输入文字、制作链接。 使用meta标签实现自动跳转，完成exapmle.htm页面。 更改article.txt中的文本使用标题1作为素材文本“论文四个季节”，中心标题目录中的文本使用有序列表，春夏秋冬使用无序列表，以实现简单的图片和文字混合排列。 ,31,4。 使用超链接、超链接的概念、超链接的 HTML 标记、超链接的类型、关于文档路径、32、超链接的概念

8.、指将独立的网页文档紧密连接起来的无形的连接线。 超链接可用于网页之间和网页内的跳转。 源端点（源锚点）、目标端点（目标锚点）、超链接的结构、URL、网页、图像、节目页面中的某个位置、文本图像、33、超链接 HTML 标签、链接链接文本目标（Target）的HTML标签描述：_blank是在新窗口中打开链接； 外部链接_parent是当前文档展开网页的父框架； _sft 在当前文档的框架集中展开​​页面； 站内链接_top为上级窗口（使用多级框架时），34，超链接的HTML标签，链接的四种状态，a:link（未访问）a:active（正在访问）a

9. :visited(访问过) a:hover(悬停时), 35、超链接类型、外部链接(站外) 内部链接 电子邮件链接(mailto:?subject="email title") 锚链接 创建空链接图片热点中，36、锚点链接，作用：当网页文章特别长时，快速定位方法：1、创建锚点链接2、创建锚点内容的链接注意：1、同一网页内，锚点的名称是唯一的。 2. 链接锚点时，引用的锚点名称区分大小写。 3. 链接和锚点都不能嵌套。 37、关于文档路径，绝对路径（使用完整的URL地址）eg：相对路径index.htm ./index.htm 根相对路径/index.htm， 38、在课堂上练习超链接的使用，保存example.htm如example2.htm，练习使用站内链接、外部链接、邮件链接、锚链接，地图素材为china_map.gif，39、