Dream weaver CS4网页制作教程

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

建立站点后，Dreamweaver CS4可以对站 点及站点文件进行管理。管理站点是对已经 建立的本地站点或远程站点进行管理，在 Dreamweaver CS4中，管理站点可以通过 “管理站点”对话框进行管理，在“管理站 点”对话框中，可以创建新站点、编辑站点、 复制站点、删除站点以及导入或导出站点。
不要忘记加入网页的title<标题> ——title是显示在浏览器标题栏的文字，在网页下 载时，它是最先出现的，所以你可以用它提示网页 的主要内容，或者写些欢迎的话
将首页命名为index.html/default.htm ——这是规定，没什么好多说的，哪页一旦被你取 名叫index.htm以后，等你把你的整个homepage上 传了以后，它就是别人用你的网址看到你网站的第 一页