余杭信息的技术教师网页制作讲训.docVIP

余杭信息技术教师网页制作培训 余杭信达外国语学校－李强 教学计划： 总体目标：通过10次培训，每人制作至少制作一个静态网站，一个动态网页。 教学内容： 静态网页：5课时 （1）认识Frontpage2000CUTFTP32。 动态网页基础：5课时 配置服务器IIS；动态网页基础、原理。源码下载。 源码后台修改。 修改源码图片。 修改源码结构。 安全设置（数据库路径、名称）；网站总成。 第一周课时 介绍Frontpage2000 安装。 界面。 各部位介绍，重点是切换按钮。 菜单区、快捷按钮区、悬停按钮区、超链接、字体、切换按钮、如何插入图片、声音、修改网站属性、背景色、动态字。 创建一个网站。 新建立文件夹，原则，所有文件必须在同一目录，里面再建立各个文件夹，如图片文件夹images，等等。 首页文件名的设置：index default iistart 后缀：html htm asp 表格的绘制。要点：表格属性、线条颜色、内部的各项设定。 表格可以定置它的长宽，具体怎么做的？我们新建一个网页，插入一个一行一列的表格。在表格内点击鼠标右键，选择表格属性。在弹出的窗口中设置（如图1）。 （图1） 网站里的所有东西都用英文名设置图片热点连接? 　　有时你可能不希望一张图片都做上连接，只想为图片的某部分做上连接，这就叫做提片热点连接。如何做到呢？我们点击一下想要做热点连接的图片，你会看到Frontpage2000会自动在编辑区下面弹出一个工具栏（如图2）。 （图2） ? 　　你可以使用这些工具加工你的图片。而做热点连接我们只需要使用到工具栏的几个按纽。她们分别是可以选取各种形状来做热点连接。我们选择长方形的热点工具，在图片上拉取一个想要做连接的区域，它就会自动弹出一个超级连接的窗口来，为它做好连接之后你会发现做热点连接的图片多了一个热点区（如图3）。 （图3） ? 　　这样就表示热点连接已经做好了。浏览的时候你就会发现这张图片内只有热点区才有连接而热点区以外是没有连接的/ 学员信息 ID号 用户姓名 许可ID号 所属部门 39　 林春良?　 24?　 余杭01培训班?　 38　 范晴洲?　 23?　 余杭01培训班?　 37　 徐波?　 22?　 余杭01培训班?　 36　 汪立平?　 21?　 余杭01培训班?　 35　 马宇峰?　 20?　 余杭01培训班?　 34　 王小承?　 19?　 余杭01培训班?　 33　 王恩?　 18?　 余杭01培训班?　 32　 姚建琴?　 17?　 余杭01培训班?　 31　 易红?　 16?　 余杭01培训班?　 30　 阮顺安?　 15?　 余杭01培训班?　 29　 俞建军?　 14?　 余杭01培训班?　 28　 张航?　 13?　 余杭01培训班?　 27　 周伟国?　 12?　 余杭01培训班?　 26　 朱祥?　 11?　 余杭01培训班?　 25　 赵丽艳?　 09?　 余杭01培训班?　 24　 王建华?　 10?　 余杭01培训班?　 22　 孟思达?　 08?　 余杭01培训班?　 21　 沈国平?　 07?　 余杭01培训班?　 20　 吴江?　 06?　 余杭01培训班?　 19　 戴林强?　 05?　 余杭01培训班?　 18　 应浩?　 04?　 余杭01培训班?　 17　 冯建平?　 03?　 余杭01培训班?　 16　 何茂松?　 02?　 余杭01培训班?　 15　 陆文锋?　 01?　 余杭01培训班?　 11　 李强?　 0001?　 余杭培训班?　 / ，点击注册－－输入相应学员信息（选择模板信息。建议无）－点击注册－得到相应帐号。 进入管理/ ，登陆－相应操作。 表格的总体建构。 原则：1、先做大模样，使表格初具规模，再进行填图、文字输入（建议一张网页一个表格）。2、在制作过程中再进行表格拆分，位置变动。 3、善于使用表格的固定与随意缩放。 4、表格的高、宽尺寸（一般根据喜好1024x768 或者800X600） 三、超链接的具体应用。 1、绝对路径和相对路径。 建议在本地磁盘编辑，网上邻居进行编辑容易有路径混淆。 链接属性 打开新窗口：目标框架设置。 书签链接 邮件链接 第三周课时 框架网页 首先我们要知道使用框架的好处。善于使用框架，网页不仅可以使得页面更加，而且还可以使浏览者更加方便的浏览你的网页。我们新建一个网页，注意这次新建不是点击按钮栏的按钮噢，我们点击“文件”菜单的“新建→网页”，在弹出的窗口中选择“框架网页”来新建一个（如图20）。 （图20）（图21） ? 你可以在左边的选择框架样式窗中看到很多种