网页设计表格.docx

网页设计表格
篇一:网页中表格教案
第三课在网页中插入表格
一、教材分析
网页制作中用表格来规划整个网页的布局,是我们设计制作网页常用的手法。所以学会在网页中插入表格是网页制作中的一个重要的部分。本课的主要内容包括在网页中插入表格,表格的编辑和修饰,在表格中插入文字、图片等。通过对本课的学习,让学生了解用表格来规划网页会使网页结构显得清晰明快。在网页制作中,引导学生用表格来规划网页,为以后网页的开发设计打下一个良好的基础。
重点:学会使用多种方法在FrontPage中插入表格。
难点: FrontPage表格的美化。
二、教学目标
知识与技能:学会在FrontPage中插入表格及美化表格的方法,培养学生运用表格设计来美化网页的能力。
过程与方法:采用研究体验式和协作式学习方法,培养学生对计算机知识的迁移能力和综合运用知识的能力。
情感态度、价值观:通过网页制作,培养学生良好的审美情趣。使学生逐步形成用表格来规划网页布局的网页制作习惯,为今后网页的开发设计打下一个良好的基础。
三、教学准备:
硬件环境:使用多媒体网络教室,配备宽带网络。
软件环境:WinXP操作系统、 FrontPageXX以上版本。
素材资源:
1、在教师机或学生机上为学生建立相关的素材资源文件夹。
2、教师为学生准备上课演示用的教师制作的网页1。
我打算出示一组关于学生作文的中学生作文网。
3、为学生准备上课演示用的教师制作的网页2-----情感小屋网页,通过在情感小屋的首页内插入表格,通过进一步用表格规划情感小屋首页的网页布局来学习网页中表格的设计与制作。
五、教学流程
出示课前准备的含有表格的网页1中学生作文网,
(一)创设情境,确定问题,布置任务
师:当你漫步在环境优雅的校园时,是否考虑过校园里的林荫道和绿化带的作用? 生:起着绿化与方便交通的作用
师:其实还有着非常重要的作用,将行政区、办公区、生活区、活动区分成各自独立的区域,使整个校园错落有致,美丽如画,同样,如何将网页布置的美观整齐,结构清晰呢我们运用表格来布局与美化网页?
任务一:在FrontPage中有几种创建表格的方法?它们各有什么优点?
方法一:“常用”工具栏“插入表格”命令。优点:操作速度快
方法二:“表格”菜单“插入”→“表格”命令。优点:能对表格预先进行设置。
方法三:“表格”菜单的“绘制表格”命令,手工绘制表格。优点:能做出特殊的表格,可以对表格进行修改。
任务二:
如何隐藏表格边框? -----推出表格属性的用法
任务三:
请同学们尝试着在FrontPage中制作如下表格:
(二)学生自主探究学习我就是我姓名年龄学校家庭住址特长姓别 QQ
1、在FrontPage插入简单表格这一教学环节,考虑到学生已有Word知识的基础,故在此可放手让学生自主学习。通过让同学演示示范,得出插入表格的几种基本方法。并利用同Word相类似的编辑方法来体会FrontPage中表格的简单编辑。完成表格的简单制作。
2、为完成“表格的调整”这一教学任务,教师可提前演示制作好的表格,带着如下问题以小组为单位,研究和尝试对表格进一步美化:
(1) 怎样进行行高与列宽的调整
(2) 怎样进行单元格的合并和拆分
(3) 怎样进行插入或删除表格中的行或列,
(4) 怎样进行平均分布行和列等基本操作
(5)怎样进入表格属性对话框?
(6)表格属性对话框中相应选项的改变会给网页的效果带来哪些变化,起到什么修饰作用?
在此过程中,教师也可深入到各小组的研究讨论中去,和同学们共同寻找答案。然后,请完成表格美化的同学演示示范,以此突破本课利用表格属性来美化表格这一教学难点。
(四)创设任务,小组协作,巩固新知
在学生已基本学会插入表格和美化表格的基础上,再次创设学习任务,以小组为单位,打开站点“情感小屋”,并打开首页文件,分别插入四个表格,依次为:2╳3、2╳2、1╳4、2╳1、宽度为780像素,水平居中。
最后展示各小组学生的作品,展开自评与互评。
六、评价建议:
本课的评价环节贯穿在学生学习活动的全过程,在学生每完成一个学习任务之后教师都要予以充分肯定,尤其在小组的作品展示阶段,教师要注意引导学生从多方面、多角度评
价每个小组的作品,如对各小组的网页作品,可在网页内容、网页规划及网页美化等方面进行自评和互评。注意培养学生良好的审美情趣。
篇二:网页设计:如何设计细线条的表格
网页设计:如何设计细线条的表格
XX-04-09 23:54
? 如果仅仅是定义表格的边框为1(border="1"