动态网页设计作业

《网页动态效果》作业设计方案（第一课时）一、作业目标本节课的作业旨在帮助学生掌握网页动态效果的基本原理，了解如何使用编程语言实现简单的动态效果。

通过实践操作，提高学生的信息技术应用能力和创新能力。

二、作业内容1. 制作一个简单的动态网页学生需要选择一个现有的网页模板，根据模板内容添加自己感兴趣的动态效果。

可以选择使用HTML、CSS和JavaScript等语言实现动态效果。

学生需要在规定的时间内完成作业，并上传至学校网站指定的平台。

2. 创意设计挑战学生可以根据自己的兴趣爱好，自主设计一款具有创新性的动态网页。

要求展示自己的创意和想法，并能够吸引观众的注意力。

教师将根据创意、技术实现难度和效果等方面进行评价。

3. 小组合作完成项目学生可以自由组合成小组，共同完成一个具有实际意义的动态网页项目。

项目内容可以是介绍学校、班级或个人等主题，要求小组内成员共同讨论、分工合作，最终呈现出一个完整的动态网页作品。

三、作业要求1. 作业内容必须与网页动态效果相关，不得抄袭或敷衍了事。

2. 提交作业时，学生需要提供作业截图或录像等证明材料。

3. 小组合作项目需注明成员分工和合作方式，确保作品质量。

4. 作业时间不超过两天，上传至指定平台后，请及时通知教师检查。

5. 鼓励学生在作业过程中积极思考、创新实践，提高解决问题的能力。

四、作业评价1. 教师根据学生提交的作业截图或录像进行评价，重点关注创意、技术实现难度和效果等方面。

2. 教师将根据小组合作项目的整体表现进行评价，包括作品质量、团队合作和沟通能力等方面。

3. 教师将根据学生完成作业的速度和质量，给予相应的平时成绩，作为期末总评的参考。

五、作业反馈1. 学生可以随时向教师咨询和反馈作业中遇到的问题和困难，教师将尽力提供帮助和指导。

2. 学生可以相互交流和分享经验，共同提高信息技术应用能力和创新能力。

3. 教师将根据学生的反馈和表现，不断优化和调整作业内容和评价方式，以更好地满足学生的学习需求。

动态网页制作大作业指导老师：袁春明姓名：哈利路亚班级：建筑学号：你猜2012年11月23日动态网页制作------大作业任务书课题名称：1、在线论坛2、在线考试系统3、商品交易系统4、图书管理系统5、个人主页（个人简介+留言薄+后台管理）课题要求：1、在以上五个题目中任选一个。

要求能够实现基本功能。

2、第一页为封面，要求写清楚姓名、班级、指导老师和完成日期3、第二页为任务书4、第三为设计的内容，设计原理，设计的代码以及适当的说明。

