第一单元网站设计与制作

《第一单元网站设计与制作》由会员分享，可在线阅读，更多相关《第一单元网站设计与制作（8页珍藏版）》请在装配图网上搜索。

1、省庄二中教学备课表科目_信息_ 课题_创立站点_ 学时合计_1_ 9月_日姓名张俊旺主持人学习目的、理解网站的规划措施；、结识ronPage的工作界面；3、理解站点、网页、主页的概念教材分析重点网站规划、工作界面难点站点、网页、主页预习提纲1、什么是网站？、网站规划的一般环节是什么？常用的网页版面布局形式有哪些?Baner 和Log是什么?3、FontPge界面由哪几部分构成？如何新建网站？4、可以辨别站点、网页和主页。师生交流摘要必须记住:FontPage的工作界面。加强理解：站点、网页和主页的辨别；常用的网页版面布局,Bner 和Lgo。升华提高：新建网站、打开关闭网站。学习流程 问题导引

2、一、导课主持人引导同窗们看阅读与思考，提出问题。(可由主持人更换导入故事，乱拆乱建等等） 通过故事得出什么结论？如果要在网上安个家，同样需要对自己的网站进行合理的规划。通过这节课我们就来学习创立站点。二、请学生分别读知识目的、技能目的、情感态度与价值观目的三、她山之石，可以攻玉主持人引导学生理解什么是网站。、什么是网站？网站是在因特网上一种相对独立的信息的集合,这些信息以网页的形式向全世界发布。因此,网站就是有关网页的集合。2、练一练：观测课本，两个网站各自有什么重要特点?四、网站规划的一般环节1、拟定网站的主题和风格网站的主题是什么?网站的风格是什么?我们想要建立的“情感小屋”网站应当是什么

3、特点？2、设计规划网站的构造和内容主页 网页一 网页二 网页三 网页四 网页五情感小屋（1、我的父母2、我的校园3、我就是我4、左邻右舍5、雁过留声3、设计网站的版面布局什么是网站的版面布局？常用的网页版面布局形式有哪些？（T、口、冂、潮流型、三)什么是Banner？什么是Lg？4、收集整顿网站素材常用的素材网站5、选择网站制作工具五、rotPge的站点管理、初识FtPag网页文献名标签、编辑窗口、视图切换区、状态栏、任务窗格2、新建网站请同窗论述如何新建网站，分哪几步？主持人在台上演示。privat文献夹与image文献夹分别寄存什么?什么是网站的首页?、关闭网站 请同窗简介措施4、打开网站

4、措施?六、实践与创新谈谈收获七、小结:主持人总结本课内容。课后反思：省庄二中教学备课表科目信息_ 课题设计网站首页 学时合计2_ 9月_日姓名张俊旺主持人学习目的1、结识网页的工作原理;2、理解网页编辑的一般过程;教材分析重点学会在网页中输入文字、插入图片和水平线难点学会新建、预览和保存网页预习提纲1、在网页中输入文字： 、在网页中插入图片：3、在网页中插入水平线:4、保存网页5、预览网页、添加新网页师生交流摘要必须记住:学会在网页中输入文字、插入图片和水平线升华提高： 善于从身边的广告、书刊中学习版面设计知识，并学习以致用学习流程问题导引一、导课主持人引导同窗们看阅读与思考,提出问题。网站的

5、首页就像整个网站的“脸谱”，应当可以网站的主题和特色。怎么设计网站的呢?通过这节课我们就来学习设计网站首页。主持人板书：设计网站首页。二、在网页中请同窗们观测“情感小屋”网站首页,主持人分组让学生完毕如下任务：1、在编辑窗口中把这些文字输入到网页上，“ann位置首页我的父母 我的学校 我就是我 左邻右舍 雁过留声 欢迎光顾 我的情感小屋子=Corigt小学制作”2、对文字进行修饰3、注意观测两个方面，保存前后的变化。补充:网页中的换行三、在网页中插入图片主持人分组让学生完毕如下任务：在网页中插入任意一张图片,调节图片大小位置合适。四、在网页中插入水平线主持人分组让学生完毕如下任务：1、在网页中

