网页制作第二节教案.docx

网页制作第二节教案

第一篇：网页制作第二节教案由莲山课件提供http:///资源全部免费【第六章第二节网页制作】教案一、【教学目标】1、插入表格，利用表格布局页面2、插入背景图像，插入图象，对比两者的异同。二、【教学重点】利用表格布局三、【难点、关键】表中表的使用四、【教学方法】演示、任务驱动法五、【课时安排】1课时六、【教学环境】多媒体教育广播系统，Dreamweaver软件七、【教学过程】1．导入新课①回顾上节课的学习内容②小组讨论对比两个网页布局有什么不同？（心系奥运，古玩今玩）2．新课讲述1．利用表格布局页面（布局表格和普通表格）操作步骤：①“插入”/“表格”或者在常用插入栏中的“插入表格”按钮②在表格对话框中设置插入表格的行数，列数，表格宽度，边框粗细，单元格边距等，③单击“确定”按钮完成表格的创建（如果要边框显示就设置边框的值，如果不要，就将其设置为0）表格属性的设置（合并单元格，表格（选中整个表格）、文字的对齐方式（选中单元格）背景色设置）利用表中表来布局页面的技巧（参考“心系奥运”的布局方法）任务一:在”心系奥运”首页分别利用表格布局和普通表格两种方法设计导般条.由莲山课件提供http:///资源全部免费由莲山课件提供http:///资源全部免费2．插入图片背景图片“修改”/“页面属性”命令弹出“页面属性”对话框，在“分类”列表框中有“外观”中设置，注意使用背景图像的一些方法：①使用小图，图片容量小，方便传输，页面美观②色彩淡点，有利于后面的页面制作。插入图片操作步骤：①将插入点移到要插入图片的位置，“插入（I）”菜单中的“图像（I）”命令，打开“图像源文件”对话框，如果要插入的图片已经保存在当前的网站中，可以直接在图的列表框中选取，然后单击“确定”按钮。否则，单击“浏览”按钮，从“选择文件”对话框中选择所需图片，单击“确定”按钮，将图片插入到网页中。②拖动图片到页面左侧适当位置。注意要把图片放到站点下说明两种图像的不同点任务二：在首页插入四幅图像,每一幅图像代表一个模块,图象大小设置成”249*48”,后面用文字说明模块的概意在表格中输放文字文字编辑是制作网页最基本的操作。在网页编辑窗口中，可以像在Word中一样直接输入文字，进行编辑和排版。任务三:在插入的四幅图像后加入文字说明，采用默认的字体和字号，颜色为黑色，居中排列。八、小结本次课内容总结本堂课的学习内容，还有，确定各小组期末作品的主题。由莲山课件提供http:///资源全部免费第二篇：网页制作教案网页制作与设计教案第一讲网页设计概述....................................................................................................................31.1WWW和URL.....................................................................................................................31.2IE5的使用............................................................................................................................31.3网页中所使用的技术............................................................................................................41.4制作网页的基本方法............................................................................................................4第二讲HTML的基本标志与格式标志.......................................................................................42.1HTML文档的基本结构.........................................................................................................5第三讲HTML的文本、图片与超级链接标志........................................................