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