第1.2章网页设计基础及基本操作.docVIP

章节名称 第1、2章网页设计基础及基本操作 章节分析 本次课重点介绍了在Dreamweaver8.0中创建站点及进行站点管理的方法，在网页中如何插入文本、图像，如何设置图文混排，如何设置页面属性，如何设置首选参数等内容。 第一讲 一、网页设计基础 （一）初识Dreamweaver 8.0 Macromedia Dreamweaver 8.0 是构建网站和应用程序的专业化产品。它提供可视布局工具、应用程序开发功能、代码编辑支持的强大组合，使各个技术级别的开发者和设计者都能够快速创建可视化、吸引人的基于标准的站点和应用程序。从基于 CSS 设计的领先支持到手工编写的代码功能，Dreamweaver 提供在集成的、无缝的环境中所需的专业工具。Dreamweaver 支持所有主要服务器技术，如ColdFusion、PHP、ASP、ASP.NET以及JSP等，开发者可以选择将 Dreamweaver 与服务器技术结合使用，构建强大的 Internet 应用程序，该应用程序将用户连接到数据库、实时数据服务和原有系统。 1.Dreamweaver 8.0的启动 “开始”｜“Macromedia”｜”Dreamweaver 8” 2. Dreamweaver 8的工作环境 文档窗口 状态栏 插入栏 属性检查器 面板组 （二）站点管理 1．Dreamweaver站点概述 Web 站点是一组具有共享属性（如相关主题、类似的设计或共同目的）的链接文档。在 Dreamweaver 中，“站点”一词既表示Web站点，又表示属于Web 站点的文档的本地存储位置。在开始构建 Web 站点之前，必须要建立站点文档的本地存储位置。 Dreamweaver 站点最多由三部分组成，即本地文件夹、远程文件夹和动态页文件夹，具体取决于所用的计算机环境和所开发的 Web 站点的类型。 2.定义本地站点 ⑴ 为要定义的本地站点指定一个站点名，该站点名允许使用中文名称。 ⑵ 在本地磁盘建立存储站点文件的根文件夹，并在该文件夹中建立子文件夹，用于存放各类不同的文件。子文件夹的个数没有限制，但必须指定一个专门用于存储图像文件的文件夹。在命名文件夹时，不能使用中文名称。 ⑶ 使用Dreamweaver的站点管理功能定义站点。Dreamweaver 8.0菜单栏的“站点”命令和文件面板的“站点”命令都可以定义本地站点。 3.管理本地站点 （1）新建站点 通过“站点定义向导”创建 通过“高级”设置对话框创建 （2）复制和编辑站点 在菜单栏中选择【站点】／【管理站点】命令，打开【管理站点】对话框 。 在列表框中选中站点“renwu2”，然后单击复制按钮 。 确认站点“renwu2复制”处于被选中状态，然后单击编辑按钮，打开【renwu2-1的站点定义为】对话框 。 切换到【高级】选项卡，把【站点名称】修改为“renwu2-1”，【本地根文件夹】修改为“F:\xiangmuji1\”，【默认图像文件夹】修改为“F:\xiangmuji1\image1” 其他参数设置保持不变，最后单击确定按钮，返回【管理站点】对话框。 （3）导出、删除和导入站点 在【管理站点】对话框中选中站点“renwu2-1”，单击导出按钮，打开【导出站点】对话框，设置导出站点文件的路径和文件名称 单击保存按钮，保存导出的站点文件 。 在【管理站点】对话框中仍然选中站点“renwu2-1”，然后单击删除按钮，这时将弹出提示对话框，单击是按钮将删除该站点 。 在【管理站点】对话框中单击导入按钮，打开【导入站点】对话框，选中要导入的站点文件，单击打开按钮即可导入站点 。 最后单击完成按钮或标题栏中的x图标，关闭【管理站点】对话框。 （4）在站点中选择多个文件 （5）在本地站点中剪切、粘帖、复制、删除、重命名文件或文件夹 （6）创建文件或文件夹 （7）站点地图视图 (三)网页文件的基本操作 1.创建HTML文档 文件→新建→新建文档→常规→类别→基本页 在文件面板中→右击→新建文件→双击 2.打开已建的HTML文档 文件→打开 在文件面板中→双击该文档 3.保存指定文件 文件→保存（或Ctrl+S) 文件→另存为 文件→保存全部 关于文档保存的说明 文档的保存文件名在“文件名”对话框中指定，文档的默认文件名为Untitled-x.html，其中“x”是一个整数值，如1、2、3等。 HTML文档的默认扩展名，通常为“html”或“htm”，也可以使其他形式的扩展名，具体由Dreamweave的首选参数的设定值确定。 不要在文件名和文件夹名中使用空格和特殊字符，文件名也不要以数字开头。 关于文档默认扩展名的说明 选择“编辑/首选参数”，打开“首选参数”对话框。 在左侧的类别列表中单击“新建文档”，打开新建文档