DreamweaverCS6简介范例.ppt

本章简介： 　　 网页是网站最基本的组成部分，网站之间并不是杂乱无章的，它们通过各种链接相互关联，从而描述相关的主题或实现相同的目的。本章讲述网站的建设基础，包括IP地址与域名、动态数据库开发以及Dreamweaver CS6的工作界面，最后重点讲述了管理站点的方式。 第1章　初识Dreamweaver CS6 课堂学习目标 Dreamweaver CS6的工作界面 创建网站框架 管理站点文件和文件夹 管理站点 网页文件头设置 多屏幕 1.1　Dreamweaver CS6的工作界面 友善的开始页面 不同风格的界面 伸缩自如的功能面板 多文档的编辑界面 新颖的“插入”面板 更完整的CSS功能 多屏幕 1.1.1　友善的开始页面 启动Dreamweaver CS6后首先看到的画面是开始页面，供用户选择新建文件的类型，或打开已有的文档等。 对于老用户可能不太习惯开始页面，可选择“编辑 首选参数”命令，弹出“首选参数”对话框，取消选择“显示欢迎屏幕”复选框，单击“确定”按钮完成设置。当用户再次启动Dreamweaver CS6后，将不再显示开始页面。 1.1.2　不同风格的界面 Dreamweaver CS6的操作界面新颖淡雅，布局紧凑，为用户提供了一个轻松、愉悦的开发环境。 若用户想修改操作界面的风格，切换到自己熟悉的开发环境，可选择 “窗口 工作区布局”命令，弹出其子菜单，在子菜单中选择“编码器”或“设计器”命令。选择其中一种界面风格，页面会发生相应的改变。 1.1.3　伸缩自如的功能面板 在浮动面板的右上方单击按钮 ，可以隐藏或展开面板。如果用户觉得工作区不够大，可以将鼠标指针放在文档编辑窗口右侧与面板交界的框线处，当鼠标指针呈双向箭头时拖曳鼠标，调整工作区的大小。若用户需要更大的工作区，可以将面板隐藏。 1.1.4　多文档的编辑界面 Dreamweaver CS6提供了多文档的编辑界面，将多个文档整合在一起，方便用户在各个文档之间切换。用户可以单击文档编辑窗口上方的选项卡，切换到相应的文档。通过多文档的编辑界面，用户可以同时编辑多个文档。 1.1.5　新颖的“插入”面板 Dreamweaver CS6的“插入”面板在菜单栏的下方。 “常用”、“布局”、“表单”、“数据”、“Spry”、“jQuery Mobile”、“InContext Editing”、 “文本”、“收藏夹” 9个选项卡，将不同功能的按钮分门别类地放在不同的选项卡中。 1.1.6　更完整的CSS功能 传统的HTML所提供的样式及排版功能非常有限，因此，现在复杂的网页版面主要靠CSS样式来实现。而CSS样式表的功能较多，语法比较复杂，需要一个很好的工具软件有条不紊地整理复杂的CSS源代码，并适时地提供辅助说明。Dreamweaver CS6就提供了这样方便有效的CSS功能。 1.2　创建网站框架 站点管理器 创建文件夹 定义新站点 创建和保存网页 1.2.1　站点管理器 站点管理器的主要功能包括新建站点、编辑站点、复制站点、删除站点以及导入或导出站点。若要管理站点，必须打开“管理站点”对话框。 启用“管理站点”对话框有以下几种方法。 选择“站点 管理站点”命令。 选择“窗口 文件”命令，启用“文件”控制面板，选择“文件”选项卡，单击控制面板左侧的下拉列表，选择“管理站点”命令。 1.2.2　创建文件夹 建立站点前，要先在站点管理器中规划站点文件夹。 新建文件夹的具体操作步骤如下。 （1）在站点管理器的右侧窗口中单击选择站点。 （2）通过以下几种方法新建文件夹。 选择“文件 新建文件夹”命令。 用鼠标右键单击站点，在弹出的菜单中选择“新建文件夹” 命令。 （3）输入新文件夹的名称。 1.2.3　定义新站点 建立好站点文件夹后用户就可定义新站点了。在Dreamweaver CS6中，站点通常包含两部分，即本地站点和远程站点。本地站点是本地计算机上的一组文件，远程站点是远程 Web 服务器上的一个位置。用户将本地站点中的文件发布到网络上的远程站点，使公众可以访问它们。在Dreamweaver CS6中创建 Web 站点，通常先在本地磁盘上创建本地站点，然后创建远程站点，再将这些网页的副本上传到一个远程 Web服务器上，使公众可以访问它们。 创建本地站点的步骤 本地站点主要选项的作用 1.2.4　创建和保存网页 选择“文件 新建”命令，启用“新建文档”对话框，创建空白网页。 网页设计完成后，选择“文件 保存”命令，弹出“另存为”对话框，设置后单击“保存”按钮，将该文档保存在站点文件夹中。 1.3　管理站点 打开站点 编辑站点 复制站