5、第四为教师评语6、本大作业一律使用A4 纸张打印一、建立文件：（建立文件是可以先建立文本文档，他的格式为"文件名.txt" ，我们只需把它改为"文件名.asp"）1、数据库，用来储存发表的帖子！-------命名为：bbs.mdb2、有数据库就必须连接数据库，该文件用来连接数据库：----命名为：conn.asp3、发表帖子的文件----命名为：say.asp4、保存发表帖子内容的文件-----命名为：save.asp5、显示帖子标题的文件------命名为：index.asp6、显示帖子内容的文件，即点击标题后所进入的页面-----命名为：show.asp二、各文件的主要内容1、bbs.mdb打开这个数据库，建立一个表，命名为bbs该表中有几个字段:id(自动给帖子编号)，他的数据类型设为“自动编号”name(用来储存发表的作者)，数据类型为“文本”title(用来储存帖子的主题)，数据类型为“文本”body(用来储存帖子的内容)，数据类型为“备注”2、conn.asp源代码为：<%Server.scriptTimeout="10"connstr="DBQ="+server.mappath("═bbs═.mdb")+";DefaultDir=;DRIVER={Microso ft Access Driver (*.mdb)};"set conn=Server.CreateObject("ADODB.connection")conn.open connstr%>3、say.asp源代码为：<form method="POST" action="save.asp"><p>大名：<input type="text" name="name" size="20"></p><p>标题：<input type="text" name="title" size="91"></p><p>内容：</p><p><textarea rows="11" name="body" cols="97"></textarea></p><p></p><p><input type="submit" value="提交" name="B1"><input type="reset" value="重置" name="B2"></p></form>4、save.asp源代码：<!--#include file="conn.asp"--><%name=Replace(Request.Form("name"),"'","''")title=Replace(Request.Form("title"),"'","''")body=Replace(Request.Form("body"),"'","''")%><%if name="" or title="" or body="" then%>请<a href="****:history.go(-1)">后退</a>填写完整资料，你才能发表帖子！<%else%><%set savebbs=conn.execute("insert into bbs(name,title,body)values('"&name&"','"&title&"','"&body&"')")%>发表成功！<a href="index.asp">查看帖子</a><%end ifset savebbs=nothing%>name=Replace(Request.Form("name"),"'","''")title=Replace(Request.Form("title"),"'","''")body=Replace(Request.Form("body"),"'","''")5、index.asp源代码：<!--#include file="conn.asp"--><b><a href="say.asp">发表帖子</a></b><br><br><div align="center"><center><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; " bordercolor="#000000" width="100%" height="26"><tr><td width="17%"><b>作者</b></td><td width="83%"><b>主题</b></td></tr></table></center></div><hr size="1"><%i=1set showbbs=conn.execute("select*from bbs order by id desc")do while not showbbs.eof%><div align="center"><center><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; " bordercolor="#000000" width="100%" height="20"><tr><td width="17%"><%=showbbs("name")%></td><td width="83%"><a href="show.asp?id=<%=showbbs("id")%>"><%=showbbs("title")%></a></td></tr></table></center></div><hr size="1"><%i=i+1if i>50 then exit doshowbbs.movenextLoopshowbbs.Closeset showbbs=nothing%>5、show.asp源代码：<!--#include file="conn.asp"--><%id=request.querystring("id")%><%set show=conn.execute("select*from bbs where id="&id&"")%><a href="index.asp"><b>回到首页</b></a><br><b><a href="say.asp">发表帖子</a></b><br><hr size="1"><table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="180"><tr><td width="21%" height="22"><b>作者：</b><%=show("name")%></td><td width="79%" height="22"><b>主题：</b><%=show("title")%></td></tr><tr><td width="100%" colspan="2" height="158" valign="top"><b><br>内容：</b><%=show("body")%></td></tr></table><%set show=nothing%>教师评语：。

《网页动态效果》作业设计方案（第一课时）一、作业目标本作业设计旨在让学生掌握基本的网页动态效果制作方法，理解HTML、CSS和JavaScript在网页动态效果中的运用，通过实践操作，提升学生的信息技术应用能力和创新思维。

二、作业内容1. 理论知识学习：学生需学习HTML、CSS和JavaScript的基础知识，了解网页动态效果的基本原理和实现方法。

2. 实践操作：学生需使用所学知识，设计并制作一个简单的网页动态效果。

具体要求如下：（1）选择一个主题，如动物、植物、节日等，进行网页设计。

（2）利用HTML和CSS，构建网页的基本框架和样式。

（3）使用JavaScript编写动态效果代码，实现如鼠标悬停时图片切换、文字滚动等动态效果。

（4）保存并预览网页效果，对代码进行调试和优化。

3. 作业内容详述：学生首先需在家长的指导下，选择一个感兴趣的主题进行网页设计。

设计过程中，要充分考虑网页的布局、色彩搭配和元素排版。

在HTML部分，学生需掌握基本的标签使用，如<div>、<p>、<img>等，用于构建网页的基本框架和插入图片、文字等元素。

