教师培训讲义

教师培训讲义编者：张燕2004．8第一部分几个概念网站：相互互链接的的多个网网页。网页：含有有文字、图图片、动动画等并并带有超超级链接接的一组组信息，这这些信息息在一个个页面中中显示。网页文件：：网页储储存时的的电子文文档，文文件的扩扩展名为为：.hhtm.hhtmll..aspp.phhp等等。主页：或首首页，登登录网站站后首先先呈现的的主要页页面，相相当于网网站的总总目录或或总导航航。网页是一种种带有超超链接的的电子文文档（也也叫超文文本）它它可以把把文字、图图片、声声音、影影像等多多种媒体体有机地地组合在在一起，并并实现不不受时空空限制的的任意跳跳转，众众多的网网页之间间构成一一种错综综复杂的的网状结结构。网页编辑工工具：最著名的：：DreeamWWeavverPPronntPaage其它如：CCuteePaage注意事项要把某个网网站中涉涉及到的的所有的的信息，放放在同一一个文件件夹中（称称之为站站点文件件夹）。站点文件夹夹中的信信息，要要根据站站点的结结构和栏栏目，分分类有序序地存放放。（便便于以后后的查找找、更改改）。网站中所有有的文件件名或子子文件夹夹名，不不要用中中文命名名。（因因为有些些浏览器器不支持持中文名名，会导导致网页页不可浏浏览，或或网页中中元素不不可显示示）。不要随意改改变站点点文件夹夹中文件件的位置置。（随随意改变变后，网网页中超超链接的的指向就就可能不不对，网网页或网网页中的的元素就就不能正正常显示示，这些些超链接接要重做做，才能能正确显显示）若要调整文文件的位位置，必必须在相相应的网网页编辑辑软件中中，调整整后，所所涉及的的链接，都都会自动动更新。要建立“站站点”的概念念。如：：当你在在网页中中要建一一个超链链接指向向一个音音乐文件件时，你你要问自自己“我有没没有把这这个音乐乐文件放放入站点点文件夹夹中？”。PronttPagge的特特点：与Woord、PPoweerPoointt一样，PPronntPaage是是一个信信息集成成工具。它它的文字字与图片片的排版版功能，与与Worrd相似似，只是是没有WWordd那么强强大、直直观、灵灵活。它它的多媒媒体的集集成功能能与PoowerrPoiint相相似，它它能实现现多种媒媒体的插插入，能能更加方方便地建建立超级级链接，能能更加快快捷地实实现页面面之间的的跳转。网页的排版版是网页页制作的的重点和和难点，尤尤其是主主页面的的设计和和排版。网网页排版版中用到到最多的的是表格格。第二部分网页页制作---复习习准备：在EE盘上建建立一个个文件夹夹，名为为“网页课课件”，用来来放各个个站点。1、新建站站点在“E:\\网页课课件”中新建一一个文件件夹（如如：fuuxi）→执行“文件//新建（网网页或站站点）命命令→→在右侧侧的任务务窗格中中选择“空白站站点”，并把把新站点点的位置置指向选选定的站站点文件件夹（EE:\网网页课件件\fuuxi）。2、打开站站点执行行“文件//打开开站点”命令，浏浏览找到到你的站站点文件件夹，打打开。（注意：：我们在在编辑网网页时，要要建立站站点的概概念，一一个网页页，若在在该站点点中进行行编辑，该站点会自动更新与该网页相关的链接。相反，在站点外对该网页进行了修改，则会导致跟它要关的链接出错）3、利用“导航、共共享边框框、主题题”快速建建立网站站。主要步骤如如下：第一步：新新建一个个站点。第二步：进进入“导航视视图”，新建建若干个个网页：：如：主主页、复复习、新新授、练练习等。第三步：进进入网页页编辑（双双击它），执执行“格式//共享边边框”命令，弹弹出如下下对话框框：设置好包含含导航按按钮的共共享边框框。（最最好设成成所有网网页都一一样，以以形成一一个统一一的风格格；以后后个别地地方要不不同，可可以进行行个别的的编辑）第四步：编编辑共享享边框中中的超链链接执行第第三步后后，有页页面并没没有导航航按钮，这这时需要要进一步步编辑，如如：双击红线圈圈起来的的部分，可可编辑链链接栏的的属性，弹弹出如下下对话框框：设置导航按按钮指向向哪里，如如选“父层”，本例例中导航航按钮会会显示“首页”字样，并并链接到到首页（上上一层）；；若选“同一层层”，本例例会显示示3个按按钮“复习”、“新授”、“练习”，即即同一层层的不同同网页的的链接。编辑导航按按钮的样样式：点点击上图图的“样式”标签，出出现如下下对话框框：选择合适的的样式按按钮，可可“水平方方向”和“垂直方方向”放置，还还可拖动动，改变变它在网网页中的的位置。第五步：应应用主题题（美化化网页）主题可以应应用到单单个页，也也可以应应用到站站点中的的所有页页。（建议：共共享边框框和导航航按钮，不不要太复复杂，只只要能实实现页面面之间的的链接，越越简单，出出错的机机会也就就越小，即即使出错错了，亦亦比较容容易纠正正），示示例：第六步：编编辑各个个页面并并保存。以以上图为为例：介介绍简单单表格的的制作、图图片的插插入。第三部分从零做起-----编辑自自己的网网页基本过程：：构思、设计计网站的结结构：主主题、风风格、栏栏目、主主色调等等。新建站点。编辑主页。编辑各个子子页面。建立链接，美工、完善。主页的几种种常见外外观结构构：版块型：中中规中矩矩，整齐齐划一、讲讲究精确确对齐；；多运用用线条、表表格、不不同的颜颜色块来来划分不不同的内内容、栏栏目。常见有有：“国字型型”（如我我校的首首页）、“拐角型”（我校的“学生园地”）优点：便于于分门别别类，面面页的信信息容量量大，便便于浏览览者快速速定位需需要的内内容。缺点点：看上上去都大大同小异异。很多网站都都采用这这种结构构。目录型：以以目录的的结构、行行文的方方式来组组织网页页内容，看看上去就就象一篇篇Worrd文档档；这种种结构的的网站，注注重文字字内容，页页面变化化不大。如：惟存教教育：htttp:://n/信息技术教教师之家家：htttp:://wwww..gaoopenng.ccom//htttp:://wwww..cgaan.nnet//orgganiise//chiina//asss/wwwffigeerarrt/lleagguerr/艺术型（随随意型）：没有有固定的的模式。版面不拘一格，讲究美工，具有个性。如：世世纪美术术：htttp::////nodde2//nodde1886/iindeex.hhtmll迪迪斯尼中中国：htttp:://wwww..dissneyy.coom.ccn/童趣趣型的：htttp:://wwww..wjhhtxxx.coom/aanimmalss/inndexx.assp一个fllashh酷站：：htttp:://m/“20044校本培培训\网网页模板板\欣赏赏”这个文文件夹中中的网页页都属于于这一类类型。不管是哪种种结构的的网页，999%的的都是用用表格来组组织和定定位页面面中的各各种元素素。下面我们用用具体的的实例来来学习网网页的制制作。准备：在“E:\\网页课课件”中新建建一个文文件夹“liaanxii”。在FrronttPagge中打打开这个个文件夹夹。表格的基本本编辑请参阅《FFronntPaage20002实用用基本教教程》PP1077-1221第第5章。关键键操作：：插入表格（并并设置其其参数）（PP1100）修改表格（重重设“表格属属性”）（PP1144）行、列的编编辑：插插入、删删除单元格的编编辑：单单元格的的属性（对对齐方式式、宽度度高度、颜颜色等）、拆拆分、合合并首页实例一一（简单单表格）例1：插入入一个66行2列列的表格格（7550象素素）。布局如如下：左栏图片标题栏各个栏目主内容版权信息设置网页属属性（如如背景色色、背景景图片、背背景音乐乐、边距距等）把网页中的的各元素素（文字字、插图图、背景景图等）放放入各个个单元格格。图片放入的的方式有有：（11）作为为单元格格的插图图；（22）作为为单元格格（表格格）的背背景图（以以平铺的的方式充充满选中中的单元元格）。（具体操作作：略）从上例可以以看出，制制作一个个网页最最主要的的，一是是素材的的设计制制作，二二是版面面的设计计编辑。首页实例二二（例22：复杂杂表格）（拐角型）版面编辑的的原则：：1、从上到到下，多多个表格格、分块块设计；；2、以“表格中中套表格格”的方法法，来化简简表格（即即不要把把某一个个表格做做得太复复杂，行数列列数过多多）。网页布局：：1、网页头头部：（2行行2列）网站标识图图（LOGOO）广告图栏目1栏目2栏目3栏目4栏目5栏目62、网页中中部：（大大表格：：1行22列）公告调查友情链接版块一版块二版块三版块四3、网页底底部底部图片或或分隔线线版权信息分开设计的的另一个个优点，就就是可以以把网页页的头部部和底部部应用（拷拷贝）到到其它子子页面中中，使各各网页风风格统一一，跳转转方便。注意点：头、中、底底部表格格的宽度度要相同同。（一一般为：：7500或7660象素素）把头部表格格和底部部表格做做好备份份，以便便子网页页用。编辑子网页页时，头头部可以以先做个个空表格格，空在在那儿。等等头部表表格中的的导航链链接做好好后，再再拷贝过过来。第四部分利用用他山之之石(网页模模板)----做做自己的的网站一、WebbQueest模模板的运运用。WebQQuesst是网网络学习习或网络络研究性性学习的的一种模模式。用WebbQuees模板板做成的的网页，简简洁、有有条理、针针对性强强。例子：“20004校本本培训\\关于WWebQQuesst\WWebQQuesst学案案举例、丰丰富多采采的民族族节日..htmm”单页模板的的使用例3：在“E:\\网页课课件”中建立立一个文文件夹（如如Webb1）→→拷贝这这个模板板到weeb1中中→用FrronggtPaage打打开这个个站点→→编辑网网页文件件→保存。几个重重点操作作：（1）段落落的编辑辑光标指向某某个自然然段，右右击→→执行行快捷菜菜单中的的“段落”命令，弹弹出以下下对话框框：设置段落落的缩进进和行距。Px是象象素的意意思。（1厘米28象素）（2）创建建网页书书签a、建立书书签（这个内容容我们利利用FrronttPagge的帮帮助功能能，来学学习）执行“帮助助”菜单中中的“MiccrossofttFrronttPagge的帮帮助”，在弹弹出对话话框中输输入关键键词“书签”，单击击“搜索”，就找找到了相相关的帮帮助内容容，如：：右图，按按上面的的步骤操操作即可可。b、设设置超链链接创建书签的的目的是是为了在在本页中中实现快快速的跳跳转。所所以，一一般会在在目录或或页首，建建立一个个超链接接，指向向刚建的的书签。2、多页模模板的使使用方法与“单单页模板板的使用用”类似。首先把该模模板复制制到站点点文件夹夹。用FFronntPaage打打开各个个页面进进行编辑辑，可以以在原来来基础上上编辑，可可以加入入其它元元素，如如图片、fflassh等。可可以重命命名文件件名（一一定要在在站点中中），检检查各个个超链接接无误。二、一般网网页模板板的使用用例4：“\\20004校本本培训\\网页模模板\拐拐角型\\0011”，以“身边的的行程问问题”为例，把把lefft1中中的网页页作为首首页，lleftt5中的的网页作作为“过程”栏目的的子页面面。准备：在“E：\\网页课课件”中建立立文件夹夹“xinngchhengg”，把lleftt1中的的所有内内容拷入入这个文文件夹，把把lefft5这这个文件件夹拷入入“xinngchhengg”文件夹夹中，并并把leeft55改名为为“guoocheeng”。主要要操作作：在FronntPaage中中打开“xinngchhengg”这个站站点。打开inddex..htmml，编辑首页页。打开guoocheeng\\inddex..htmml，编编辑过程程子页。在首页的左左侧导航航栏中，给给“过程”建立超超链接，指指向“guoocheeng\\inddex..htmml”。例5：利用用“20004校本本培训\\网页模模板\艺艺术型\\03”这个模模板，做做一个班班级主页页的首页页面。准备：把“03”这个文文件夹拷拷入“E：\\网页课课件”中用FronntPaage打打开033这个站站点。编辑首页文文件。主要操作：：1、修改导导航栏文文字。2、再插入入一个“2行11列”的表格格，第11行插入入首面图图片，第第2行输输入版权权信息，并并设置一一个背景景图片。3、从上到到下，把把所有表表格统一一为：7760象象素宽、居居中。三、利用整整站系统统（静态态的）例6：把“20004校本本培训\\源码\\整站\\少爷的的家”整个文文件夹拷拷到“E:\\网页课课件”文件夹夹中。用FronntPaage打开各各个页面面进行修修改。注：网页漂漂亮精致致的界面面，大多多是由图图片组成成的，所所以网页页制作中中美工是是很重要要的。如如本站中中，各栏栏目按钮钮都是图图片，要要修改栏栏目的文文字，必必须使用用图片编编辑软件件。附：网页制制作推荐荐网站：：网页制作大大宝库：：htttp:://wwww..dabbaokku.ccom//全球商业网网站模板板中心：：htttp:://wwww..sittediiy.ccom//inddex..asppx信心网络下下载：htttp:://m/asspdoown//inddex..asppx中国网页设设计师联联盟：htttp:///wwww.cc-dww.coom/第五部分图像处处理-----PPhottoShhop的的简单使使用一、了解界界面PhotooShoop的各各种操作作命令分分布在以以下三个个地方：：1、各各个下拉拉菜单中中（以文文字体现现）。2、各各个面板板中（图图示+文文字）。3、快快捷菜单单（文字字）。其中的“面面板”用得最最多，最最常用的的面板有有：工具具、选项项、图层层、历史史记录二、例解基基本操作作例1：改变变图像的的大小（1）缩放放图像命令：图图像\\图像像大小弹出出如右图图的对话话框：输入入你需要要的尺寸寸：如宽宽度为8000象素素，高度度会按比比例缩放放。若不想按比比例缩放放，只要要把前的的钓去掉掉，即可可。例2：裁剪剪图像选择“工具具”面板中中的“”，拖拖动鼠标标，框住住图像中中你需要要的部分分，双击击（或敲敲回车）完完成操作作。例3、利用用“选区”工具，选选取图像像的某部部分。选区工具有有2组：：规则选选区（椭椭圆和矩矩形）、不不规则选选区（1）椭圆圆选区打开开“例3--1”，分别别做一个个羽化和和不羽化化的椭圆圆图。效效果如下下：（22）磁性性套索打开“例33-2”，把图图像中间间橙黄色色部分取取下来，别别建一个个图像，命命名为“橙色背背景图”。套索的宽度度一般设设置为55-100个象素素。（11厘米为为28象象素）例4、把“橙色背背景图”中的文文字去掉掉-----“橡皮图图章”的使用用。打开开“橙色背背景图”。“橡皮图章章”的使用用方法：：第一步步：取样样：按住住键盘上上的Allt键，同同时鼠标标点击文文字附近近的图像像；第二二步：拷拷贝：放放开Allt键，拖拖动鼠标标，在文文字处涂涂抹。反反复做这这2步操操作。例5：图层层的基本本操作（1）修改改网页中中的导航航按钮。打开“例55-1..giff”，主要要操作如如下：执行“图像像/模式式/RGGB颜色色”，（ggif图图像为索索引颜色色，不能能含有层层）擦除导航条条中原有有的文字字。输入新的文文字（每每输入一一次文字字，就自自动产生生一个层层，这样样的层，称称为文字字层）拼合所有图图层，把把模式重重设为“索引颜颜色”，文件件另