1、前言:叶子从 1999 年开始学习电脑,那时候只会打字,学校教的只有英文录文和简单的 office 操作。在一个老师的指导下开始学 Photoshop,当时用的还是 4.0 的版本,很难操作,但感叹于 Photoshop 所带给我的一次又一次的惊奇。当初并不懂得学习 Photoshop 有什么用,但现在证明,当初的选择是没错的,对现在做网页是起到了决定性的作用。2000 年为了交作业开始学习 Frontpage,那个时候做的网页可以说是对 gif 动画素材的滥用。在一次学校的网页制作比赛中获得了二等奖,从此更坚定了我学习网页制作的决心,也是凭着对网页制作浓烈的兴趣,从零开始,自己一步步走过来的
2、,自己买书自学,上网找资料,走了很长一段艰辛的路。现在我觉得应该总结一些我的学习经验,对于初学者来讲可以指引一条明路,应该怎样更好更快的掌握网页制作的工具,以及相关的图像处理软件、动画制作软件等。通过此教程的学习,我们不仅教会你网页制作,还会在讲解的过程中牵涉到其它方面的知识点,对你来讲,将会是受益匪浅。所需软件:1、Macromedia Dreamweaver 8.0-网页制作软件2、Adobe Photoshop 7.0-图像处理软件 or fireworksmx8.03、Macromedia Flash 8.0-动画制作软件第一章 建立站点一、站点的建立第二章 做网站之前的构思一、确定主
3、题二、搜索同类型网站进行比较1、搜索引擎 -百度的使用2、图片的保存3、文字内容的保存4、百度搜索功能的延伸三、整体框架的确立第三章 DW 表格的使用一、DW 界面介绍二、新建文件三、文件保存四、表格的应用第四章 深入了解 DW 表格的应用1、单元格填充与单元格间距2、表格边框线的设置3、单元格填充颜色4、表格细边框线的制作方法第五章 网页超链接1、子页的建立2、网页互链3、浏览网页,体验互链4、在新窗口中打开链接的页面第六章 Dreamweaver 离不开的 Photoshop 应用第一章 建立站点一、站点的建立我们先来讲一下,做一个网站之前,我们要先建立一个站点,简单的说,就是在电脑硬盘上
4、某个位置先新建一个文件夹,用来存放整个网站的内容。比如,我在 E 盘下建了一个文件夹叫做“website“,然后在“website“下建了一个文件夹叫“img“,专门用来存放图片的文件夹。等会我们的页面文件就放在“website“文件夹内,与“img“处于同一级目录下。(注:初学者常喜欢将文件夹及文件命名为中文的,这是一个不好的习惯。网页中的文件名一定要用英文名,包括 HTM、图片文件名等。尽管你们在自己的电脑上测试是正确的,但在上传到服务器后,用中文命名的文件有可能找不到。所以做网页时要养成用英文或数字命名的习惯。)启动 Dreamweaver(后面简称为“DW”)以后,选择最上排的菜单栏
5、“站点”-“新建站点”,请输入站点的名字,比如“website”,点击“下一步”,初学者还未用到服务器技术,可以直接点击“下一步” ,(若是有,就点击“是,我想使用服务器技术”,选择一项后点“下一步”);出现“您将把文件存储在计算机机上的什么位置?”,点击黄色文件夹,在弹出的窗口中选择我们刚才建立的文件名的位置 E:website,点“选择”,这时候你会发现位置栏显示的是“E:website”,接着点击“ 下一步” ,出现“您如何连接到远程服务器?”,刚开始时,我们只在本地测试,所以先点击其三角形下拉按钮,选择第一个“无”,接着点“下一步”,最后点击“完成”按钮。到此为止,站点建立完毕,在 D
6、W 界面的右边,我们可以看到:(如图 001)图 001第二章 做网站之前的构思一、确定主题做网站之前,要先想好主题,我们的网站是要以什么为主导,我们先讲几个比较简单的:(1)个人网站个人网站一般是以介绍自己为主,包括个人基本资料、个人作品(比如说摄影、绘画)、音乐收藏、心情故事(日记)、留言本、论坛等。这是一个大致的归类,名称的选择可以因人喜好而定。(2)公司网站大部分小企业的网站都会包含以下内容:公司简介、产品介绍、联系我们、意见反馈;比如再加上人才招聘、留言板等。当然,不同类型的公司,所要求的网站内容就不相同。(注:不同目的的网站,其分类就各不相同,关键就是你想把多少内容展示在网上让别人
7、知道。)二、搜索同类型网站进行比较1、搜索引擎 -百度的使用对于初学者来讲,要做一个网站会感觉很迷茫,没关系,你可以参考别人的网站。但是,你不要说你不懂得去哪里参考哦。向你推荐最好最强的中文搜索引擎-百度。在 IE 地址栏中输入 按回车确定,出现(如图 002)图 002当前“网页 ”处于选中状态,就表明我们现在将要搜索的就是网页内容,在输入框中输入你想找的内容,比如“个人网站”,点击“百度搜索” ,这时候就会搜索出几百万条包含“个人网站”这四个字的相关网页,你在搜索结果中点击其超链接,就可以访问别人的网站。一页内容看完后,滚动条拉下来,可以接着点击“下一页”,(如图 003)图 003在参
8、考别人网站的时候,你可以了解别人的设计思路,对初学者来讲,先看一下别人做了什么内容在网页里,收集一些有用的资源,如素材图片、文章、音乐等。2、图片的保存在浏览别人的网页时,看到漂亮的图片,我们就可以将它保存起来,对着图片点右键,选择“另存为” ,在弹出的窗口中选择保存位置,比如放到 E:websiteimg(这是我们之前建立好的专业来保存图片的文件夹);3、文字内容的保存如果你看到一篇好的文章,如何将它保存起来呢?方法一:点击“文件”-“另存为 ”,选择保存的位置,保存类型选哪个呢?(如图 004 点下拉菜单有多种保存类型)图 004从字面上理解,我们知道:(1)网页,全部( *.htm;*.
9、html)-保存下来的时候是一个网页文件和一个包含该页图片相关信息的文件夹。这种方法对于图文都需要的读者来讲,是一种比较便捷的保存方法,等看完后,再对不用的信息做删除整理。(2)Web 档案,单一文件( *.mht)-这种形式保存下来的,就像你在网上看到的效果一模一样,只有单一的一个网页文件,对于没有宽带的用户来讲,到网吧搜索了多个页面文件,将其保存成 Web 档案格式,回家后打开来看,就跟上网看到的效果是一样的。(3)网页,仅 HTML(*.htm;*.html)-这种保存类型图片将无法显示,文字内容可以照常显示;(4)文本文件( *.txt)-这种保存类型就是把网页中所有的文字保存为文本文
10、件的格式,不过有一个不好的地方就是所有的文字不会像网页上划分的布局完整的显示,你还必须自己找到自己所需的内容。以上四个不同的保存类型,自己可以根据需要来选择。附:4、百度搜索功能的延伸讲到百度,除了网页搜索,其图片及 mp3 搜索功能也是非常强大的。在我们前面图 002的位置,如果你想搜索图片,就先点击“图片”,然后再输入关键字,进行搜索。也可以直接访问: 就是进入百度图片搜索子页,输入关键字进行搜索;想找歌曲的话,就在前面图 002的位置,点击“MP3” ,然后再输入歌曲名进行搜索,也可以直接访问: 就是进入百度歌曲搜索子页,输入关键字进行搜索;比如我想找一首歌来做为网页的背景音乐,通常被用
11、于网页的背景音乐选择 mid 格式的比较小。比如,我们来找一首“北国之春”,见图 005图 005我在搜索框中输入“北国之春”,下面的格式我选择“其它”,点“百度搜索”,搜索结果如 图006图 006我们会发现,搜索出来的 mid 格式的文件才 51.5K,比如其它格式的文件就小得多了,(这里,补充一个常识,1M(1MB 的简称)=1024K(1024KB 的简称);三、整体框架的确立想做出一个漂亮的网站,并不是直接在 DW 中就能够编辑得很完美的,一个成熟的网站是前台美工与后台程序的结合。网页设计师在用 DW 之前,都会先用 Photoshop 把整个页面的设计效果图做出来,然后再分割裁剪,
12、最后才是在 DW 中实现网页格式。如果你不懂得 Photoshop 怎么办呢?没关系,我们会在后面的章节中教你,现在我们先从最基本的学起。我们来看一个最普通的框架结构,如图 007图 007通常的网页都是被分为上中下三部分,中间部分分为左右两侧,左边点的分额比右边小,整个网站的主要内容就都是在 right 部分显示,top、left、bottom 的内容可以在所有页面保持一致,固定不变。top 部分通常被分为左右两侧,左边会放一个 LOGO,也就是网站的名称,右边的话,分为上下两部分,上部分放一个 468*60 的 banner(广告横幅),下面就是放置导航栏按钮,这些按钮所体现的也就是你整个
13、网站将要划分为哪几部分内容。第三章 DW 表格的使用一、DW 界面介绍,请参看图 008图 008二、新建文件“文件”-“新建 ”,在弹出的窗口中,默认就是类别为“ 基本页”,基本页为“HTML” ,点击“创建”按钮。如图 008_1图 008_1三、文件保存我们要养成从一开始就保存页面的习惯,而且在制作的过程中也要每隔一段时间就做好保存工作,以免内容丢失。点击“文件 ”-“保存” ,选择保存位置“E:website” ,文件名为 index.htm,点“保存” ,这时在DW 右侧的面板上我们可以看到根目录下多了一个 inde.htm 的文件,如图 020图 020注:为什么我们要将文件命名为
14、 index.htm 呢?因为当我们浏览一个网站时,第一眼呈现在你面前的这个页面,我们将其称为首页,默认的首页是 index.htm 或 index.html 或Default.htm 或 Default.asp 或 index.asp 等。我们目前最常用到的就是“index.htm”首页建好后,我们就可以首手开始把准备好的内容做成网页的格式了。怎么样来排列这些文字呢,接下来我们来讲一下表格的应用。四、表格的应用表格是个非常灵活的工具,它可以控制你的网页将要显示多大的宽度。你在浏览网页的时候,有时候看到一些网页占满了你的整个屏幕,有的只是占了百分之七八十,绝大多数页面是居中,有的是居左。那如何
15、来设置网页的宽度呢。这跟我们显示器的分辨率有关。现在绝大部分人用的显示器都是 17“纯平,设置的分辨率以 1024*768 居多,部分人还是设置为800*600,在几年前,800*600 是比较普通,因为那时候用的显示器大部分是 15“的。现在绝大多数的网站,其网页设置的宽度为 778 象素,这样子可以保证在 800*600 的分辨率下,看到的是满屏状态,如果在 1024*768 状态下,就处于居中位置,两边还留出一定的空白,现在常被用来做对联广告。如果你想在 1024*768 的分辨率下看到满屏,可以将网页的宽度设为 1000 象素。前面我们提到的页面宽度都是固定的象素值,那我们能不能设置一
16、种页面宽度,不管是在800*600 还是在 1024*768 的情况下,都能保证满屏呢?可以,这时我们的网页宽度就应该设置为 100%,而不是用象素来定义了。但做 100%对初学者来讲有一定难度,我们在后面章节会讲到,有兴趣的再去体验体验。在前面图 007中我们讲到,一个网页通常被分成上中下三块,这样子我们就可以用插入三个表格来制作网页。为什么我们要分三个表格,而不直接插入一个三行一列的表格呢,那是考虑到为了加快网页浏览的速度。我们在本地测试浏览时,通常不会发现变化,但如果是上传到服务器上,网速有快有慢,网页表格内容如果又很多,我们不分表格,这样子网页的加载速度就会很慢,你会等了很久才看到整个
17、页面完全显示出来。所以我们在做网页时,能够尽量以横向表格分割开的,就多分几个表格来制作。1、我们以图 007中的 top 为例,首先插入一个一行两列的表格,如 图 009所示:图 0092、显示结果如下:3、叶子在做表格时,习惯对表格的宽度和高度进行准确严格的设置,经验证明,养成这种习惯,自己很清楚每个单元格的宽度高度,避免出错。现在我们来设置表格的高度,将鼠标移到表格的边缘,待出现四个方向箭的标志时,单击鼠标左健,表格处于选中状态,如图010所示:图 0104、接下来我们来设置表格的高度为 90 象素,如下图所示:图 0115、设置后,表格变成:6、上图两个空白区域叫做“单元格”,我们设置第
18、一个单元格的宽度为 180 像素,第二个单元格的宽度为 598 象素。将鼠移移到第一个单元格单击,这时底部的属性栏显示的就是单元格的属性,如图 012所示,图 0127、两个单元格宽度设置好后如下所示:8、接下来我们在第二个单元格内插入一个两行一列的表格,如 图 013所示图 0139、这时候你会发现,我将宽度设置为 100%,因为我们刚才已经设置这个单元格的宽度为598 像素了,所以现在在这个单元格内插入的表格我们就可以用百分比来控制。然后将第一行的高度设置为 65 像素,第二行的高度设置为 25 像素;如下所示:10、接下来,我们在第二行的单元格中再插入一个一行五列的表格,高度为 25 像
19、素,如下所示:11、接下来选中这五个单元格,设置宽度为 20%,将鼠标在第一行单元格单击,然后按住鼠标左健不要分开,向右拖动,如图 014所示:图 01412、接下来设置单元格的宽度为 20%,如图 015图 01513、我们输入五个导航栏按钮的文字:这时候你会发现文字在单元格中是处于居左的位置,将其设置为居中。本站首页 个人作品 音乐收藏 留言本 论坛14、如上面所讲,选中五个单元格,在属性栏中设置水平:居中对齐;如图 016图 016本站首页 个人作品 音乐收藏 留言本 论坛总结:通过上面所举的例子,我们知道,网页其实就是一个一个的表格累积起来,每个表格又是分成几行几列,在每个单元格中又继
20、续插入表格,一层层分化下去,插入表格的好处,就是可以独立的选择出一块内容出来,对其进行修改删除等。有些人喜欢用拆分单元格的方法,经验证明,拆分单元格很容易影响整体的编辑。第四章 深入了解 DW 表格的应用1、单元格填充与单元格间距在图 009中,我们发现单元格填充与单元格间距都设置为“0” ,这是什么意思呢?图 009我们先将表格的边框设置为 1,再来看效果:表格 表格表格 表格表一:(单元格填充:0 ;单元格间距: 0)表格 表格表格 表格表二:(单元格填充:5 ;单元格间距: 0)表格 表格表格 表格表三:(单元格填充:0 ;单元格间距: 5)从表一、二、三设置的值我们可以看出,“单元格填
21、充”是指单元格内文字与四条边框线之间的距离,单元格间距是指上下左右两个单元格之间的距离。有些人说我不想让文字太靠近边缘,我用空格来分隔不也可以吗?但是你不要放了,如果这是一个多行多列的表格,你在每个输入的单元格内都按空格,那岂不是很麻烦。如果我们用单元格填充来设置,那就方便了很多。附:讲到“空格” ,我在这里补充讲一下,我们输入一篇文章时,首行都要空两格,可是你会发现,在 DW 中如果你按了一次空格键后,再按第二次就没反应了,实现的方法是同时按下“Ctrl 键+Shift 键+ 空格” ,要空几格,就重复按几次;2、表格边框线的设置DW 默认的边框线是比较粗的,我们设置表格的边框线为蓝色,选中
22、表格,在属性栏中边框颜色下拉三角号点一下,在弹出的颜色表中选中蓝色,请参看图 017图 017设置完后显示结果如下:表格 表格表格 表格表四3、单元格填充颜色选中表格,在属性栏中“背景颜色”下拉三角号点一下,选择颜色为黄色。请参看 图 018图 018显示结果如下:表格 表格表格 表格4、表格细边框线的制作方法例:(1)插入一个两行两列的表格,设置单元格填充为 0,单元格间距为 1,表格边框为0;(2)选中表格,设置背景颜色为黑色;(3)选中所有单元格,在属性栏中设置背景颜色为白色;结果如下:表格 表格表格 表格在 DW 的编辑状态下,你看不太清楚细边框线是怎么回事,按 F12 即可浏览网页,
23、效果如图 019图 019边框线的颜色可以自己随意修改,再配合前面讲过的设置单元格的宽度高度,文字在单元格中的水平垂直位置的对齐等设置,就可以设计出符合自己要求的表格出来了。总结:这里涉及到的就是“表格”和“单元格” 的区别,选中表格的方法,是鼠标移到外边框线的边缘,待出现四个方向箭的图标时,单击,就是选中整个表格,在对应的属性栏内设置的就是关于表格的属性;选中单元格的方法,是将鼠标移到某个格子内,单击,若要选中多个单元格,则按住鼠标左键不放,往右下角拖动,就可以选中多行多列的单元格,然后在属性栏中对其进行设置。只要分清表格和单元格,操作起来就不会感觉混乱。我们做网页时,是因为把表格的边框线设
24、置成 0,所以在你浏览网页时,看不到框线,可实际上它都是用表格来进行规划的。只是在需要显示表格边框线的时候才显示,所以这就是为什么前面我们要讲到,做网页其实就是由多个表格组合而成,每个表格里又分单元格,然后在单元格内又继续插入表格,道理就在此。多加揣摩,另外也要通过不断的实践,遇到问题了,你才会去想如何解决,如何实现自己想要的效果。等你掌握比较熟练以后,你会发现,并不是只有唯一的一种方法可以实现,方法有很多,只是实现起来的难易程度不同罢了。第五章 网页超链接1、子页的建立前面我们已经讲过首页的建立了,其它子页我们统称为子页,比如我们以一个个人网站为例,导航栏按钮包括:本站首页 个人作品 音乐收
25、藏 留言本 论坛本站首页:index.htm- 我们前面讲过首页的建立,个人作品:zuopin.htm音乐收藏:music.htm留言本:bookdefault.asp-涉及 asp,暂不讲论坛:bbsdefault.asp-涉及 asp,暂不讲我们来看一下如何建立 zuopin.htm?方法一:zuopin.htm 和 index.htm 有一些地方是相同的,我们可以把 index.htm 的页面另存为zuopin.htm,点击 “文件”-“另存为”,保存位置选择“E:website”,文件名为 zuopin.htm,点击“保存 ”,这样子 zuopin.htm 就和 index.htm 一
26、样了,我们将其不同的内容删除掉,换成个人作品所需的内容就可以了。方法二:按照前面讲的新建页面的方法,重新建立一个空白页面,然后把 index.htm 中相同的地方复制一下,到 zuopin.htm 中粘贴,然后再进行其它编辑。music.htm 按相同的办法做好后,我们将会看到图021图 0212、网页互链根目录下现在已有三个页面文件,我们要实现这三个页面这些的互相链接。每个页面都有导航栏文字,我们都要对其添加超链接,实现点击这些文字的时候就能到达所需的页面;我们先打开 index.htm 页,选中“本站首页”这四个字,在属性栏中,点击“链接”右边的黄色文件夹,如图 022图 022在弹出的窗
27、口中选择“E:websiteindex.htm”,点击“确认”按钮,如 图 023图 023此时会出现,“本站首页” 文字变成蓝色,而且加了一条下划线,如 图 024图 024将光标定义在“本站首页” 这四个字上,会发现属性栏中的链接写的是 index.htm,如图 025图 025按照相同的办法,对“个人作品”加超链接,链接到 zuopin.htm 的页面,“音乐收藏”链接到music.htm 的文件。首页做完以后,zuopin 页也有这些导航栏文字,也要重新做一遍超链接,现在你是不是感觉有点麻烦了呢,为什么我不能只做一次超链接,就在所有页面都可以用呢?其实可以,就是我们最初做好首页的时候,
28、就把超链接加好了,再另存为 zuopin.htm,这样子在编辑zuopin.htm 的时候就不需要再重复做一次超链接了。3、浏览网页,体验互链超链接都加好后,要按 F12 键浏览网页时,鼠标移到这些有加下划线的文字上时,鼠标会出现手形,状态栏上会有显示这些文字相应的链接地址在哪,点击文字就可以到达所要的页面,在另外的一个页面,也可以链接到其它页面。网站就是由两个或两个以上的页面通过互相的链接而形成的。4、在新窗口中打开链接的页面通过刚才的例子,我们会发现,我在首页点击“个人作品”,打开的 zuopin.htm 就把index.htm 的窗口给“覆盖”了,如果我希望浏览的时候,zuopin.ht
29、m 能自动在一个新的窗口中显示,那怎么办呢,回到刚才加超链的位置,在右边目标一栏下接三角号,选择_blank,如图 026图 026好了,现在再浏览首页点击“个人作品”看看,是不是就另外开了一个窗口了。第六章 Dreamweaver 离不开的 Photoshop 应用如果你对 Photoshop 不熟悉,没有关系,通过本章的学习,我们会让你掌握做网页过程中,Photoshop 处理图片所发挥的作用。第一节 按钮的修改一、按钮文字的替换我们在浏览别人的网页时,可能会发现,有些人做的按钮图片很漂亮,我们也想做成跟它们一样的效果,只是要把文字替换成自己的,怎么办呢?我们先来看一下这个按钮, ,我想把
30、“首页”这两个字换成“论坛”,1、在 Photoshop 中打开这个图片文件 button1.gif,将鼠标移到工具栏中,选择左上角第一个矩形选框工具单击,在弹出框中选择最后一个“单列选框工具”,如图 027 所示:图 0272、然后移到图片中间单击,接着按键盘上的“ALT”键+“T”键,如图 028 所示,出现了三个矩形框,图 0283、将鼠标移到中间的矩形框,待鼠标变成“左右方向箭 ”时,按住鼠标左键不要放开,向右拖动,如图 029 所示,按钮上的字就被擦除掉了,而且保持整个按钮原有的背景效果。图 0294、然后按回车键确定,再按“CTRL”键+“D”键,取消选择框,如图 030 所示:图
31、 030提示:为什么我们可以采用这种方法把文字去掉,保留原有的背景效果呢?从这张图上我们可以看出,这个按钮的填充色是自上而下的一个过渡色效果,所以我们利用的原理就是选择其中的一个垂直象素的图片来填充。相同道理,如果按钮的渐变是从左向右,那我们就选择“单行选框工具” ,通过上下拖动的方式来完成填充。-这是非常实用的一个图片处理方法,你会发现,单行或单列的选框有时候并不能很好的满足我们的操作,这时你可以换成矩形框,我只要框取图中的一小块区域,然后同样按 ALT+T,再按动小方块来实现局部区域的填充。对于一些复杂背景的处理效果,我们会在后面的章节中继续介绍。5、接下来我们要来输入文字,选择文本工具“
32、T”,然后移到图中单击,输入“论坛”二字;(在此之前,我们要先完成一步操作,那就是点击“图象”-“ 模式”-“RGB 颜色”,因为我们刚才打开的是.gif 格式的图片,默认的图象模式是“索引颜色”,为什么要改成 RGB 颜色,我们会在后面的章节中另外介绍,如果你有兴趣,也可以先研究一下这两者的区别。)图 0316、设置字体属性,如图 032 所示:7、改变字体颜色:首先我们先来介绍几处跟颜色相关的,如图 033 所示:图 033图 034设置文字颜色为白色,如图 035 所示:图 0358、设置文字的字间距:9、移动工具的使用,如图 037 所示:图 0378、图片保存点击菜单栏中“文件”-“
33、保存为 Web 所用格式”, 如图 038 所示:图 038二、按钮加宽缩小1、按钮加宽比如我们要输入文字“个人作品”,这时按钮宽度不够,我们需要增加;(1)点击菜单栏中的 “图象”-“ 画布大小” ,将“相对”左侧的复选框选中,定位在水平居左,垂直居中的那格,在宽度栏中输入 40 象素,按“ 确定”图 039结果如图 040 所示:图 040(2)用“矩形工具”框选右侧的一部分,然后点击“移动工具”,再一直按向右方向键,直到如图 041 所示,按 Ctrl+D 取消选择区域,图 041(3)用单列选框工具在图中间单击,再按住 ALT+T,拖动中间的小方块向右拉,如图 042所示;图 042(
34、4)选中“文字图层”,在图中单击,把文字“论坛”换成“个人作品”,如图所示;(5)用此方法将几个所需的按钮制作出来,效果如下所示:2、文件的保存( PSD 格式)Photoshop 一个重要的特点就是图片文字都可以是分开独立的图层,如果你希望把一个文件保存起来,在以后还可以继续拿出来编辑,而且图片和文字都还是分开的,那你就必须保存成.PSD 的文件,而不能存为.gif 或.jpg,否则所有图层就会被合并起来,日后你要重新编辑就麻烦了。点击菜单栏中“文件”-“保存 ”,如图 043 所示,输入文件名,选择保存位置,点击“保存”图 043三、按钮颜色的修改Photoshop 有一个非常实用的调整颜
35、色的工具,那就是点击菜单栏中的“图象”-“ 调整”-“色相/饱和度” ,也可以直接按键盘上的 CTRL+U 调出“色相/饱和度” ,如图 044 所示:图 044拖动“色相 ”、 “饱和度”、“明度 ”的滑块向左向右移动,看看效果。下面是赠送的工作总结!不需要的朋友可以编辑删除 谢谢!上半年中学语文教研工作个人总结根据 xx 市教育教学研究培训中心的工作要求,结合本学科的实际情况,本人尽职工作,使得中学语文教研工作顺利展开并取得较好的成果。现在小结如下:一、主要工作(一)积极参与备考,努力开展中考、高考备考工作中考、高考的备考工作是本学期语文教研工作的重中之重,新年伊始本人便开始制作关于备考的
36、文件,并 2 次带领初三、高三教师到 xx 参加省级中考高考备考活动,我市 xx 中学吴 xx 老师还在高考备考会上做有关作文写作的经验介绍;回到市里,本人还亲自请来省研培院的刘 xx 教研员和 xx 中学的王 xx老师做有关中考高考的备考指导,让一线的老师有了明确的备考方向。每一次活动本人都制作简报通报,中考备考现场有 113 位教师参加,高考有 101 人参加。(二)关注教研博客,及时组织教师参加在线研讨网络教研已成为教研的常态,本人一直关注 xx 省教育研究培训院和 xx 省中学语文博客,每天都有两次登录博客的痕迹,及时了解最新教研动态,开展相关工作和在线研讨,5 月 8 日组织全市中学
37、语文教师,参加 xx 省中学语文教研网组织的主题为记叙文写作指导的有效策略的在线研讨,参与人数 135人,评论条数 844 条。有简报通报和研讨得失的小结。(三)关注课题研究进展,及时向省研培院汇报进展情况我市思源和第二思源实验学校语文组承接课内拓展阅读课型构建与实施省级课题研究,本人主动承担课题研究的信息员,负责传递省里的信息并督促两所学校及时开展各项研究工作,制作简报,收集材料。组织相关教师到 xx 和 xx 学习课题研究方法,多次到两所思源学校听课题研究汇报课,深入了解课题研究的进展情况。因为工作进展顺利,研究课型特别,第二思源实验学校课题研究小组还被省研培院课题研究组长刘xx 老师推向
38、全省做经验介绍。参与成员(四)积极组织学生参加汉字听写大会,为 xx 赢得好成绩接到 xx 省教育厅关于开展第三届“中国汉字听写大会“xx 选拔赛活动的通知,我们便着手举办市级大赛,于 4 月 25 日在市一小举办市级选手选拔赛,共有 13 所中学 78 人参加。在研训中心举办省级选手选拨赛,最后确定 6 位选手参加省级大赛。省级大赛的第一轮是淘汰赛,我们以全省第六名的成绩顺利晋级,在第二轮的对抗赛中,我们的队员全员击败对手,全部晋级 40 强,最后有两位选手挺进全省 20 名。此次活动我们止步于全省前 20 名,但是我们的成绩是突出的,我们的选手是优秀的。(五)积极组织教师参加 xx 省语言
39、办开展的问卷调研工作根据 xx 省教育厅关于xx 省民族地区中小学教师普通话使用情况调研方案的文件精神,我市共有54 所学校 457 人被抽中参加调研工作,为了配合省调研组在我市的调研,我们于 6 月 27 日在铁路中学开展现场问卷调查工作,共有 53 所学校 418 人参加调研。我们的组织工作得到了省语言办领导的肯定。(六)积极参加常规检查工作,认真梳理存在问题本次常规检查是覆盖最大的一次检查,本人担任小组组长,负责检查的学校有 28 所学校,人手少任务重,但是我们每一次都会很有条理完成检查工作,每一次检查结束我们都会认真梳理检查过程中存在的问题,并一一记录向校方反馈。(七)为提高备考效率,
40、积极开展送教下乡活动为缩小城乡教育差别,我们针对备考过程显得比较薄弱的学校开展送教下乡活动,5 月 22 日我们邀请第二中学的赵 xx 老师到 xx 中学上了一节中考作文复习课,针对近几年的作文走势进行分析,指导学生写作,起到很好示范作用。(八)服从领导安排,努力完成上级交办的各项任务1、四次下到东河中心校指导国家基础教育质量监测工作,顺利完成所有的监测任务。2、积极备课,在乡镇教研员培训过程中,本人主讲的网络教研和如何晒课获得许多教研员的好评,此次讲课也大大提升了自己的理论水平。二、存在的问题和今后的努力方向(一)存在问题1、备考工作表面上活动展开得风风火火,但是实际上高一高二和初一初二的老师参加的不多,没有达到预期的目的。2、要想使城乡教育均衡发展单单靠送教下乡的途径是不可能解决实际的问题,乡镇中学的备考工作有待加强。3、网络教研未见常态化,最大的问题在于教师没有接纳,在于我们的资源不足于吸引教师,问题在于我们的不改变。(二)努力方向1、积极参加各种培训,努力提高自身素质,提高教研工作能力。2、开展每一次活动之前,多多做点活动前的准备工作,力争让与活动相关的人员了解活动的重要,从思想上提高教师的参与意识。3、多花一点时间关注乡镇教育,尽量让边远的孩子感受到或享受到优质的教育资源,让基础教育落到实处。4、努力从根本上克服思想上产生的惰性,使自己的每一项工作都充满激情。