在CSS部分，学生需学习如何设置元素的样式，如颜色、字体、大小、位置等，以及如何通过CSS实现网页的动态效果，如元素的渐变、动画等。

在JavaScript部分，学生需掌握基本的语法和函数使用，学习如何通过代码实现网页的交互效果，如点击事件、鼠标悬停等。

最后，学生需将HTML、CSS和JavaScript代码整合在一起，保存为HTML文件，并在浏览器中预览效果。

对出现的错误和问题进行调试和优化。

三、作业要求1. 作业需在规定时间内完成，不得抄袭他人作品。

2. 作品需符合主题要求，布局合理，色彩搭配协调。

3. 代码需规范、简洁、易读，注释清晰。

4. 动态效果需流畅、自然，符合网页整体风格。

四、作业评价本作业的评价将根据作品的创意性、技术难度、完成度和规范性等方面进行综合评价。

《网页动态效果》作业设计方案（第一课时）一、作业目标通过本次作业设计，使学生掌握网页动态效果的基本概念，学会利用软件工具进行简单的网页动态效果制作，并培养学生的创新思维和实际操作能力，为后续的网页设计与制作打下坚实的基础。

二、作业内容1. 理论知识学习：学生需通过课堂讲解和教材自学，了解网页动态效果的基本原理和常用技术，包括但不限于JavaScript脚本语言的使用、CSS3动画效果的实现等。

2. 操作实践：学生需运用所学的理论知识，结合具体案例进行实际操作练习。

具体包括：（1）学习并实践JavaScript的基础语法，如变量、条件语句等；（2）掌握HTML中如何嵌入JavaScript代码，实现简单的页面交互效果；（3）学习CSS3动画的基本属性，如过渡、变形等，并实践应用在网页元素上；（4）完成一个简单的网页动态效果制作任务，例如点击按钮实现页面元素的动态变化等。

3. 创意发挥：鼓励学生在完成基本操作后，发挥自己的创意和想象力，制作出具有个人特色的网页动态效果作品。

三、作业要求1. 作业需在规定时间内完成，并按时提交。

2. 理论学习部分需做好笔记，以备后续复习。

3. 操作实践部分需按照教师提供的案例和指导进行，确保操作的正确性。

4. 创意发挥部分需体现学生的个人特色和创新思维，作品需具有实际可运行的动态效果。

5. 作业需以电子版形式提交，包括作品源文件和相关笔记。

四、作业评价1. 教师将根据学生的作业完成情况、理论知识的掌握程度、操作实践的正确性以及创意发挥的独特性等方面进行评价。

2. 评价标准包括：理论知识掌握（20%）、操作实践（40%）、创意发挥（20%）、作业完成度（10%）和作业整洁度（10%）。

3. 教师将给予优秀作业以表扬和鼓励，并作为学习榜样供其他同学参考。

五、作业反馈1. 教师将对每位学生的作业进行详细批改，指出存在的问题和不足之处，并提供改进建议。

2. 学生需根据教师的反馈意见进行修改和完善，并在下一课时与教师和同学分享自己的作业经验和心得。

《设置网页的动态效果》作业设计方案（第一课时）一、作业目标通过本次作业，学生将能够掌握设置网页动态效果的基本方法，包括动画、过渡效果、交互效果等，并能够在实际操作中应用所学知识，提高网页的视觉效果和用户体验。

二、作业内容1. 制作一个简单的动态网页背景：学生需使用所学的动画和过渡效果，设计一个动态背景，如云彩飘动、水流涌动等，并确保背景动画流畅、美观。

2. 添加动态文字效果：学生需在网页中添加一段文字，并使用所学交互效果，使文字能够根据用户的鼠标移动而动态变化，如颜色、大小、位置等。

3. 完成一个交互式小游戏：学生可选择一个简单的游戏，如拼图游戏或迷宫游戏，通过设置动态效果和交互功能，使游戏更加有趣和吸引人。

三、作业要求1. 作业需独立完成，不得抄袭或使用他人成果。

