Dream-weaver-CS4网页制作教程.pptVIP

Dream weaver CS4网页制作教程  Dream weaver CS4网页制作教程 内容: Dream weaver CS4的功能 介绍以及使用简介 Dream weaver CS4 Dream weaver CS4是Macromedia公司推出的可视化网页制作工具，是较受网页设计人员欢迎的软件之一，是网站建设不可缺少的工具之一。? 此外，为了丰富网页的内容，增加网页美观性，网页制作中经常还需要应用各种图片，这些图片需要用专门的图像处理软件来设计. 如Fireworks, Flash, Photo shop等，这些图片设计处理软件也属于常用的网页制作软件。 实际操作 网站的创建 网站的管理 网页文档的基本操作 为什么要建立站点？ 不创建本地站点我们也可以对网页进行编辑及制作网页，那为什么要创建本地站点？ 可以这样理解：如果纯粹创建一个网页，而这个网页跟其它网页没关联（有链接跳转）的话，不创建站点也没问题。但是如果目录下面的多个文件之间都存在一种关联的话，如果在dw中没有把该目录创建为DW的站点（映射），这时DW就算可以创建关联跳转链接，但是认不出来这些文件是位于一个站点目录下面的，这时使用绝对的物理地址来识别他们的关系，导致跳转出错。 坚持不懈，带着一颗感恩的心认真地学习网页设计，你一定可以成功的！ * * 使用特点： 1.灵活的编写方式 2.可视化编辑界面 3.功能更多的CSS支持、CSS的可视化设计、CSS检查工具 4.强大的WEB站点管理功能 5.内建的图形编辑引擎 6. Dreamweaver的集成特性 7.丰富的媒体支持能力 8.超强的扩展能力 Dream waver使用简介 插入栏 菜单栏 代码区 设计区 属性区 面板组 插入栏 “插入栏”（如图所示）包含用于将各种类型的“对象”，如图像、表格和层等插入到文档中的按钮。每个对象都是一段HTML代码，允许在插入它时设置不同的属性。 Dream waver使用简介 编辑窗口 状态栏 Dream waver使用简介 不要忘记加入网页的title标题——title是显示在浏览器标题栏的文字，在网页下载时，它是最先出现的，所以你可以用它提示网页的主要内容，或者写些欢迎的话 将首页命名为index.html/default.htm——这是规定，没什么好多说的，哪页一旦被你取名叫index.htm以后，等你把你的整个homepage上传了以后，它就是别人用你的网址看到你网站的第一页 Dream waver使用简介 将所有文件的文件名统一格式用英文字母，如都为英文小写。 图片应使用.gif和.jpg (jpeg)格式——这是两种位图文件格式，在同样的视觉清晰度下，文件量往往比其他文件格式小，也就是说在网上下载的时候时间会更短，一般从网上下载的图片不用考虑这个问题 Dream waver使用简介 熟悉Dreamweaver CS4的界面布局和工作环境 掌握站点的创建和管理方法 会创建本地站点 操作流程 在开始建立网站前，有必要建立好一个新的目录，你 所搜集的一些资料如图片、声音、文字等都需要按照 合理的原则放在这个目录下。这样可以使站点结构清 晰，管理起来方便。 可以在这个目录里面再建立多个文件夹，不同的内容 放在不同的文件夹里面。例如，可以以网站里面栏目 的名字来给文件夹起名字，不同栏目的资源放在不同 栏目起名的文件夹里面，这样达到管理上的方便。 图2-18 创建站点向导之一：填写网站名称 图2-19创建站点向导之一：确定是否使用服务器技术 图2-20 创建站点向导之三：设置编辑方式 图2-21创建站点向导之四：设置如何连接远程服务器 图2-22创建站点向导之五：完成设置，显示设置信息 图2-23 新创建的站点 建立站点后，Dreamweaver CS4可以对站点及站点文件进行管理。管理站点是对已经建立的本地站点或远程站点进行管理，在Dreamweaver CS4中，管理站点可以通过“管理站点”对话框进行管理，在“管理站点”对话框中，可以创建新站点、编辑站点、复制站点、删除站点以及导入或导出站点。 图2-30“管理站点”对话框 图2-32 创建文件和文件夹 网页文档的基本操作包括： （1）新建网页文档； （2）保存与另存网页文档； （3）打开网页文档； （4）关闭网页文档。