打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
站点设计--多媒体课件制作团队
 设计网络课件首先需要建立合理的站点结构,这将为接下来的设计工作建立良好的基础。

一、什么是站点

在网络课件中课件结构是以站点的形式表现出来的。站点是一系列文档的组合,这些文档之间按照某种联系(如课程内容的相关性,文档相同或相似的属性等)通过各种链接关联起来,从而形成站点。严格地说,站点也是一种文档的磁盘组织形式,它是由文档和文档所在的文件夹组成的。设计良好的网络课件,通常其站点都具有科学的结构,利用不同的文件夹,将不同的网页内容分门别类地进行保存。

根据站点存储位置的不同,我们可以将站点分为本地站点和远程站点两种。本地站点是存储在本地计算机(即设计者进行课件设计时所使用的计算机)内,存储设计过程中生成的课件文档的专用文件夹,也即工作文件夹;远程站点是存储于网络服务器中,用来进行远程访问的站点文件夹,一般用于站点的测试与发布。通常,我们开发网络课件时,可以在本地建立一个本地文件夹来模拟远程站点,用来实现站点的测试。

使用Dreamweaver进行网络课件开发的过程中,建立并使用站点主要有以下几个作用:

1.利用Dreamweaver的站点编辑功能,管理课件的文件夹和网页文件。例如对文件或文件夹的查看、创建、删除、更名等操作。

2.在引用站点外的文件时,利用Dreamweaver的自动保存功能,自动将该文件保存到站点内,防止课件发布时产生的文件丢失的现象。例如,在引用站点外的图片时,通常Dreamweaver会将其自动保存到可见站点的image文件夹内,这样可以有效的避免图片的丢失。

3.利用Dreamweaver的链接管理功能,可以方便的完成网页链接的编辑与批量更改工作。

4.利用Dreamweaver的远程站点的管理功能,可以方便地实现课件站点的上传与下载。

二、站点规划

站点的结构对课件的后期制作会产生很大的影响,如何进行合理的站点规划呢?在长期的网站设计过程中,人们总结出站点规划的几个基本原则:

1.合理安排目录结构。目录结构也即站点文件的组织结构,它对浏览者而言影响不大,但对于设计者、对于课件站点的维护、更新确至关重要。合理安排目录结构,首先应以课件内容的栏目分块为依据,建立起子目录,为管理图片方便,可以在不同的子目录下建立images文件夹管理该子目录下的图片,而在站点根目录下存放首页的图片。

目录文件夹的确定通常有三种方式:

(1) 按内容组织即将反映不同课程内容的页面和多媒体资源置于不同的文件夹内,每一个文件夹都是一个内容模块,其中可以包括与其内容相关的页面、音频、视频等信息文件或文件夹。这种组织形式为网络课件的内容的更新与维护提供了便利,但由于各种类型的文件置于同一文件夹中,使得维护设计与维护中对文件的定位带来了复杂性。

(2) 按文件类型来组织即将相同文件类型的文件置于同一文件夹下,这个网站的结构在层次上看是不同类型文件的组合,从而有利于不同类型文件的更新与维护,然而缺乏内容上的关联,因此这种组织形式并不常用。

(3) 综合式即在进行目录结构的安排是同时考虑文件的类型和课件的内容,首先将文件按照其内容和课件的主要栏目进行划分,在相同内容的文件中再按照文件的类型组合,分别放在不同的文件夹中,如将页面文件、图片文件、音频文件、视频文件等分别放置在不同的文件夹,这样既便于文件的定位,同时也利于内容的更新,整个站点结构清楚,因此也是我们常采用的一种目录结构的形式。

2.目录层次以不超过5级为宜。层次越少,查找越容易,维护也越方便。

3.目录名及文件名采用英文(或拼音)。由于Dreamweaver软件基于英文系统开发,使用英文名可以得到更好的兼容性和支持度,避免由于操作系统的的原因而产生的文件无法识别或文件出错的情况发生。

4.目录名及文件名的设定应有统一的约定。为了便于设计、管理与维护,应当为目录名及文件名设定统一的命名规则,如使用英文单词全称或缩写,使用汉语拼音的缩写等等方式。

在遵循这些原则的基础上利用Dreamweaver提供的站点管理工具即可以轻松建立站点。

三、站点的创建

Dreamweaver为我们提供了快速建立站点的强大功能。下面我们将结合Dreamweaver向大家介绍有关站点建立的知识。

Dreamweaver 8.0主窗口中,选择“站点|新建站点”命令,就可以打开“站点定义”对话框,在这里Dreamweaver 8.0 为我们提供了“基本”和“高级”两种站点定义方式,“基本”方式是一种向导定义方式,设计者可以根据提示,选择相应的选项,从而快速创建站点;“高级”方式中,设计者可以按照分类信息详细定义站点的相关信息。

下面我们使用“基本”方式中提供的向导,建立一个站点“站点实例”。

1. 选择“站点|新建站点”命令,打开站点定义窗口,输入站点的名称“站点实例”,单击“下一步”按钮。

2.系统询问你是否要使用服务器技术,即后台程序服务?我们选择“否”选项,表示我们当前创建的站点为静态站点(有关动态站点和静态站点的内容已超出本书的介绍范围,有兴趣的同学可以参看相关书籍),单击“下一步”按钮。

3.系统询问用户计划将所创建的文件放置于硬盘的什么位置,也即本地站点的位置,我们选择“编辑我的计算机上的本地拷贝,完成后再上传到服务器(推荐)”选项,并单击黄色的文件夹图标,选择所放置的文件夹位置,单击“下一步”按钮。

4.系统询问如何连接到远程服务器,由于我们仅在本地计算机进行编辑,不涉及服务器操作,因此我们选择“无”,单击“下一步”按钮

   最后,在新出现的对话框中单击“完成”按钮。这样我们就初步建立了一个简单的站点。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Dreamweaver 创建模板
网页制作讲义 大学教师 计算机专业 金博志网址
第六章 链接 6.1 创建链接 6.2 创建邮件链接和锚点链接 - Dreamweaver...
用DreamWeaver打造留言板网页设计2
Internet的基础知识
《Dreamweaver CS5网页制作》模块2 Dreamweaver CS5基本操作
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服