2. 作业完成后，需保存为网页文件（HTML），并确保文件名符合规范。

3. 作业应体现所学知识在实际操作中的应用，并展示出良好的视觉效果和用户体验。

4. 作业中使用的图片、音乐、视频等素材，需符合版权法和学校规定。

四、作业评价1. 评价标准：评价学生的作业完成情况、创意性、实用性、技术性等方面。

2. 评价方式：教师评价与学生互评相结合，确保评价的公正性和全面性。

3. 评价时间：在下节课开始时，对学生提交的作业进行集中评价和反馈。

五、作业反馈1. 教师对学生作业的反馈应包括优点和不足，以及改进建议，帮助学生更好地掌握所学知识。

2. 学生可根据教师的反馈和改进建议，对自己的作业进行修改和完善，以提高自己的技术水平和创意能力。

3. 对于在作业中遇到困难的学生，教师可提供针对性的辅导和支持，帮助他们顺利完成作业。

通过本次作业，学生将能够巩固和拓展所学知识，提高自己的实践能力和创新意识，为后续的网页设计和开发打下坚实的基础。

作业设计方案（第二课时）一、作业目标通过本次作业，学生将能够：1. 熟练掌握设置网页动态效果的方法和技巧；2. 学会运用多种动态效果工具和插件；3. 了解动态效果在网页设计中的重要性和应用场景。

《设置网页的动态效果》作业设计方案（第一课时）一、作业目标本课作业设计的目标是使学生能够掌握网页动态效果的基本概念，学会使用HTML和CSS设置简单的网页动态效果，并能够独立完成一个具有动态效果的网页设计。

通过实践操作，提高学生的信息技术应用能力和创新思维。

二、作业内容1. 理论知识学习学生需预习并理解网页动态效果的基本原理，包括动画、过渡、变换等效果的实现方式，熟悉HTML和CSS中与动态效果相关的属性和技巧。

2. 实践操作学生需使用所学的HTML和CSS知识，完成以下操作：（1）创建一个新的HTML文件，设计一个网页的基本结构。

（2）利用CSS设置网页元素的动态效果，包括但不限于鼠标悬停时的变化、元素的渐变、滑动等。

（3）保存文件，并预览效果，确保动态效果能够正常显示。

3. 作业拓展鼓励学生尝试使用JavaScript等脚本语言进一步增强网页的交互性和动态效果。

可以尝试添加点击事件、弹出窗口等交互元素。

三、作业要求（1）作业需在规定时间内独立完成，不得抄袭他人作品。

（2）网页设计应具有创新性，尽可能地展示个人的设计思路和风格。

（3）动态效果的设置应合理，不得影响网页的加载速度和用户体验。

（4）作品需以PDF或图片格式提交，包括网页的截图和相关的代码文件。

（5）提交作业时需注明作业名称、学号、班级等信息。

四、作业评价（1）教师根据学生的作品进行评分，评价标准包括设计的创新性、代码的规范性、动态效果的实现效果等。

（2）教师会挑选出优秀作品进行展示，鼓励学生之间的交流和学习。

（3）对于存在问题的作品，教师会给出具体的改进意见和建议。

五、作业反馈（1）教师会在课堂上对作业进行点评，指出学生作品的优点和不足。

（2）学生之间可以相互交流作品，分享设计思路和实现方法。

（3）教师会根据学生的作业情况，调整后续的教学内容和进度，确保教学效果。

通过以上作业设计旨在通过实践操作，让学生掌握网页动态效果的设计与实现，提高学生的信息技术应用能力和创新思维。

《网页动态效果》作业设计方案（第一课时）一、作业目标本次作业旨在帮助学生掌握网页动态效果的基本原理和制作方法，提高他们的信息技术应用能力，同时培养他们的创新思维和团队合作精神。

二、作业内容1. 任务一：制作一个简单的网页动态效果学生需要选择一个主题，如“我的学校”，设计一个包含动态内容的网页。

要求包括文字、图片、音频、视频等元素，并且可以使用至少一种动画效果。