6、插入水平线，根据“水平线属性”对话框调有关设立。2、把水平线设立为宽度为75、高度为8、水平居中、颜色为蓝绿色五、保存网页主持人请同窗简介有哪两种保存网页的方式问:什么是网页标题?网页标题与网页文献名的区别是什么?六、预览网页主持人分组让学生完毕练一练的三个任务：1、在视图切换区选择“预览”视图查看网页效果、运用工具栏中哪个按钮也许直接启动浏览器进行网页浏览、分析它们的优缺陷?七、添加新网页主持人请同窗简介如何添加新网页先尝试听简介自己练课后反思：省庄二中教学备课表科目_信息_ 课题网页中的表格_学时合计_3_ 9月_日姓名张俊旺主持人学习目的、理解表格在网页设计中的重要作用;2、学会使用表格

7、布局网页；灵活掌握表风格节的措施。教材分析重点学会使用表格布局网页;灵活掌握表风格节的措施难点插入表格、行列操作,单元格操作预习提纲、如何插入表格2、调节表格一般分为哪几项:行高和列宽,单元格的合并和拆分，插入或删除表格中的行与列3、平均分布行和列4、布局表格和单元格的使用师生交流摘要必须记住：学会行高和列宽的调节,单元格的合并和拆分，插入或删除表格中的行与列升华提高：表格的作用学习流程 问题导引一、导课主持人引导同窗们17页学习探究的第一部分表格的作用,提出问题。当我们上网浏览网页时，会看到网页中的文字、图片、动画等素材排列整洁有序,并且不会因浏览窗口大小的变化而变化排列方式。这是如何做到的

8、呢？什么是表格？什么表格的边框？表格的作用是什么？通过使网页的内容,让网页内容成了一种有机的整体。二、在网页中插入表格请同窗们观测操作环节：提问1、如何设立表格边框为虚线？提问、表格边框虚线起什么作用?请主持人选部分同窗到讲台上演示。依次是23、2、14、21,宽度都为780像素，水平居中。补充知识：什么是像素?三、表格的调节请同窗们阅读表格的调节回答问题：1、我们可以用哪两种对行高和列宽进行调节?用鼠标调节时注意什么？鼠标手动的方式和单元格（表格)属性对话两种方式。鼠标调节时注意鼠标指针,变成“”“竖向箭头”托动鼠标即可。2、如何对单元格进行合并和拆分?选中,右键,选择“合并单元格”“拆分单

9、元格”，如果是拆分，需要填写行数或列数。3、如何插入或删除表格中的行或列？选择行或列,选择的措施很重要,指针变成粗实箭头。右击快捷菜单，选择插入和删除。、如何应用“平均分布行和列”命令?选择表格，右键快捷菜单,选择平均分布行和列。主持人请俩人上讲台,边演示边解说。可以选多人参与。四、布局表格和单元格的使用请同窗们并回答问题如何打开“布局表格和单元格”任务窗格？它有什么作用?作用:布局表格为网页布局创立一种框架,布局单元格为该框架包具有网页内容的区域。五、小结主持人找同窗总结,我们都收获了些什么?课后反思:省庄二中教学备课表科目_信息 课题_网页的美化学时合计_4_ 月_日姓名张俊旺主持人学习目

10、的1、学会在网页中设立背景、音乐、Flas动画和滚动字幕；、理解美化网页的常用措施理解美化网页对提高网站质量的作用。教材分析重点在网页中设立背景、音乐、lsh动画和滚动字幕难点美化网页的措施环节预习提纲1、如何插入背景音乐 2、如何设立网页的背景、如何设立表格的背景4、如何插入Flash动画5、如何插入滚动字幕师生交流摘要必须记住:学会在网页中设立背景、音乐、Fls动画和滚动字幕升华提高:理解美化网页的常用措施理解美化网页对提高网站质量的作用学习流程 问题导引一、导课主持人引导同窗们3页阅读与思考，提出问题。如何对网页进行美化，才干使它美丽起来呢？二、认读学习目的主持人指定学生认读目的，其她同

