设计网站首页教学反思.docx

设计网站首页教学反思

第一篇：设计网站首页教学反思本节课主要是了解网页的编辑过程，学会在网页中插入文字、水平线、图片等操作，会新建、保存、预览网页。通过和word2003相比较来学习frontpage中有关的文字、图片等的插入，直接给学生布置出任务，让学生分组探究完成。新建、保存、预览网页和word的操作相差不大，可以对照WORD来学习。出示任务始终没找到更适合本校学情的方式，若通过发送，有部分机子接收不到；若通过课本布置任务又不能完全照课本（不适本校学情），只得整合课本选取修整通过口头安排任务，但总有很多学生忘记或搞不清。再有学生差距太大，很多学生始终也没机会补齐所缺知识及技能，每节课基本完不成任务，甚至到现在都还有同学不会正确使用鼠标，很多符号更不知如何输入，键盘的有关基础知识缺失很多，打字太慢，一到输入文字就要浪费很长时间，感觉学生的基础知识和基本操作技能（键盘及鼠标的使用）缺太多，以后要注意逐步补充这方面的内容。还有教学中需要注意的几个问题：1.网站的作用，它与文件夹的区别,网页属性、水平线属性、图片属性设置方法。（引入对象不同，属性也不同，所以属性设置的对话框也不同。）2.对于插入网页中的图片或剪贴画要引导学生调整位置和大小。第二篇：教案【设计网站与制作首页】教学目标1.知识与技能：了解设计网站的一般流程以及网页的基本构成元素；学会运用表格进行版面布局；能够在网页中添加网页元素2.过程与方法：通过制作网站首页，掌握版面布局、添加网页元素和设置网页背景的基本技术方法，达到举一反三的效果。通过学生跟随老师动手设计网站的实践活动，使学生掌握对象属性的设置方法，为学生今后学习其他软件奠定基础。3.情感态度价值观：提高视觉美感素养，能够根据网站主题确定恰当的网页风格并具有初步的创意；使学生善于交流，在分析探讨中学会欣赏与评价。教学重难点1.学会使用表格规划版面布局的方法与技巧2.恰当选取网页元素并进行设置。难点：掌握设置网页属性的一般方法教学过程一、创设情境、引入课题——5min师：同学们，你们上过网吗？哪位同学说说自己都知道哪些网站？可以相互讨论一下。生：百度、新浪、腾讯„„师：非常好，那么同学们还记得它们的样子吗？老师这里有一些我们常用网站的首页，咱们一起来欣赏、探讨一下。哪位同学说说，你最喜欢哪个网页？为什么？生：仔细观察几类首页的特点，并踊跃发言。师：一个网站，最重要的是它的人气。独特的设计、新颖的构思都能够为你的网站吸引大众增光添彩。而首页，作为网站的“脸面”，能不能吸引访问者的注意，它更是重中之重。所以在设计制作首页时需要特别地花心思，那么怎么样设计一个好的首页让网站第一时间抢占浏览者的眼球呢？今天我们一起来学习《设计网站与制作首页》。二、新课讲授1.熟悉Dreamweaver开发环境——6min师演示操作：运行MacromediaDreamweaverMX2004，在“起始页”对话框中，选择“创建新项目”中的“HTML”选项，进入操作界面。师讲解：菜单栏；插入栏；视图模式按钮：设计视图、拆分视图、代码视图；文档工具栏；工作区、版面组、属性面板。师：制作网站的第一步要定义站点。站点是存放所有网页以及相关图片、动画等媒体文件的文件夹。下面请大家跟随我一起进行操作，定义本地站点。师生共同操作：课本P53定义本地站点。2.制作网站首页——6min师：设计网站首先要确定网站主题，主题是网站的灵魂，是确定网站风格与创意的前提和出发点。【板书：1.确定网站主题、名称】我想大家应该非常熟悉自己的QQ空间，所以我们今天就以个人网站为例，做一个个人主页。现在我们一起创建网站首页。师生共同操作：1）在“文件”面板的站点根目录“myweb”下，右键——新建文件——命名“index.htm”作为网站首页；新建文件夹，命名“images”，保存首页中用到的图片文件。2）双击“index.htm”文件，进入网页编辑状态。3）在“文档工具栏”上的“标题”输入框中输入页面标题：***个人主页，作为首页标题。按键盘上F12键预览网页，师：“请同学们观察哪里发生了变化？”生：首页标题变为***个人主页。3.用表格布局首页——8min师：好，在确立网站主题后，要设计网站栏目，规划出网站结构图【板书：2.规划网站栏目结构】。下面老师把QQ空间的主页展示给大家，大家观察并进行分析，咱们这个个人网站应该包含哪些栏目？请一位同学回答。生：主页日志相册留言板说说个人档音乐时光轴更多师：非常好，接下来我们就要设计网页版面布局了【板书：3.设计网页版面布局】。请同学们快速阅读课本P47网页版面布局部分的内容。师演示讲解：我们可以借助表格实现网页的精细排版。打开“index.htm”文件——插入——表格。在“表格”对话框中可以设置行数、列数、表格宽度、边框粗细、单元