Dreamweaver新手上路课件

Dreamweaver新手上路服从真理，就能征服一切事物Dreamweaver新手上路Dreamweaver新手上路服从真理，就能征服一切事物第三课Dreamweaver新手上路基础知识DreamweaverMX2004的工作界面。目前学校教育正在由传统的应试教育转向全面推行素质教育，提倡创新教育。教育教学改革正呈蓬勃发展的态势，教研教改可谓百花齐放，百家争鸣，形势喜人。然而大部分农村初中，由于种种因素的影响，教育教学现状却不容乐观。许多学校应试教育仍占据着统治地位，尤其是教研教改滞后于新课改的要求。笔者认为，农村初中教研教改滞后的原因主要有以下几点：一、对教师工作的评价方式欠科学受传统的评价机制影响，评价一个教师工作的优劣，仍多以所教学生的成绩作为唯一的衡量标准，年度考核、评优奖励也多以统考成绩为主要依据，因而导致大部分教师在实际教学中死扣书本，片面追求分数，搞题海战术，强调死记硬背，靠短期突击来提高学生成绩。甚至一部分教师急功近利，将课本上某些探究性活动、实习作业等培养学生创新思维和实践能力的内容随意删去。面对这样的现实，许多有志于教研教改的教师感到无所适从。二、初中教师队伍整体素质不高首先是学历不合格的教师甚多，而有些科目合格的专任教师较缺。其次是每年补充到学校的教师，有一部分没有受过良好的师范专业教育，许多是中专毕业生。这些青年教师踏上工作岗位的三五年内，主要精力不是放在学习教育教学理论、熟悉教材、钻研教法等方面，而是一门心思参加各种自考，以换取一张高一级的文凭为奋斗目标，一部分教师本身素质不高，搞教改也感到力不从心。此外，农村学校条件较差，有相当一部分教师竞争意识淡薄，有安于现状的心理，因此参与教研教改的人数很有限。三、学校领导对教研教改重视不够常言道：只有落后的领导，没有落后的群众。一方面受应试教育的影响，大多数的学校领导虽然口头上提倡支持搞教改，但更关心的是统考成绩名次，更注重的是学校常规管理，对教师钻研教育教学理论、撰写论文重视不够，对各科教研无具体量化要求。教研会上内容多是教学常规要求检查等，很少涉及专项课题教学研究、教学方法探讨、交流等内容，或只注重教的研究，而忽视学的研究。所以教师之间整体教研水平提高很慢。大多数学校在制定教学奖惩制度方面，也很少考虑如何调动教师参与教研教改积极性的因素。另一方面，搞教研教改毕竟是一项费事大、见效慢、需要不断探索总结的长期工程，远不及学校的绿化美化等一些外在建设更能显示领导的政绩，所以常常被一届届的领导们当做软任务一推再推，而教师就是想扎扎实实地搞教研，由于得不到领导的大力支持，也会心灰意冷。四、学校用于搞教研教改的经费太少在农村初中，实行了一费制后，经费十分紧张，各校用于教研教改方面的经费微乎其微，学校图书室可供教师借阅的专业性书刊少得可怜，教师查阅资料困难。有些主管教育的部门为了维护地方经济权益，每年向教师硬性摊派订阅报刊任务，但许多对教育教学有帮助的专业报刊教师们订阅却很少。这样下去，教师学习新知识、接受新信息的机会很少，所以许多人想搞教改也苦于资料少而却步。五、“直升”后班额大，生源差由于现今小学毕业直升初中，受诸多因素影响，近年来，农村初中各班学困生人数有增无减，比例居高不下，约占全班人数的15％～20％左右。这些学生基础知识“欠账”太多，和初中教材内容无法很好地衔接，他们由于知识脱节而学不懂，由于学不懂而厌学。另外，近几年入学新生人数骤增，因而班额大、生源差也是制约初中教学质量提高的一个主要因素。同时学校看重的又是教师所教学生的成绩，这样的现状使许多教师在教学上缺乏自信，教学方法的选择上感到很困惑，教学改革上也顾虑重重，所以很难实施真正意义上的教改实验。为了改变农村初中教研教改滞后的现状，提高教学质量，使素质教育实施落到实处，现提出以下几点建议：1．改变对教师工作的传统评价方法。在评价中摒弃以“成绩”定优劣的一元化方法，开放式地收集评价信息，全面了解教师的教学行为，力求从过去“量化”模式考评，形成以教师自评为主，学校领导、同事、家长、学生共同参与的多元化教师评价制度，建立一套对教师的教学工作科学、合理、有效的评价体系。把教师从应试教育的桎梏中解放出来，使他们无所顾虑地搞教研教改，全身心地推行素质教育。2．优化教师队伍。凡进校教师首先学历必须合格，应提倡和支持青年教师离职进修，进行系统的学习。面对青年教师在教师队伍中所占比例大这一现实，各校都要把青年教师的培养当作头等大事来抓。要制定行之有效的培养计划，积极组织青年教师参加各级教研教改组织开展的优秀论文评选、优质课竞赛、青年教师拜师、说做评等活动。要大力支持和奖励参与教改实验的教师，注意总结推广中年教师多年积累的教学经验，让他们在教研教改中发挥好传、帮、带的作用。有条件的地方还可以尝试进行定期的城乡教师对调活动，提升农村初中教师素质，逐步改善学校越偏僻教师素质越差的局面，力争短期内使农村初中教师队伍建设能够再上新的台阶。六、教研教改应列入学校的议事日程和学校其他建设一样，用于搞教研教改的经费应保证一定的数量。学校每年应征订一定数量的专业报刊，坚持开放阅览室，要更新充实有关图书，让图书室为师生的教与学发挥一定的作用。同时，建议主管教育部门应从教育的长远利益出发，应从提高教师专业素质着眼，把订阅报刊的权利还给教师本人，努力营造一个适宜教研教改的文化氛围。各校要深入研究大班额下课堂教学的特点，创造条件分小班授课。要认真分析探讨“直升”后农村初中的校情学情，找准教研教改的切入点。学校应有专职校长负责，对教研教改要勤督促、多检查、定任务，把开展教研教改活动当作一项重点工程常抓不懈。教育部门要把学校开展教研教改的好坏作为考核校长工作的一项主要内容。总之，农村初中教研教改滞后的现状，已严重影响到教育教学质量的提高，影响到素质教育的全面实施。要使新课改在广大农村初中开花结果，使农村教育跟上形势发展的要求，必须重视教研教改。许剑空白，是艺术家在创作时候常用的一种表现手法.画家画画，总要留点空白，留给欣赏者遐想的余地；文人写诗，妙处常在无字句处.让读者从有尽的文字中体会无尽之意.教育也是一门艺术，我们在物理教学中如果能运用一点空白艺术，来代替“满堂灌”，给学生留下自觉思维的空间和知识内化的时间，让他们有所思，有所求，势必能够激活课堂、启发思维，达到“此处无声胜有声”的效果.一、设疑“空白”，有利于激发学生的求知欲如何上好课，开好头，引言是前提.成功的引言，不仅起着承上启下的作用，而且能吸引学生的注意力，激发学生的求知欲和学习兴趣，开拓学生的思维，发挥学生的想像力，活跃课堂气氛，创设教学佳境.而把空白这一手法运用于引言之中，恰能适合中学生好奇心强、求知欲旺盛的特点.即从一堂课的开始或导入新知识时，教师给学生设下悬念，故意留下空白，问而不答，从而吸引学生的注意力，激发学习兴趣，强化学习动机.例如，在学习“物体的浮沉”时，可拿三只乒乓球引入：学生你们说我这些乒乓球放到水里，他们会怎样呢？学生异口同声说：浮在水面.可把事先准备好的三只乒乓球同时放入水中时，一个浮在水面，一个沉入水底，一个悬在水中，这时学生都瞪大了眼睛想知道这里面包含有什么物理原理，由此展开了新课的教学；在学习“大气压强”时，可在课前表演了一个小魔术：空碗变鱼，一开始我拿一条毛巾铺在桌上，再拿来一只碗，碗口朝下，在空中转了几圈，表示碗中无物，把它扣在毛巾上，然后拿起小碗连毛巾转个个儿，使碗口朝上，将毛巾掀开，碗中是满满的一碗水，水中还有一条金鱼在游动.这时学生急切的想知道这碗水和鱼从哪来的？包含什么物理知识在里面？此类导入，都是从学生身边的现象、事实入手，通过设置疑问，创造了学生思维上的矛盾冲突，给学生留有思维上的“空白”，从而激起学生通过学习来填补“空白”的欲望，起到“激其情，引其疑”的作用.一堂课虽有良好的开端，成功的过程，但如果结尾草草收场，也会功亏一篑.好的结尾必须圆满有力，使知识得以概括和深化，起到画龙点睛的作用.所以当新课结束时，为了能让学生带着问题走出课堂，能让学生养成反思的习惯，笔者常常在结束时提出一个或几个问题，这样能让学生带着问题走出课堂，使他们养成反思的习惯.学生带着如何解决这些问题的强烈愿望结束这一知识的学习，往往得到“言有尽而意无穷”的教学效果.如，在小结“浮力”时，说：我们今天学习什么是浮力和影响浮力大小的因素，那么浮力的大小如何计算？有哪些方法？以及如何判断浮力大小的变化？留下这些“空白”，这也为以后教学埋下伏笔，课虽结束，但学生的思维活动还在继续.教学中的空白艺术遵循了学生的认知心理规律，它抛弃面面俱到、点滴不漏的讲解，使课堂开合有度.有时故意对某些教学内容秘而不宣，让学生自己去“填充”；有时创造时间上的“空白”地带，给学生以咀嚼、玩味的余地.这些设计都能唤起学生的注意和紧张，使学生产生一种心求通而未得，口欲言而未达的状态，迫使学生在浓厚的兴趣和强烈的求知探究欲望下学习，这一过程经过对“空白”的疑惑与探究、到教学目标的实现与满足的“质”的飞跃.当学生通过峰回路转的探索，最终登上了豁然开朗的峰顶，便会体会到成功的喜悦和幸福.以此激发学生求知的欲望，又培养了学生思维的广阔性和创造性.二、讲授“布白”，有利于培养学生个性传统教学的满堂灌方式，由于一堂课都是教师一言堂，导致学生的厌烦心理，使教学效果大打折扣.如果在教学中采用空白艺术，就能消除这一弊端.教师讲课在细针密线、鞭辟入理的同时，给学生留有一点“空白”，让学生思考、想象.同时也给学生一个表现自我，展示自我的机会，让学生的独立人格得到尊重.在课堂教学结构的设计中，应在教学时间要素上给学生布下几段“空白”，形成对学生的“召唤”和“期待”，可使课堂教学呈现出动静结合、开合有度的节奏感、和谐美，使学生的思维得到充发发展，个性得以充分体现.因此教者在课堂上应充分利用“停顿”这种暂时性的“空白”，给学生留有思考、想象、回味的余地.例如，有时个别学生在回答问题时，因紧张怯场或是其他原因一时不知如何表达或是表达不够流畅，此时教者不要及于提醒、纠正或是由其他学生代言，应留给学生一段思考、调整的时间，教者可通过表情、手势等体态语言给学生以鼓励、帮助；在学生进行观察、实验、讨论等探究活动的过程中，教者不要及于指导，应放手让学生自己去活动，让学生在活动中发现问题，获得知识；在涉及课堂教学的难点、学生思维的盲点等有关内容时，教者的语速应放慢，留给学生充分思考和想像的时间.比如，在学习“摩擦力”时，其内容较抽象，思维深度较大，学生往往一时很难真正理解和记忆，教者通过学生实验、演示实验和课件展示等直观手段使学生明确影响摩擦力的大小和什么因素有关，有什么关系，此时教师若再留给学生一段交流、讨论、回味的时间，使学生能够自己得出结论，可使学生理解更加深刻.从学生掌握信息的方式方法来看，由于教师在教学中采用“空白”艺术，使自己输出的信息包含着许多潜在信息，并给学生留下了不少自己挑选、整理、获取信息的时机，这样表面看来由于留出“空白”相对减少了教师输出的信息量，但实际上由于是学生自己主动并创造性地接受信息，因而便能培养举一反三的能力，掌握获得更多信息的方法.三、优化“布白”，有利于提高课堂效率教师在课堂上应用“空白”要适度，一节课中不要到处设置“空白”.“空白”太多，会针对性不强，主次不明，教与学只会定格在简单的一问一答上，使创新思维追求的广度和深度无法得以实现.“空白”内容既不能过于复杂，也不能太过简单难度适中，即通过学生已有的知识、能力的提取和综合可以得到结果的程度.课堂教学中的“空白”，克服了“填鸭式”教学的弊端，更有利于学生系统、扎实、牢固地掌握知识.教师一方面要不断丰富“空白”的内容，提高“空白”的水平，着力于将学生由“学会”到“会学”的转化，帮助学生掌握“终身受用”的学习方法；另一方面还要拓宽自己的视野，探求更新更好更适应现代化素质教育的教学方式，形成互补，互相促进.第三课Dreamweaver新手上路基础知识

