二设计和规划站点.ppt
二.设计和规划站点,二.设计和规划站点,第2章 2.1 创建站点第9章 站点资源管理器 1.站点目录结构的建立 2.创建本地站点 3.搭建站点结构 4.编辑站点,1.站点目录结构的建立,在开始建立网站前,有必要建立好一个新的目录,你所搜集的一些资料如图片、声音、文字等都需要按照合理的原则放在这个目录下。这样可以使站点结构清晰,管理起来方便。可以在这个目录里面再建立多个文件夹,不同的内容放在不同的文件夹里面。例如,可以以网站里面栏目的名字来给文件夹起名字,不同栏目的资源放在不同栏目起名的文件夹里面,这样达到管理上的方便。,2.创建本地站点,DW要制作网页之前,要指定网页制作元素所在的文件夹,即本地站点(Local Site)。多个网页组成一个网站。不创建本地站点我们也可以对网页进行编辑及制作网页,那为什么要创建本地站点?可以这样理解:如果纯粹创建一个网页,而这个网页跟其它网页没关联(有链接跳转)的话,不创建站点也没问题。但是如果目录下面的多个文件之间都存在一种关联的话,如果在dw中没有把该目录创建为DW的站点(映射),这时DW就算可以创建关联跳转链接,但是认不出来这些文件是位于一个站点目录下面的,这时使用绝对的物理地址来识别他们的关系,导致跳转出错。,为什么要建立站点?,2.创建本地站点,创建本地站点方法:站点管理器(1)使用向导建立站点“站点”菜单“管理站点”文件面板管理站点或者在下拉框选择管理站点(2)使用高级设置建立站点,3.搭建站点结构,适当使用右键进行下面操作:创建页面(即网页文件)创建文件夹 这一过程实际上是构思网站结构的过程,很多情况下文件夹代表网站的子栏目,每个子栏目都要有自己对应的文件夹。文件夹可以创建完站点后建立,也可以在创建目录的时候创建好。文件和文件夹的管理(移动、复制、重命名、删除):站点管理器有动态更新链接的功能。,3.搭建站点结构,注意事项:主页文件一般创建为index.htm或index.html 文件(也可以为Default.html、Default.htm)文件(夹)名在英文输入法状态下命名;建议 全部用小写。不能在中文输入法状态下使用中 文命名。(站点名字虽然可以用中文,但建议 也用英文)改名或移动等都应在站点管理器中进行,因 为站点管理器有动态更新链接的功能。,3.搭建站点结构,创建好站点之后,当打开文件面板时,本地站点中的所有文件都将在文件面板中显示出来。从文件面板中可以直接调用文件或对文件进行编辑。注意建立好站点之后,留意站点在DW中是如何显示的,这跟直接在文件面板下拉框中选择一个目录“样子”显示有何不同。特别注意直接在文件下拉框中选择一个目录的时候,要特别注意这个是不是站点目录,如何不是站点目录,则在里面的操作是不会动态更新的。,4.编辑站点,“管理站点”面板 编辑站点(多个站点时)切换站点 其他操作:复制、删除、导出、导入等 删除站点只是把从DW的站点管理器中删除,文 件还保留在硬盘中,注意这跟直接在硬盘删除 目录的区别。但是在站点中删除网页文件或目 录也是真正从硬盘中删除。,堂上操作练习,练习一:P186P188 9.1.5 基础实例创建新站点练习二:P28-P30 2.1.3 在站点中添加文件夹,堂上操作练习,练习三:随机抽查操作 创建一站点,站点名称自定。站点结构如下:(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,