作业文件以学号命名，保存在班级文件夹中。

2. 任务二：创意设计比赛学生可以发挥自己的想象力和创造力，设计并制作一个具有独特风格的网页动态效果。

主题自选，要求创意性强、技术难度适中。

完成后，学生需提交作品介绍（包括创意、技术实现方式等）和演示视频。

3. 任务三：小组合作制作特色页面学生以小组为单位，选择一个共同的主题，如“未来的学校”，合作设计并制作一个包含动态效果的特色页面。

要求小组内成员明确分工，共同完成作业。

三、作业要求1. 按时提交作业，逾期不补；2. 作业文件应保存在指定文件夹中，便于管理和评价；3. 提交作品需注明学号和姓名，以便于识别；4. 创意设计比赛需提交作品介绍和演示视频，视频应清晰、流畅；5. 小组合作任务需明确分工，确保每位成员都参与其中。

四、作业评价1. 评价标准：根据作业完成质量、创意性、技术实现难度等方面进行评价；2. 评价方式：教师评价与学生互评相结合，以教师评价为主；3. 评价时间：作业提交后一周内完成评价，并及时反馈给学生。

五、作业反馈1. 学生反馈：学生需认真听取教师的评价和建议，针对不足之处进行改进，并在下次作业中有所提高；2. 教师反馈：教师将根据评价结果，对优秀作品进行表扬，对普遍存在的问题进行集中讲解，帮助学生更好地掌握网页动态效果的制作技巧。

通过本次作业，学生将进一步巩固网页动态效果的基本原理和方法，提高他们的信息技术应用能力和创新能力，为后续的学习和工作打下坚实的基础。

同时，通过小组合作任务，学生将学会团队合作和沟通交流，培养他们的团队意识和协作精神。

《网页动态效果》作业设计方案（第一课时）一、作业目标本课作业设计旨在使学生掌握基本的网页动态效果制作方法，通过实践操作，加深对HTML、CSS及JavaScript等网页制作基础知识的理解，并能够初步运用这些知识制作简单的网页动态效果。

二、作业内容1. 理论知识学习：学生需认真阅读《网页动态效果》相关教材内容，了解网页动态效果的基本概念、实现原理及常用技术。

2. 实践操作：学生需利用所学知识，使用HTML、CSS及JavaScript等工具，自主设计并制作一个包含至少两种动态效果的简单网页。

具体要求如下：（1）选择一个主题，如动物世界、节日庆祝等，围绕主题设计网页布局和内容。

（2）运用HTML和CSS，为网页添加基本的结构和样式，包括标题、段落、图片等元素的排版和美化。

（3）使用JavaScript实现至少两种动态效果，如鼠标悬停时图片放大、文字的渐入渐出等。

（4）确保网页在不同浏览器中的兼容性，能够正常显示和运行动态效果。

3. 作业拓展：鼓励学生尝试使用其他工具或技术，如jQuery 插件、CSS3动画等，为网页添加更多丰富的动态效果。

同时，可以引导学生了解网页交互设计的理念和方法，提高网页的用户体验。

三、作业要求1. 作业需在规定时间内完成，并按时提交。

2. 作业需符合学校和课堂的学习要求，内容健康、积极向上。

3. 作业需独立完成，不得抄袭他人作品。

4. 作业需注重实践操作，注重效果展示，避免只写代码不测试的情况。

5. 提交的作业需包括源代码文件和最终完成的网页文件。

四、作业评价1. 评价标准：根据学生的理论知识掌握程度、实践操作能力、作品创意及完成度等方面进行评价。

2. 评价方式：教师根据学生提交的作业进行批改和评价，给出详细的评语和分数。

同时，可以邀请同学之间互相评价，互相学习、互相提高。

五、作业反馈1. 教师需及时批改学生作业，给出详细的反馈意见和建议。

2. 对于优秀作品，可以在课堂上进行展示和分享，鼓励学生学习他人的优点和经验。