创建和管理站点 网页设计与制作基础教程（课件）

第02章创建和管理站点 在建立网站之前 首先应设计和规划好整个站点 继而才能进行具体的网页制作过程 创建好一个本地站点后 可以进行管理站点操作 还可以创建文档并将其保存在站点文件夹中 本章将主要介绍使用不同的方法创建和管理站点的方法 创建不同类型文档的方法以及网页制作的常用操作 本章知识点 创建本地站点管理本地站点网页文档的基本操作设置文档视图 2 1创建和管理本地站点 在DreamweaverCS4中 可以创建本地站点 本地站点也就是在本地计算机中创建的站点 所有的站点内容都保存在本地计算机中 本地计算机可以看成是网络中的站点服务器 创建本地站点后 可以管理创建的站点 并且可以再次编辑创建的站点 在创建站点之前 可以先规划好站点 明确创建站点的方向并采用的方法 同时也是确定本地站点所要实现的功能 站点的简介规划站点创建本地站点管理本地站点创建本地站点文件 2 1 1站点的简介 网站建立在互联网基础之上 是以计算机 网络和通信技术为依托 通过一台或多台安装了系统程序 服务程序及相关应用程序的计算机 向访问者提供相应的服务 互联网中包括无数的网站和客户端浏览器 网站宿主于网站服务器中 它通过存储和解析网页内容 向各种客户端浏览器提供信息浏览服务 通过客户端浏览器打开网站中的某个网页时 网站服务软件会在完成对网页内容的解析工作后 将解析的结构回馈给网络中要求访问该网页的浏览器 该流程如图所示 2 1 2规划站点 规划时要明确网站的主题 搜集需要的信息等 规划站点主要是规划站点的结构 创建站点既可以创建一个网站 又可以创建一个本地网页文件的存储地址 规划好站点后即可开始创建站点 2 1 3创建本地站点 在创建站点之前 一般在本地将整个网络完成 然后再将站点上传到Web服务器上 创建本地站点可以使用向导创建也可以使用高级面板创建 2 1 3创建本地站点 在创建站点之前 一般在本地将整个网络完成 然后再将站点上传到Web服务器上 创建本地站点可以使用向导创建也可以使用高级面板创建 2 1 3创建本地站点 在创建站点之前 一般在本地将整个网络完成 然后再将站点上传到Web服务器上 创建本地站点可以使用向导创建也可以使用高级面板创建 2 1 4管理本地站点 创建好本地站点后 可以进行一些基本的编辑操作 例如重新编辑本地站点保存位置 名称 删除创建的本地站点等 选择 站点 管理站点 命令 打开 管理站点 对话框 如图所示 在该对话框中显示了创建的本地站点 2 1 5创建本地站点文件 创建好本地站点后 可以根据需要创建各栏目文件夹和文件 对于创建好的站点 也可以进行再次编辑 或删除和复制这些站点 2 2网页文档的基本操作 创建了本地站点后 就可以创建文档并将保存在站点文件夹中 DreamweaverCS4提供了多种创建文档的方法 可以创建一个新的空白HTML文档 或使用模板创建新文档 同时 还提供了功能强大的 新建文档 对话框来满足用户创建不同类型的文档的需求 创建空白网页文档打开和保存网页文档设置网页文档属性设置网页文档头部信息 2 2 1创建空白网页文档 要使用DreamweaverCS4创建空白网页文档 可以选择 文件 新建 命令 或按下Ctrl N键 打开 新建文档 对话框 如图所示 在左侧的列表框中选择 空白页 选项 在 页面类型 列表框中选择HTML选项 在 布局 列表框中选择 无 选项 单击 创建 按钮 即可创建一个空白网页文档 创建的网页文档如图所示 2 2 2打开和保存网页文档 网页的设计不仅涉及各种软件的操作技术 还关联到设计者对生活的理解和体验 网页设计就是要把适合的信息传达给适合的观众 要设计出一个既好看又实用的网页 就必须要遵循一些必要的原则 1 3DreamweaverCS4基础 Dreamewaver系列软件集合了网页制作和网站管理于一身的 所见即所得 的网页制作软件 它强大的功能和清晰的操作界面备受广大网页制作用户的欢迎 DreamewaverCS4作为Dreamewaver系列中的最新版本 在增强了面向专业人士的基本工具和可视技术外 同时提供了功能强大 开放式且基于标准的开发模式 可以轻而易举地制作出跨平台和浏览器的动感效果网页 DreamweaverCS4简介DreamweaverCS4的改进DreamweaverCS4的工作界面 1 3 1DreamweaverCS4简介 DreamweaverCS4是Adobe公司最新推出的网页制作软件 用于对网站 网页和Web应用程序进行设计 编码和开发 广泛用于网页制作和网站管理 1 3 2DreamweaverCS4的改进 DreamweaverCS4相交之前Dreamweaver系列产品 有了很大地改进 使用了全新的工作界面 使得插入网页元素更加方便 并且针对CSS样式表 与前几款系列产品相比 使用DreamweaverCS4的CSS样式表 可以创建新的CSS规则 并对每个属性所适合的层叠样式提供简单明确的解释 下面主要介绍了DreamweaverCS4的一些新增功能 1 3 3DreamweaverCS4的工作界面 D