第3章DreamweaverCS6与创建管理网站 Dreamweavercss6-flash6网页制作技术 知识课件.pptVIP

教材：网页制作技术与案例精解主编：赖步英 清华大学出版社(2009.9) 2 第3章Dreamweaver CS6与创建管理网站 任务1 了解Dreamweaver CS3的安装运行环境 任务2 认识工作窗口、文档窗口和面板 任务3 创建并管理网站点 任务4 制作网页 任务5 网站上传 本章主要通过一个简单的网页制作案例来说明如何创建与编辑网络站点，建立与设置网页文件，申请主页空间与发布网站。 主要内容： 任务1 了解Dreamweaver CS6的安装 知识点：Dreamweaver CS6安装、启动与退出 1．安装 安装过程很简单，只需双击“setup.exe”安装文件，然后根据屏幕窗口中的提示操作即可完成安装。 2．启动Dreamweaver CS6 方法一：在Windows桌面的“开始”菜单中选择|“程序”|Adobe Master Collection|Adobe Dreamweaver CS6命令。 方法二：双击桌面上的Adobe Dreamweaver CS6快捷方式。 3 任务2 认识工作窗口、文档窗口和面板 Dreamweaver CS6提供了可视化的网页开发环境，具有所见即所得的功能。它的工作窗口非常简单，功能面板及工具栏几乎集中了所有的重要功能，面板均可以任意摆放，为用户制作、编辑网页提供了很大方便。 知识点：介绍工作窗口、文档窗口和面板 1．工作窗口 Dreamweaver CS6的工作窗口一般包括标题栏、菜单栏、面板组、属性检查器和文档编辑窗口等，如图3-1所示。 4 5 知识点：创建站点 1．站点文件的规划 （1）按照文件的类型进行规划，例如可以将所有的网页素材、图像、插件、模板等分别放在各自的文件夹下，便于查找。如图像素材存放在images文件夹中。 （2）按照网页主题进行规划，便于日后更好地管理站点。 任务3 创建宝宝开心园站点 建立目录结构的一些建议： 不要将所有的文件都存放在根文件夹下，那样会造成文件管理混乱。 在每个主栏根文件夹下都建立独立的images文件夹。 按栏目内容建立根文件夹。 文件夹的层次不要太深。 不要使用中文文件夹名。 8 任务4 制作“宝宝开心园”网页 知识点：网页内容的制作和页面属性的设置 1．建立新网页的方法 建立网页文件时应注意以下两个问题： 主页文件必须存放在本地站点根文件夹下。例如，本例就将首页文件存放在D:\chap3文件夹下。 网页文件名、文件夹和网站内的其他文件名一般使用小写英文字母（不要使用中文文件名或文件夹名），并且有些网站服务器要区分大小写。 9 2．网页正文body…/body内容的制作 网页正文是网页的主体，通过正文可以向浏览者展示页面的基本信息。正文定义了网页上显示的主要内容与显示格式，是整个网页的核心。在HTML等标记语言中设置正文的标记是“body…/body”，其语法格式如下：body页面正文内容/body 页页正文位于头部/head之后，body表示正文的开始，/body表示正文的结束，正文body通过本身属性实现指定的显示效果。Body常用属性如下： background:设置页面的背景图像。如body text=#ff0000 topmargin =0用于设定主体文本的颜色为红色，与网页顶端的距离为0 bgcolor:设置页面的背景颜色。 text:设置页面内文本的颜色。 link：设置页面没被访问过的链接颜色。 vlink：设置页面已访问过的链接颜色。 alink: 设置页面链接被访问时的颜色 10 3．页面属性的设置 外观的设置 超链接文本属性的设置 网页标题/编码的设置 11 任务5 网站上传 知识点：注册域名、申请网页空间和网站上传 1．保存完整Web站点 2．注册域名与申请网页空间 3．上传本地站点 4．设置远程站点 名 称 含 义 访问 选择“FTP” FTP主机 输入Web服务器的FTP地址，当用户申请主页空间时，Web服务器的管理员将使用E-mail告诉用户该地址 登录 此选项与“密码”选项的ISP授权的用户名与密码是在申请网页空间时获取的，应填入申请网页空间时的用户名 密码 填入用户登录的密码 “远程信息”选项组中各项的含义 12 本章结束 谢谢