教学网站建设项目二ppt课件.ppt

项目二创建房地产网站 创建本地站点创建网站首页创建网站子页 模块一创建本地站点 一 启动Dreamweaver8 第一次启动Dreamweaver8 可单击 开始 按钮 选择 所有程序 Macromedia MacromediaDreamweaver8 稍等片刻 显示Dreamweaver8起始页 单击可打开文档 单击可创建相应类型的文档 二 认识Dreamweaver8操作界面 在起始页的 创建新项目 列中单击第一项 HTML 后 将会创建一个 html 格式的新文档 并进入Dreamweaver8操作界面 1 标题栏和菜单栏 标题栏上显示软件名称 文档标题和程序窗口控制按钮 最小化 最大化和关闭窗口 菜单栏 中几乎集中了Dreamweaver 的全部操作命令 利用这些命令可以编辑网页 管理站点以及设置操作界面等 要打开某项主菜单 只需用鼠标单击该菜单项即可 2 插入栏 插入栏包含各种类型的对象按钮 如图像 表格和层等 通过单击这些按钮 可将相应的对象插入到文档中 在不同的插入栏之间切换 单击小三角符号打开同位按钮组 3 文档标签 文档标签显示了当前打开的所有网页文档的名称 当用户打开多个网页时 通过单击文档标签可在各网页之间切换 如果文档名后带有 号 表示网页已修改但未保存 4 文档工具栏 文档工具栏中包括可对文档进行操作的按钮 5 状态栏 状态栏位于文档窗口底部 它提供了与当前文档相关的一些信息 6 浮动面板 在Dreamweaver中 大多数操作都是通过面板实现的 属性面板位于文档窗口的下方 主要用于查看或编辑所选对象的属性 除属性面板外 Dreamweaver8还为用户提供了众多面板 如 文件 面板 历史记录 面板等 为便于管理 Dreamweaver8将这些面板归入到不同的面板组中 三 创建站点 house 除文本外 网页中还可以包含图像 动画 音乐和视频文件等 Dreamweaver8是通过插入或链接这些文件来完成网页制作的 将网页中用到的这些文件保存到指定的文件夹中 我们称该文件夹为站点文件夹 然后在Dreamweaver8中将该文件夹指定为本地站点 则管理操作将变得非常方便 本节讲述站点的创建 具体操作见视频2 1 模块二创建网站首页 一 利用文件面板新建文档 Dreamweaver中的文档也就是网页 可以使用菜单新建文档 也可以在 文件 面板中新建文档 本节以在 文件 面板中创建网页为例来说明新建文档的方法 具体操作见视频2 2 二 设置基本页面属性 新建文档后 一般要先设置网页的页面属性 然后再进行其他操作 页面属性主要包括网页标题 边距 背景颜色和文本颜色等 具体操作见视频2 3 三 在网页中插入图片 目前 网页中常用的图像文件有JPEG GIF和PNG三种格式 在Dreamweaver中插入图像的方法非常简单 在确定图像插入点后 单击 常用 插入面板中的 图像 按钮 然后在打开的对话框中选择要插入的图像就可以了 具体操作见视频2 4 模块三创建网站子页 一 用菜单新建并保存文档 与在 文件 面板中创建文档所不同的是 使用菜单创建的文档必须先保存到站点中 才能进行编辑 具体操作见视频2 5 二 设置文本 图像等网页内容 在Dreamweaver中可以通过设置文本的字体 字号 颜色 字符间距与行距等属性来区别不同的文本 输入文本的方法非常简单 只要将光标定位在网页的某个位置 然后输入文字就可以了 具体操作见视频2 6 三 设置链接 链接 是网站中最重要的组成部分 它指向的是我们要访问的目标文档或其他元素 从而使我们可以从一个页面跳转到另一个页面 或执行其他操作 在Dreamweaver中可以为文本和图片设置链接 本节通过为一张图片设置多个链接 来讲述热点的应用 具体操作见视频2 7 延伸阅读 一 设置站点远程信息 在申请虚拟空间时 服务商会为我们提供登陆虚拟空间使用的IP地址 登录帐户名称和密码 我们必须把这些信息设置到Dreamweaver对应的站点中 才能与服务器建立连接 设置的具体操作见视频2 8 二 网页文件命名规则 最好不要使用中文命名文件 文件名中不要使用大写英文字母 运算符符号不能用在文件名的开头 比较长的文件名可以使用下划线 来隔开多个单词或关键字 在大型网站中 分支页面的文件应存放在单独的文件夹中 在动态网站中 存放数据库的文件夹一般命名为 data 或者 database 三 网页中的图片不显示 一般情况下 网页中的图像不可见 是因为路径设定有误或图像文件名称输入有误 如要确认图像文件的路径 可在选定图像后 在属性面板中查看显示图像文件路径的 源文件 文本框 要确认该文本框中显示的路径同图像文件的实际路径相同 另外 实际的图像文件名称与路径中的图像文件名称也必须相同 因此要仔细查看是否正确输入了大小写字母 四 其他链接类型 1 外部链接 外部链接是可以跳转到其他网站的链接 此类链接的设置方法一般只有一种 首先选中要设置链接的对象 然后在属性面板的 链接 文本框中输入要链接到的网址 2 图片链接和下载链接 我们在上网时经常会碰到图片链接和下载链接 设置这类链接的方法非常简单 选中要设置为链接的文字或图片后 只要在属性面板的 链接 编辑框中将链接目标设置为图像文件或压缩文件就可以了 3 电子邮件链接 有些网站上留有电子邮件地址 单击该地址可打开 Out