DreamweaverMX2004的工作界面。重点知识DreamweaverMX2004的工具面板及属性面板的使用。提高知识DreamweaverMX2004中创建一般页面的方法。课堂讲解DreamweaverMX2004的界面介绍DreamweaverMX2004中建立一般网页的方法DreamweaverMX2004的界面介绍DreamweaverMX2004界面介绍菜单概述DreamweaverMX2004界面介绍

DreamweaverMX2004是DreamweaverMX的升级版，较前一版本在界面和功能上都有大幅度的改进，尤其是在扩展的编辑窗口方面有了很大的改变。下面就来认识它的工作界面，如图3-1所示。

图3-1DreamweaverMX2004的工作界面主要由上面标注的几部分组成，下面对主要的部分进行讲解。插入栏文档工具栏编辑窗口网页标签扩展按钮浮动面板组属性面板的使用标签选择器

插入栏“插入栏”（如图3-2所示）包含用于将各种类型的“对象”（如图像、表格和层）插入到文档中的按钮。每个对象都是一段HTML代码，允许在插入它时设置不同的属性。例如，可以在“插入”栏中单击“表格”按钮，插入一个表格，也可以不使用“插入”栏而直接使用“插入”菜单插入对象。在图3-2中若选择“显示为制表符”项，则“插入栏”中的所有项目将以标签的形式显示，如图3-3所示。图3-2图3-3若要重新以菜单方式显示，可单击图3-3右侧的按钮，在弹出的菜单中选择“显示为菜单”命令即可，如图3-4所示。在如图3-4所示的上侧单击相应的选项卡，下侧就会显示相应的工具按钮，图3-5～图3-9分别为“布局”、“表单”、“文本”、“HTML”和“应用程序”选项卡显示的工具栏。图3-4图3-9图3-8图3-7图3-6图3-5文档工具栏