11、窗认真听记。三、插入背景音乐请同窗们观测操作环节：1、教师向人们推荐一首歌曲云宫迅音，请同窗也推荐一首，我们一块从网上把这两首曲子都下载下来。2、由教师演示如何把背景音乐设立为云宫迅音。3、主持人指定同窗摸索如何设立背景音乐。4、主持人请同窗总结下如何设立背景音乐。加油站：背景音乐的格式四、设立网页的背景请同窗们阅读课文：1、教师想让同窗们把目前网页的背景颜色由空白改为浅蓝色,谁给人们演示下。2、教师想让人们把背景颜色改为同窗们自己喜欢的图片,谁想措施做一下。3、总结下更改网页背景的要点。一点通：颜色与心理 加油站：色彩知识五、设立表格的背景主持人问：同窗们想一想，教材是不是讲重了呀?背景颜色

12、不是已经改了吗?结论:我们又将要学习的是表格的背景颜色，我根据需要对网页中某一种局部的背景颜色进行设立，以达到强化有关内容的效果。提问：我们能通过哪两方面实现?演示：修改表格的颜色,修改单元格的颜色。总结:更改表格和单元格背景颜色与网页背景颜色的异同。六、插入Flash动画和滚动字幕主持人请教师演示。环节:1、下载Flsh动画,并插入到目前网页中。2、插入eb组件,选择“动态效果”,选择“字幕”。七、小结：主持人找同窗总结,我们都收获了些什么?课后反思:省庄二中教学备课表科目_信息_ 课题_建立超链接 学时合计_5_ 1月_日姓名张俊旺主持人学习目的1、学会在网页中插入超链接和导航栏；2、掌握

13、将链接指向站点内、站点外和电子邮箱的措施。教材分析重点理解超链接的概念,理解导航栏在网页设计中的重要性难点体会万物皆有联系,加强与父母、教师和同窗间的交流预习提纲1、设立超链接 建立网站内的链接、建立到其她网站的链接、建立到邮箱的链接、建立书签链接2、设立网站导航栏师生交流摘要必须记住：理解超链接的概念，理解导航栏在网页设计中的重要性升华提高:体会万物皆有联系,加强与父母、教师和同窗间的交流学习流程问题导引一、导课主持人引导同窗们30页阅读与思考,提出问题。在因特网上有数不胜数的网站和网页,如何才干快捷地浏览它们呢？出示课题:建立超链接二、认读学习目的主持人指定学生认读目的，其她同窗认真听记。

14、三、设立超链接请同窗们阅读课文:、设立超链接的作用是什么？我们在设计网页时，为实现自由跳转，需要设立链接目的和采用的合同等,也就是给相应对象设立超链接。2、什么是超链接?超链接在本质上属于一种网页的一部分，它是一种容许我们同其她网页或站点之间进行连接的元素。各个网页链接在一起后,才干真正构成一种网站。所谓的超链接是指从一种网页指向一种目的的连接关系,这个目的可以是另一种网页,也可以是相似网页上的不同位置，还可以是一种图片，一种电子邮件地址,一种文献,甚至是一种应用程序。而在一种网页中用来超链接的对象,可以是一段文本或者是一种图片。当浏览者单击已经链接的文字或图片后，链接目的将显示在浏览器上,并

15、且根据目的的类型来打开或运营。3、超链接分哪几种?（网站内、其她网站、到邮箱、书签）下面请教师给人们演示下这四种超链接的建立措施。常用链接类型的状态栏特点链接类型特点或特性站点内链接指向本站内的一种网页站点外链接指向外部网站的访问地址邮箱链接将链接目的设成一种电子邮箱的地址书签链接通过设立书签链接的方式来迅速找到阅读目的四、设立网站导航栏、什么是导航栏？是网站内容的目录，能让我们在浏览网页时很容易达到不同的页面。导航栏一般放置在各重要网页中比较醒目的位置。2、建立导航栏一般有哪两种措施？五、小结主持人找同窗总结，我们都收获了些什么?课后反思：省庄二中教学备课表科目_信息_ 课题_网站的发布与维

