网页制作清华大学出版社第7章_利用模板和库创建网页
- 格式:pdf
- 大小:1.25 MB
- 文档页数:51
一、教学目标1、知道站点、主页的概念,能在指定位置建立只有一个网页的站点;2、认识FRONT的界面;3、掌握在主页中插入文字、图片、水平线;4、掌握页面文件与图片的保存。
二、教学重点1、能在指定位置建立只有一个网页的站点(难点)2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存(难点)三、学情分析四、教学方法在教学中,一方面采用比较教学的方法,促进学生知识的迁移;另一方面,提供学生一个导学课件,让学生根据这个网络环境下的课件自己探索学习,以满足不同层次学生的需求。
五、教学过程设计教师活动:1、引入课题:(激发兴趣,活跃气氛)同学们喜不喜欢上网?经常上新浪、西祠胡同等,有没有同学知道新浪、西祠胡同称做什么?(网站)浏览新浪网站,浏览的第一个页面称为什么?(主页)我们还可以浏览其它的页面,点击超链接浏览,当鼠标变成手指的形状时有超链接。
问题1:网站是不是就是网页?用自己的语言描述一下网站的概念(网站包含多个网页,通过超链接把不同的页面链接起来)问题2:网页是不是就是主页?(第一个页面称为主页,网站设计者可以确定哪一个是主页,主页的文件名一般为:index.htm,主页也是网页)设计网站一般必须经过两个步骤,首先是在计算机里做好,然后发布在internet上,让所有的人访问浏览。
今天我们学习用Frontpage建立站点,制作一个主页。
先来研究一下没有发布的网站,打开教师做的网站问:同学们看到了什么?(文件夹)总结:可以这样理解网站:在资源管理器里,网站表现为一个文件夹,里面存放的是所有与网站相关的文件。
打开主页,浏览页面,这是老师做的一个导学课件,将帮助大家完成学习任务。
请学生浏览教师课件,了解学习任务2、新建站点FP的启动问:与word比较,有什么不同?总结:预览窗口:浏览器中出现的效果,与PowerPoint中的“放映幻灯片”类似。
Html窗口:编写HTML(超文本标记语言,它是描述网页内容和外观的标准。
《驾轻就熟一应用模板创建网页》学历案(第一课时)初中信息技术课程《驾轻就熟——应用模板创建网页》学历案(第一课时)一、学习主题本课程的学习主题为“应用模板创建网页”,主要涉及初中信息技术课程中网页制作的相关知识和技能。
在第一课时中,学生将学习如何使用网页模板快速构建基础网页,为后续学习更为复杂的网页制作技术打下基础。
二、学习目标1. 知识与理解:学生能够理解什么是网页模板,并了解其作用和基本使用方法。
2. 技能与操作:学生能够熟练掌握使用模板创建基本网页的步骤,包括选择模板、编辑内容和调整布局等。
3. 情感态度与价值观:培养学生对于信息技术课程的兴趣,以及独立学习和解决问题的能力。
三、评价任务本课时的评价任务包括:1. 课堂表现:观察学生在课堂上的学习态度、参与度和操作能力。
2. 作品评价:学生完成使用模板创建的网页作品,评价其内容、布局和美观度。
3. 自我评价与互评:学生完成学习后的自我反思,以及小组内成员之间的互相评价。
四、学习过程1. 导入新课:通过展示几个精美的网页作品,引起学生对网页制作的兴趣,并引导学生思考这些网页是如何制作出来的。
2. 新课讲解:教师讲解什么是网页模板,以及其作用和基本使用方法。
通过实例演示,展示如何选择模板、编辑内容和调整布局等操作。
3. 操作实践:学生根据教师提供的操作步骤,自主选择模板进行实践操作,教师巡回指导,及时解答学生操作中遇到的问题。
4. 交流分享:学生完成操作后,进行小组内交流分享,互相评价作品,并由小组代表展示本组作品。
5. 总结反馈:教师根据学生的操作情况和作品质量进行总结反馈,强调使用模板的注意事项和技巧。
五、检测与作业1. 检测:通过课堂小测验的形式,检测学生对使用模板创建网页的掌握情况,包括选择题和简答题。
2. 作业:学生回家后,自主选择一个主题,使用学到的模板创建技术制作一个简单的网页作品,并拍照或截图保存作品,下节课进行展示。
六、学后反思学生在完成本课时的学习后,应进行学后反思。
网页设计与制作各章习题及答案第1章习题1. 填空题(1) WWW服务于_1990_年由设立在欧洲瑞士的粒子物理研究中心开发研制出来。
(2) WWW是_Word Wide Web_的缩写,其含义是_“全球网”_,很多人又形象地称其为_“万维网”_。
(3) 现在网页基本可以分为_静态_和_动态_两大类网页。
(4) 对于网站,我们通常又称作_站点_(5) HTML是Hypertext Markup Language 的缩写,意思为_超文本标记语言_。
(6) marquee代码的作用_实现标记中的内容在页面移动的效果_(7) HTML源代码包括_<Head></Head>头_和_<Body></Body>正文__两大部分(8) CuteFTP是一种基于__Ftp__的数据交换软件。
(9) CuteFTP有很多功能,如_断点续传_、_自动登陆_等,是上传、维护、更新网站必不可少的工具软件。
(10) Flash是网络上最为流行的_矢量__动画制作软件。
(11) 网页的主要组成元素有_文本__、__图片_、_多媒体_、_超链接_和_脚本_五种。
(12) 与网站设计相关的软件主要有_Dreamweaver_、_Photoshop_、_Flash_和_CuteFTP_。
(13) _<html>_和_</html>_是Web页的第一个和最后一个标记符,Web页的其他所有内容都位于这两个标记符之间。
2. 选择题(1) 下面哪些文件属于静态网页( C )A. abc.aspB. abc.docC. abc.htmD. abc.jsp(2) 下面哪些不是网页编辑软件( B )A. DreamweaverB. CuteFTPC. WordD. Flash(3) 下面哪些文件不是网站的主页( C )A. index.htmlB. Default.jspC. index1.htmD. Default.php(4) DreamweaverMX是哪家公司的产品( D )A. AdobeB. CorelC. MicrosoftD. Macromedia(5) 网页元素不包括:( C)A. 文字B. 图片C. 界面D. 视频(6) 下列哪种软件是用于网页排版的。
第七章网页制作电子教案(计划8学时)第一次课(2学时)课题:§7.1了解网页设计与Dreamweaver 8课型:理论课、实践课、任务驱动多媒体教学教学目的与要求了解:1、了解Dreamweaver8的功能及特点。
2、了解网页、网站和网页的组成元素。
2、了解工作窗口的组成部分;掌握:1、熟练掌握Dreamweaver8软件的启动和退出,。
2、熟练掌握Dreamweaver8菜单的使用方法,重点与难点重点:1、网页、网站和网页的组成元素,Dreamweaver8窗口及菜单的使用方法。
难点:1、Dreamweaver8窗口及菜单的使用方法。
网页的设计理念。
教学进程组织教学复习提问引入新课讲授新课:7.1了解网页设计与Dreamweaver 87.1.1网页、网站和网页的组成元素网页是网站的基本信息单位,通常是由若干网页组成。
网站中主页是访问一个网站首先看到的网页也是所有页面的链接中心。
网页中包含的元素很多,主要包含以下元素:1、文本文本是最重要的信息载体与交流工具,是网页发布信息所用的主要形式,利用文本可以准确表达出网页想要传达的信息。
2、图形它可以是普通的绘制图形,可以是各种图像,还可以是动画。
图形不仅能提供更多的信息,还可以美化和装饰页面。
在网页上最常用的图像格式有GIF、JPEG等格式。
3、超级链接是从一个网页指向另一个目的端的链接,这个目的端通常是另一个网页,也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置。
建立超级链接的对象可以是文本、图像、按钮或热点标记。
浏览时鼠标指向超级链接时就会变成伸出食指的右手形状,单击超级链接后即可打开目标对象。
超链接是网页中一种非常重要的功能,是网页中最重要、最根本的元素之一。
4、表格表格不仅用来显示相关数据,而且用来控制网页中信息的布局方式。
控制图形、文字出现的位置,使之规范整齐、均衡协调。
5、表单6、声音声音是多媒体网页的一个重要组成部分。
《驾轻就熟一应用模板创建网页》作业设计方案(第一课时)一、作业目标通过本次作业,学生将掌握应用模板创建网页的基本技能,熟悉网页制作的基本流程,提高网页制作的能力。
二、作业内容1. 任务一:选择并使用模板创建网页学生需要选择一个适合自己主题的网页模板,根据模板的要求和提示,完成网页的基本布局和内容填充。
要求学生在规定时间内完成并提交作业。
2. 任务二:修改模板并创新设计学生可以在已经创建的网页模板基础上,根据自己对该主题的理解和创意,对网页进行修改和创新设计。
要求学生对模板进行合理的修改和调整,使其符合自己的设计理念。
3. 任务三:添加图片、文字和链接学生需要在网页中添加合适的图片、文字和链接,以丰富网页内容,提高网页的吸引力和互动性。
要求学生在添加内容时遵循一定的规范和标准。
三、作业要求1. 作业应按时提交,作业提交截止时间为下节课开始前;2. 作业应按照要求选择合适的模板并完成基本布局和内容填充;3. 作业应体现学生的创新能力和对主题的理解,对模板的修改和调整应合理;4. 作业中添加的图片、文字和链接应符合规范和标准,有利于丰富网页内容和提高互动性。
四、作业评价1. 评价标准:根据学生提交的作业,评价学生对模板创建网页的基本技能掌握情况,以及学生的创新能力和对主题的理解程度;2. 评价方法:采用教师评价和学生互评相结合的方式,对作业进行评价;3. 评价结果:根据评价结果,给予学生相应的成绩和反馈意见,帮助学生更好地了解自己的学习情况,为后续学习奠定基础。
五、作业反馈1. 学生应认真听取教师的评价意见,及时调整自己的学习方法和思路,积极参与课堂讨论和交流;2. 学生之间可以相互交流学习,分享经验和方法,共同提高学习效果;3. 教师应对学生的反馈进行整理和分析,及时调整教学策略和方法,提高教学质量。
通过本次作业,学生可以更好地掌握应用模板创建网页的基本技能和方法,提高自己的网页制作能力。
同时,通过教师评价和学生互评的方式,可以帮助学生更好地了解自己的学习情况,为后续学习奠定基础。
《驾轻就熟一应用模板创建网页》作业设计方案(第一课时)一、作业目标:通过本课程的学习,学生能够掌握应用模板创建网页的基本技能,熟悉网页设计的基本流程,提高网页制作的能力。
二、作业内容:1. 任务一:选择并使用模板学生需要选择一个适合自己网页主题的模板,并按照模板的要求进行页面布局和内容填充。
要求学生在规定时间内完成,并提交作业。
2. 任务二:自定义设计学生在使用模板的基础上,根据个人喜好和需求进行页面布局和内容调整,以达到个性化的设计效果。
3. 任务三:添加网页元素学生需要添加适当的图片、文字、链接等网页元素,以丰富网页内容,提高用户体验。
三、作业要求:1. 作业内容应包含至少两个任务,并按照要求进行页面布局和内容填充;2. 作业提交时应包括学生姓名、学号、班级等信息,以便教师进行作业评价;3. 作业应按照规定时间提交,不得拖延;4. 作业应符合网页设计的规范和要求,不得出现明显的错误和问题。
四、作业评价:1. 评价标准:根据学生提交的作业情况,从页面布局、内容填充、个性化设计、网页元素添加等方面进行评价;2. 评价方式:教师对学生提交的作业进行批改,给出相应的分数和评价意见;3. 评价结果:根据作业评价情况,对学生的掌握程度和存在的问题进行总结和分析,以便于下一阶段的教学。
五、作业反馈:1. 学生应根据教师的评价意见,认真分析自己的作业问题,并在下一次作业中加以改进;2. 学生可以向教师提出自己在制作网页过程中遇到的问题和困惑,寻求帮助和建议;3. 教师应及时收集学生的反馈意见,并根据实际情况调整教学策略和方法,以提高教学质量和效果。
总之,通过本课程的作业设计,学生能够更加深入地掌握应用模板创建网页的基本技能和方法,同时也能够更好地发挥自己的创意和个性,提高网页制作的能力和水平。
作业设计方案(第二课时)一、作业目标通过本次作业,学生应能够:1. 熟练掌握应用模板创建网页的基本操作;2. 了解并掌握常见网页模板的使用方法;3. 学会根据需求选择合适的模板进行网页制作;4. 提高团队协作和沟通能力。