教师培训讲义.docVIP

教师培训讲义 编者：张燕 2004．8 第一部分 几个概念 网站：相互链接的多个网页。 网页：含有文字、图片、动画等并带有超级链接的一组信息，这些信息在一个页面中显示。 网页文件：网页储存时的电子文档，文件的扩展名为：.htm .html .asp .php 等。 主页：或首页，登录网站后首先呈现的主要页面，相当于网站的总目录或总导航。 网页是一种带有超链接的电子文档（也叫超文本）它可以把文字、图片、声音、影像等多种媒体有机地组合在一起，并实现不受时空限制的任意跳转，众多的网页之间构成一种错综复杂的网状结构。 网页编辑工具： 最著名的：DreamWeaver ProntPage 其它如：Cute Page 注意事项 要把某个网站中涉及到的所有的信息，放在同一个文件夹中（称之为站点文件夹）。 站点文件夹中的信息，要根据站点的结构和栏目，分类有序地存放。（便于以后的查找、更改）。 网站中所有的文件名或子文件夹名，不要用中文命名。（因为有些浏览器不支持中文名，会导致网页不可浏览，或网页中元素不可显示）。 不要随意改变站点文件夹中文件的位置。（随意改变后，网页中超链接的指向就可能不对，网页或网页中的元素就不能正常显示，这些超链接要重做，才能正确显示） 若要调整文件的位置，必须在相应的网页编辑软件中，调整后，所涉及的链接，都会自动更新。 要建立“站点”的概念。如：当你在网页中要建一个超链接指向一个音乐文件时，你要问自己“我有没有把这个音乐文件放入站点文件夹中？” 。 ProntPage的特点： 与Word、PowerPoint一样，ProntPage是一个信息集成工具。它的文字与图片的排版功能，与Word相似，只是没有Word那么强大、直观、灵活。它的多媒体的集成功能与PowerPoint相似，它能实现多种媒体的插入，能更加方便地建立超级链接，能更加快捷地实现页面之间的跳转。 网页的排版是网页制作的重点和难点，尤其是主页面的设计和排版。网页排版中用到最多的是表格。  第二部分 网页制作--复习 准备：在E盘上建立一个文件夹，名为“网页课件”，用来放各个站点。 1、新建站点 在“E:\网页课件”中新建一个文件夹（如：fuxi）→执行“文件/新建（网页或站点）命令 →在右侧的任务窗格中选择“空白站点”，并把新站点的位置指向选定的站点文件夹（E:\网页课件\fuxi）。 2、打开站点 执行“文件/ 打开站点”命令，浏览找到你的站点文件夹，打开。 （注意：我们在编辑网页时，要建立站点的概念，一个网页，若在该站点中进行编辑，该站点会自动更新与该网页相关的链接。相反，在站点外对该网页进行了修改，则会导致跟它要关的链接出错） 3、利用“导航、共享边框、主题”快速建立网站。 主要步骤如下： 第一步：新建一个站点。 第二步：进入“导航视图”，新建若干个网页：如：主页、复习、新授、练习等。 第三步：进入网页编辑（双击它），执行“格式/共享边框”命令，弹出如下对话框： 设置好包含导航按钮的共享边框。（最好设成所有网页都一样，以形成一个统一的风格；以后个别地方要不同，可以进行个别的编辑） 第四步：编辑共享边框中的超链接 执行第三步后，有页面并没有导航按钮，这时需要进一步编辑，如： 双击红线圈起来的部分，可编辑链接栏的属性，弹出如下对话框： 设置导航按钮指向哪里，如选“父层”，本例中导航按钮会显示“首页”字样，并链接到首页（上一层）；若选“同一层”，本例会显示3个按钮“复习”、“新授”、“练习”， 即同一层的不同网页的链接。 编辑导航按钮的样式：点击上图的“样式”标签，出现如下对话框： 选择合适的样式按钮，可“水平方向”和“垂直方向”放置，还可拖动，改变它在网页中的位置。 第五步：应用主题（美化网页） 主题可以应用到单个页，也可以应用到站点中的所有页。 （建议：共享边框和导航按钮，不要太复杂，只要能实现页面之间的链接，越简单，出错的机会也就越小，即使出错了，亦比较容易纠正），示例： 第六步：编辑各个页面并保存。 以上图为例：介绍简单表格的制作、图片的插入。 第三部分 从 零 做 起编辑自己的网页 基本过程： 构思、设计网站的结构：主题、风格、栏目、主色调等。 新建站点 。 编辑主页。 编辑各个子页面。 建立链接，美工、完善。 主页的几种常见外观结构： 版块型：中规中矩，整齐划一、讲究精确对齐；多运用线条、表格、不同的颜色块来划分不同的内容、栏目。 常见有：“国字型”（如我校的首页）、“拐角型”（我校的“学生园地”） 优点：便于分门别类，面页的信息容量大，便于浏览者快速定位需要的内容。 缺点：看上去都大同小异。 很多网站都采用这种结构。 目录型：以目录