二.设计和规划站点.

Presentation on theme: "二.设计和规划站点."— Presentation transcript:

1 二.设计和规划站点

2 二.设计和规划站点 第2章 2.1 创建站点 第9章 站点资源管理器 1.站点目录结构的建立 2.创建本地站点 3.搭建站点结构
4.编辑站点

3 1.站点目录结构的建立 在开始建立网站前，有必要建立好一个新的目录，你 所搜集的一些资料如图片、声音、文字等都需要按照
合理的原则放在这个目录下。这样可以使站点结构清 晰，管理起来方便。 可以在这个目录里面再建立多个文件夹，不同的内容 放在不同的文件夹里面。例如，可以以网站里面栏目 的名字来给文件夹起名字，不同栏目的资源放在不同 栏目起名的文件夹里面，这样达到管理上的方便。

4 2.创建本地站点 DW要制作网页之前，要指定网页制作元素所在的文件 夹，即本地站点（Local Site）。多个网页组成一个 网站。
不创建本地站点我们也可以对网页进行编辑及制作网页，那为什么要创建本地站点？ 可以这样理解：如果纯粹创建一个网页，而这个网页跟其它网页没关联（有链接跳转）的话，不创建站点也没问题。但是如果目录下面的多个文件之间都存在一种关联的话，如果在dw中没有把该目录创建为DW的站点（映射），这时DW就算可以创建关联跳转链接，但是认不出来这些文件是位于一个站点目录下面的，这时使用绝对的物理地址来识别他们的关系，导致跳转出错。 为什么要建立站点？

5 2.创建本地站点 创建本地站点方法：站点管理器 （1）使用向导建立站点 ① “站点”菜单－“管理站点”
② 文件面板－管理站点或者在下拉框选择管理站点 （2）使用高级设置建立站点

6 3.搭建站点结构 适当使用右键进行下面操作： 创建页面（即网页文件） 创建文件夹
这一过程实际上是构思网站结构的过程，很多情况下文件夹代表网站的子栏目，每个子栏目都要有自己对应的文件夹。文件夹可以创建完站点后建立，也可以在创建目录的时候创建好。 文件和文件夹的管理（移动、复制、重命名、删除）：站点管理器有动态更新链接的功能。

7 3.搭建站点结构 注意事项： ①主页文件一般创建为index.htm或index.html
文件（也可以为Default.html、Default.htm） ②文件（夹）名在英文输入法状态下命名；建议 全部用小写。不能在中文输入法状态下使用中 文命名。（站点名字虽然可以用中文，但建议 也用英文） ③改名或移动等都应在站点管理器中进行，因 为站点管理器有动态更新链接的功能。

8 3.搭建站点结构 创建好站点之后，当打开文件面板时，本地站点中的所有文件都将在文件面板中显示出来。从文件面板中可以直接调用文件或对文件进行编辑。 注意建立好站点之后，留意站点在DW中是如何显示的，这跟直接在文件面板下拉框中选择一个目录“样子”显示有何不同。特别注意直接在文件下拉框中选择一个目录的时候，要特别注意这个是不是站点目录，如何不是站点目录，则在里面的操作是不会动态更新的。

9 4.编辑站点 “管理站点”面板 ① 编辑站点 ②（多个站点时）切换站点 ③ 其他操作：复制、删除、导出、导入等
删除站点只是把从DW的站点管理器中删除，文 件还保留在硬盘中，注意这跟直接在硬盘删除 目录的区别。但是在站点中删除网页文件或目 录也是真正从硬盘中删除。

10 堂上操作练习 练习一：P186—P188 9.1.5 基础实例—创建新站点 练习二：P28--P30 2.1.3 在站点中添加文件夹

11 堂上操作练习 练习三： 随机抽查操作 创建一站点，站点名称自定。站点结构如下：
（1）index.htm、about.html、info.html、 other.html、default.htm （2）有image、source、instruction三个文件夹 （3）image文件夹里面有image.html source文件夹里面有source.html instruction文件夹里面有my.html