16、护_ 学时合计_6_ 月12日姓名张俊旺主持人学习目的1、理解网站空间的概念；理解网站上传的原理;2、掌握网站检查和宣传的措施;教材分析重点理解网站空间的概念;理解网站上传的原理难点掌握网站检查和宣传的措施预习提纲1、网站发布前的检查：检查语法、检查网站的整体状况、检查超链接、检查网页中嵌入式文献的寄存途径2、申请网站空间3、上传网站：运用“WEB文献管理”功能、使用FTP工具4、网站的宣传:网站登录、互换链接、论坛发帖师生交流摘要必须记住: 理解网站空间的概念；理解网站上传的原理升华提高：掌握网站检查和宣传的措施学习流程 问题导引一、导课我们设计的网站只有发布到Intenet，才干让更多的人

17、访问。如何发布网站，发布网站前应当做的准备做的工作有哪些?本节课就来解决这些问题。板书：第6课 网站的发布与维护二、网站发布前的检查请同窗们阅读课文,解决如下问题:提问1、网站发布前的检查一共有哪几种方面?提问2、检查语法的重要功能，举例阐明?提问、检查网站的整体状况时,一般重点查看哪几项指标？提问4、如何检查超链接？提问5、检查网页中嵌入式文献的寄存途径?提问6、请同窗简介下途径的有关概念？三、申请网站空间请同窗们阅读课文回答问题:1、申请网站空间的大体环节是什么？常用的免费提供空间的网站有哪些？、中联网上如何申请免费空间？四、上传网站请同窗们并回答问题1、Web文献管理界面有哪几部分构成？

18、2、LepFT界面有哪几部分构成？、请同窗简介FP的工作原理是什么？4、LeapFTP如何设立和使用？五、网站的宣传请同窗们阅读课文回答问题：提问：为了宣传自己的网站,一般采用哪几种方式?六、补充知识：网站的表态与动态空间七、小结主持人找同窗总结，我们都收获了些什么?课后反思：省庄二中教学备课表科目_信息_课题_制作表单网页_ 学时合计_7_ 月_日姓名张俊旺主持人学习目的1、理解表单的交互作用;学会在网页中插入表单;对的设立表单信息的收集方式。2、能对的看待自己的缺陷和别人的长处,善于取人之长，补己之短。教材分析重点学会在网页中插入表单；对的设立表单信息的收集方式。难点同上预习提纲1、在网页

19、中插入表单2、设立表单信息的收集方式师生交流摘要必须记住：表单的交互作用;学会在网页中插入表单;对的设立表单信息的收集方式。升华提高： 表单的工作原理学习流程 问题导引一、导课“有了某些小成绩就不求上进，这完全不符合我的性格。攀登上一种阶梯,这固然较好，只要尚有力气,那就意味着必须再继续迈进一步”读了安徒生的这段名言,你想到了什么?我们网上的“家”与否也“必须再继续迈进一步”呢?尚书大禹谟中说：“满招损,谦受益,时及天道。”那么,如何才干更好地接受别人的意见或建议,使自己的网站越办越好呢?板书：制作表单网页二、在网页中插入表单请同窗们从课文中找出:提问、如何添加表单?提问2、表单一般均有哪些控

20、件？单选按钮、单行文本框、下拉菜单、复选框、滚动文本框三、设立表单信息的收集方式请同窗们阅读表格的调节回答问题:1、网站的信息一般都会放在哪里？、表单属性如何修改。四、你懂得吗?、什么是表单？表单在网页中重要负责数据采集功能。一种表单有三个基本构成部分： 表单标签:这里面涉及理解决表单数据所用GI程序的URL以及数据提交到服务器的措施。 表单域:涉及了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文献上传框等。 表单按钮：涉及提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其她定义理解决脚本的解决工作。 2、表单的基本工作原理？表单就仿佛我们家里厨房里的大调料盒子!这个盒子里面有许多的带标注的小空槽,我们可以在不同的槽里放上相应的调料。偶尔有一天,隔壁的MM找你借点盐烧菜，你很豪爽的吧整个盒子递给她,让她拿回去随便用！表单的提交,就像这里我们把整个盒子送出去同样！我们一种动作就把所有种类的调料都送了出去！一般提交表单我们使用submit这个按钮控件，表单还可以指定发送给谁，怎么发送！五、小结主持人找同窗总结，我们都收获了些什么?课后反思: