第2章 站点的创建与管理 网页设计案例教程ppt.ppt

网页制作案例教程北京大学出版社PEKING UNIVERSITY PRESS 第2章 站点的创建与管理 本章内容在网站设计中的地位 本章是Dreamweaver CS3学习的开始，从本章开始，Dreamweaver CS3的面纱将被层层揭开。在制作网页之前，都要建立一个本地站点，以方便管理网站文件。本章内容是Dreamweaver的基础部分，要求熟练应用。 本章要点 组成网页的元素； 网页的布局风格； 本教材附带的网站介绍。 教学目标 Dreamweaver CS3的工作界面； 创建本地站点； 使用“文件”面板管理站点文件； 在Dreamweaver中管理网站。 2.1 本地站点的创建并上传案例 2.1.1 工作环境 Dreamweaver CS3操作界面主要由标题栏、菜单栏、文档窗口、插入面板、属性面板和浮动面板组成，如图 2.1.2 文档窗口 文档窗口也称文档编辑区，如图 文件名：显示当前编辑的Web文档名字。在文档窗口可以同时打开多个Web文档，通过单击“文件名”切换到不同的文档进行编辑。 “视图切换”按钮：提供3种视图查看模式，分别单击“代码”、“拆分”、“设计”按钮进行切换 文档标题：允许用户为文档输入一个标题，它将显示在浏览器的标题栏中 文件管理：显示“文件管理”下拉菜单，可以在弹出菜单中选择对应的命令，对当前编辑的网页做文件的管理设置。 标准工具栏：在默认情况下标准工具栏是隐藏的，可以执行“查看”→“工具栏”→“标准”显示标准工具栏，如图 标准工具栏中包含一些在“文件”和“编辑”菜单中常用的操作，如新建、打开、保存、保存全部、打印代码、剪切、复制、粘贴、撤销以及重做。 插入面板 插入面板使用户快捷地创建和插入各种对象 常用：创建常见的如表格、图像、超链接等对象。 布局：可以插入表格、div标签、AP Div(层)、框架和Spry组件。当处于布局模式时可以使用“绘制布局表格”和“绘制布局单元格”。除此以外可以执行“标准模式”和“扩展表格模式”的切换。 表单：可以创建表单及插入表单元素，以及Spry表单对象。 数据：可以插入动态元素，如记录集、记录集分页、插入记录、更新记录、删除记录、用户身份验证以及用于Spry XML数据的组件。 Spry：Dreamweaver CS3中集成的最新功能，用于创建Spry XML记录集、Spry区域及其他Spry组件。 文本：可以插入各种文本和列表格式设置标签，如B、I、em、h1、ul等。 收藏夹：可以自定义该面板，将常用的插入按钮添加到该面板中。 属性面板 属性面板用于显示或者修改所选对象的各种属性，当选择不同的对象时属性面板也会随之改变。 浮动面板 Dreamweaver中还有很多各种功能的面板，可以根据用户需要展开或者折叠，还可以任意组合和移动，称之为“浮动面板” 创建新站点 建立一个本地站点实质上就是在本地计算机上建立一个文件夹，将所有网页与相关文件都存放于该文件夹下，以便进行页面的制作与管理。 1.首页文件必须放入根文件夹下 2.相关文件都放入根文件夹和子文件夹下，但不能都放入根文件夹下。 3.层次要小于三层。 创建站点有两种方式：使用向导一步一步地进行设置，或者通过在“管理站点”中设置“高级”选项卡信息来创建。无论哪种方式，都要事先在本地磁盘上建立一个用来存放站点的文件夹，这个文件夹就是本地站点的根目录。 1．使用向导建立站点 使用向导建立站点的步骤如下。 (1) 打开建立站点向导的方法有3种。 ① 在进入Dreamweaver的起始页面中选择“新建”→“Dreamweaver站点”。 ② 选择“站点”菜单中的“新建”→“站点”命令。 ③ 选择“站点”菜单中的“管理站点”命令，打开 “管理站点”对话框，执行“新建”→“站点”。 (2) 打开“站点定义为”对话框，在“您打算为您的站点起什么名字”文本框中输入站点名字，如travel。若已申请域名，则可以在“您的站点的HTTP地址(URL)是什么？”对话框中填入申请的域名地址。 (3) 单击“下一步”按钮，询问是否使用服务器技术，若是静态站点则选择“否，我不想使用服务器技术”，若是动态站点可以进一步设置使用哪一种服务器技术 。 (4) 单击“下一步”按钮，在“您将把文件存储在计算机上的什么位置？”文本框中直接输入站点根目录的路径，或者单击按钮，选择文件夹目录。 (5) 单击“下一步”按钮，在“您如何连接到远程服务器”对话框中选择一种连接到远程服务器的方式，这里选择“无。 (6) 单击“下一步”按钮，将显示前几步设置的总结，若需修改可单击“上一步”按钮返回重新设置，若确定设置则单击“完成”按钮，如图2.20所示。 管理资源站点 对于已经创建好的站点，可以执行编辑、复制、删