该栏中放置了“文档”窗口视图（如设计视图、代码视图、设计和代码混合视图）按钮、标题设置框和文档管理（如在浏览器中预览网页）等按钮，如图3-10所示。“文档”窗口视图各按钮的含义如下。：单击该按钮可以切换到“代码”视图中。“代码”视图是用于编写和编辑HTML、JavaScript、服务器语言代码（如MicrosoftActiveServerPage（ASP）或ColdFusion标记语言）以及任何其他类型代码的手工编码环境。

：单击该按钮可以切换到“代码”视图和“设计”视图中。在该窗口中可同时看到同一文档的“代码”视图和“设计”视图。 ：单击该按钮可以切换到“设计”视图中。“设计”视图用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。：在浏览器中预览/调试。单击该按钮后，在弹出的菜单中选择“预览在iexplore”命令后即可在IE浏览器中浏览或调试当前网页。：单击该按钮可以刷新当前网页。图3-10编辑窗口该窗口中显示当前创建和编辑的文档，这是进行网页设计的主要工作窗口。网页标签网页标签用于显示打开的网页名称，单击网页标签可在各网页间切换，如图3-11所示。图3-11 扩展按钮扩展按钮有水平和纵向两种，单击编辑窗口右侧的水平扩展按钮，可以隐藏工作主界面右侧的浮动面板组，这样可以在水平方向扩大编辑窗口；单击编辑窗口下方的纵向扩展按钮则可隐藏属性面板，同时在垂直方向扩大编辑窗口。 浮动面板组浮动面板组是停靠在编辑窗口右侧的浮动面板的集合。单击某个浮动面板名称左侧的图标即可展开一个面板。展开后图标变为形状，再单击图标则合拢面板，只显示浮动面板的名称。将鼠标光标移到浮动面板的图标上，当鼠标指针变为开头时，拖动该面板即可将浮动面板移到窗口中的任何位置。浮动面板组中的许多面板项目是非常有用的，可以通过选择“窗口”菜单中的相应项目来显示或关闭相应的面板，如要显示“文件”面板组，可通过选择[窗口][文件]菜单命令来实现。另外，如果想关闭某一面板组，则可单击该面板组右上角的按钮，在弹出的菜单中选择“关闭面板组”命令即可。 属性面板的使用属性面板用于查看和更改所选对象的各种属性。选取的对象不同，其属性面板的参数设置项目也不同。如图3-12所示为“文本”属性面板，如图3-13所示为“图像”属性面板。单击按钮还可打开其他的一些设置项目，单击按钮则可还原。图3-12图3-13 标签选择器标签选择器显示了一些常用的HTML标签，灵活运用这些标签可大大降低设计人员的工作量。比如想选择表格中的某一行，则可通过单击标签选择器中的标签快速选择，如图3-14所示。图3-14菜单概述

除了掌握DreamweaverMX2004的操作界面外，还应该熟悉DreamweaverMX2004的命令。在实际的制作过程中，有许多操作是需要命令来完成的，下面就网页制作中常用的一些菜单及命令进行简单的介绍。“文件”菜单“编辑”菜单“视图”菜单“插入”菜单

“修改”菜单“文本”菜单“命令”菜单“站点”菜单“窗口”菜单“帮助”菜单

“文件”菜单“文件”菜单中包含网页文件操作的基本项目，如网页文件的新建、打开、保存、关闭、浏览、导入以及导出等，选择相应的命令即可执行相应的操作。新建网页：选择[文件][新建]菜单命令，即可打开如图3-15所示的“新建文档”对话框，然后在“类别”列表中选择一种类别，在“基本页”列表中选择一种基本页，再单击按钮，即可创建一个空白页。另外也可以按【Ctrl+N】键来新建一个网页。保存网页：选择[文件]}[保存]菜单命令，则打开如图3-16所示的“另存为”对话框，在该对话框中选择保存网页的路径，再单击按钮即可保存当前网页。另外，也可以按【Ctrl+S】键对网页进行保存。在浏览器中预览：网页制作过程中，需要随时对网页进行浏览，以观看网页在浏览器中的具体显示效果，以便及时发现网页中的错误，方便设计者及时进行修改。要浏览网页，选择[文件]}[在浏览器中预览]}[iexplore]菜单命令即可，Dreamweaver会自动打开IE浏览器显示当前的网页，也可以按【F12】键来浏览当前网页。图3-15图3-16“编辑”菜单“编辑”菜单中主要包括一些对网页对象进行操作的命令，如“剪切”、“复制”、“粘贴”、“撤消”和“重做”等。

“视图”菜单“视图”菜单主要是对工作界面的一些设置，如文档的各种视图（“代码”、“设计”和“代码和设计”），显示和隐藏不同类型的页面元素和Dreamweaver工具及工具栏。如“标尺”、“网格”的显示/隐藏、“文件头内容”等。“插入”菜单用于将对象插入的文档。大部分功能都可以通过“插入栏”中的相应按钮来实现，这里不再赘述。 “修改”菜单

“修改”菜单用于更改选定页面元素或对象的属性。使用此菜单，可以编辑标签属性，更改表格和表格元素、并且为库项目和模板执行不同的操作。“文本”菜单“文本”菜单可以设置文本的格式。“命令”菜单“命令”菜单提供对各种命令的访问，包括一个根据的格式首选参数设置代码格式的命令、一个创建相册的命令，以及一个使用MacromediaFireworks优化图像的命令。“站点”菜单“站点”菜单用于提供与管理站点以及上传和下载文件有关的菜单项。“窗口”菜单“窗口”菜单提供对Dreamweaver中的所有面板、检查器和窗口的访问，若访问工具栏，请参见“视图”菜单。“帮助”菜单“帮助”菜单用于提供对Dreamweaver文档的访问，包括关于使用Dreamweaver以及创建Dreamweaver扩展功能的帮助系统，还包括各种语言的参考材料。DreamweaverMX2004中建立一般网页的方法在上面的学习中，已经熟悉了DreamweaverMX2004操作界面及菜单项目，下面就来创建一个简单的网页页面，通过这个实例的讲解，以使读者了解在DreamweaverMX2004中是如何创建一个网页页面的。

（1）启动DreamweaverMX2004。选择[开始][程序][Macromedia][MacromediaDreamweaverMX2004]菜单命令，打开如图3-17所示的起始页。（2）新建一个空白的HTML网页。在起始页面的“创建新项目”栏中单击“HTML”选项（如图3-17所示），Dreamweaver即会自动创建一个空白的HTML网页。图3-17

（3）在工作区中输入内容。在工作窗口的“编辑窗口”中输入一些简单的句子，如“大家好，这是我的第一个测试网哦！”，如图3-18所示。

图3-18

（4）浏览测试。在工作区中添加内容后需要对做好的网页进行浏览测试。浏览测试的方法有3种，第1种是直接按【F12】键，这是最快捷的方法，建议大家以后尽量采用这种方法。第2种方法是单击如图3-10所示的“文档工具栏”中的按钮，在弹出的菜单中选择“预览在iexplore”命令后即可在IE浏览器中浏览当前网页。第3种方法是选择[文件][在浏览器中预览][iexplore]菜单命令即可在IE浏览器中浏览测试当前网页。

（5）保存网页。

在浏览测试中，如果觉得比较满意，就可以保存当前网页了。保存的方法也有多种，一种是直接按【Ctrl+S】键；另外一种方法是选择[文件][保存]菜单命令，在打开的“另存为”对话框中选择该网页的保存路径，然后单击按钮。上机实战在本课上机实战中，将在Dreamweaver工作区中输入一段文本，并对这段文本进行格式化。最终效果如图3-19所示，其中“极点网王”被设置为加粗，其余文字中还有部分被设置为倾斜，最后再将所有文字设置为“特大”号。通过本课上机实战的练习，读者可以了解在Dreamweaver中创建网页的一般方法，并掌握文字的输入方法，文字加粗、倾斜、大小等的设置方法。图3-19具体操作如下。

（1）启动DreamweaverMX2004程序，在打开的起始页面的“创建新项目”栏中单击选项创建一个空白的HTML网页。（2）在编辑窗口中直接输入文字“极点网王是一个十分精美的站点，是一个主要面向网页制作服务的站点。它包括的内容有网页教程、网页制作软件下载、网页制作素材库，并具搜索、聊天、论坛等功能的大型网站。极点网王，是最Hi的网站”。

（3）下面对这段文字进行简单的设置。选中开始处的“极点网王”4个字，并在下面的“文本”属性面板中单击按钮，这样就可以对选中的文字进行加粗设置了，其效果如图3-20所示。图3-20

（4）选中“网页教程、网页制作软件下载、网页制作素材库，并具搜索、聊天、论坛等功能”这些文字，再单击文本属性面板中的按钮，选中的文字被设置成了倾斜的样式，如图3-21所示。

图3-21（5）选中整个文本内容，再单击下面属性面板中“大小”下拉列表框，在打开的列表中选择“特大