网页设计任务书
《Dreamweaver》网页设计实训任务书
江苏省无锡立信职教中心校
《Dreamweaver》网页设计实训任务书
一、实习目的
学生经过一个学期的学习，已能熟练的用Dreamweaver这个软件来制作一些简单的网页，能够处理、解决一些简单的实际应用，但还没有综合的制作过一个成型的网页。
通过本次大型作业，使学生能更好的复习，巩固在Dreamweaver中所学的知识，进一步理解网页制作的方法和技巧，了解网页制作的步骤和过程，为今后在网页制作方面的再学习奠定基础。
二、实习要求
本次大型作业的时间是12.25至1.6，在此期间的每天上午四节课为大型作业时间，在此期间应服从实习指导教师的安排，每天及时完成指定的相关内容，不得抄袭，同时应自觉遵守学校的各项校纪校规。
不迟到不早退，不无故缺席，同时在机房制作网页时，应遵守机房的一切管理制度，服从机房管理老师的安排，不得出现同机房管理老师发生争吵等现象，否则将取消大型作业的资格，成绩评定为不及格。
应爱护机房设备，不破坏机房设备，如发现有故意损坏机房设备者，将按其价格的3-5倍赔偿，同时成绩评定为不及格
三、实习分组
按照自愿分组的形式分组，每2人为一组，网页由2人共同完成，名单上写的第一人为组长，负责本组工作。
四、实习步骤
为了发挥大家制作主页的积极性和发挥大家的个人创意，所以本次网页制作的主题不限（不得有违反法律法规的言论）。
每个主页不的少于5页。
五、实习总结
1、编写实习总结
2、成绩评定
大型作业的成绩评定主要以实习态度、平时表现和实习结果三个方面的表现为依据，共分为四个等级：优、良、及格和不及格。
网页课程设计任务书
课程设计任务书一、设计目的本学期的《网页设计》以站点的设计为主，理论学习服务于主题与内容。
在课程设计周完成一个站点的设计与制作，从而达到以下两个目的：（一）学会使用Dreamweaver CS3、HTML、Fireworks、Flash规划站点、制作网页。
并在站点的设计中掌握一定的实用性和技巧性的技术。
（二）根据个人的设计主题，培养出查阅有关资料的习惯，强化自学能力，为进一步提高个人的素质打下基础。
二、设计过程要求（一）纪律：上机过程中遵守纪律及有关上机规定，不得浏览无关网站，尤其是不健康的站点。
课程设计过程中的表现，将作为最终评定成绩的参考。
（二）内容：网站内容以“个人网站、班级网站、计算机工程系网站、求职网站”四项为主题或自定题目，如：个人展示，宿舍生活，班级主页或文学、体育、旅游、美食等专题性站点，但建议根据个人的预期就业目标选择。
课程设计结束后可将自己所设计的网站拷贝带走，作为就业自荐的一份材料或作品。
（三）保存：设计结果及有关素材要及时上传至个人空间。
（四）要求：所设计的网站要求具有实用性和较好的创意，并尽可能应用到所学的知识，同时尽可能减少到其它站点的链接。
通过个人对资料的查阅，力所能及地利用一些好的脚本程序。
（五）考核：考核分两部分进行。
首先，网站设计的实际成果；其次，写出《课程设计报告》，在设计报告中要写明设计的主题、个人的构思与创意、采用的技术方法、使用的特殊脚本程序、各网页的设计技巧、各网页的主要内容的说明、并画出整个站点的结构图。
在设计报告的最后要注明参考文献、写明设计心得及对此课程的建设性的意见。
1、内容：20分（1）网站题材及内容是否符合本次设计的要求；（2）对选材的把握及处理是否符合内容的需要，对选材阐述的深度是否专业、精辟；（3）网站的选材是否全面、详细、充实、相关信息是否丰富。
2、版面：20分（1）版面是否简洁，主要指文本、图案是否整齐美观；（2）布局是否合理，主要指网站的结构是否科学，栏目设置是否合理，导航是否分明，是否方便查阅；（3）色彩，指色彩搭配是否协调，有层次感，且有利于浏览阅读。
网站设计任务书
网站设计任务书主题：“我美丽的家乡”课程名称：网页设计与制作学号姓名：班级：指导教师：提交日期：学期：一、网络平台的选择本网站采用静态网页平台，原因如下：第一、速度，对于速度而说，静态页面比动态好，因为静态页面是实实在在存在于服务器上的页面。
在用户向服务器发出请求时，可以直接直接调用。
然而动态，其实是一个动态页面，只是用一个技术或手段，请动态页面中的“？”等一些符号用蜘蛛可以很内容识别出来的字母给代替了。
所以像这种静态页面，要向服务器发出请求时，还要多出一个功能就是转化功能，如何同时请求过多，会加大服务器的负荷。
第二、容量，对于容量而言，因为静态页面是实实在在存在于服务器中，因此会占用一定的空间，如何文件过多，占用的空间就多。
然而动态就可以避免这一点，因为伪静态是将动态的URL 给转换成静态，实际在服务器上是不存在的。
第三、搜索引擎友好性。
对于静态URL页面，实实在在存在于服务器上，当搜索引擎收录之后，URL是不会改变的，哪有用户访问时，也不会出问题。
然而如果是动态页面，服务器伪静态组件不出问题，这个URL就没有问题，如何动态组件出问题了，哪么当搜索引擎收录这个URL就会出错，如果出现错误过多，会让搜索引擎讨厌你网站，所以在试用动态页面时，动态组件，一定不要出错。
二、基本素材的收集1、网页背景：用ps 做出的9╳9像素的图片。
2、flash：flash由软件swftext制作。
3、风景图片：在百度图片下载，后根据网页制作需要，用ps处理。
44三、网站的基本结构介绍网站栏目※首页：主要介绍家乡的基本信息；※美食广场：主要介绍家乡的特色美食；※着名人物：主要介绍了家乡着名人物；※家乡特色：主要介绍家乡特产及公厕文化；※名胜古迹：主要介绍家乡的旅游景点。
网站目录结构一级页面页面部局一、首页面分为一行三列，第一列介绍临汾概况，中间是flash”古城临汾欢迎您”，中间下方为一个字幕“我美丽的家乡—临汾”，最右边是一个交互式按钮，用于连接到首页。
《Web标准网页设计》实训任务书
w3school在线教程：/Web标准_百科：/view/7921.htm
4.任务书1_2（报告书）。
5.教学课件1_2。
方案制定与优选
请在此描述一下完成任务所选用的方法。
过程记录
收获体会
过程记录
收获体会
考核评价
组长：
教师：
日期：2011年月日
学号：姓名：专业班级：组别：日期：______
课程名称
Web标准设计（XHTML、CSS、JavaScript、XML）
请找一张自己的大头照片放在这里让老师认识一下！
学习情境
简单班级网站的开发（ML）
教学单元
1.2网站结构的制作（XHTML）
任务结果
1.问题回答WORD文本。
2.源程序代码。
3.程序测试结果。
4.全部结果保存为task1_1studentname.doc。
5.总体要求：过程记录完整、格式整齐、按时交付。
任务目标
1.了解Web标准。
2.能够根据网页源代码看出哪些网页是基于Web标准设计的。
3.能够理解Web标准每部分的作用。
（2）编写教材上的例题并运行，记录结果。
教学资源：
1.主教材：《Web编程入门经典——HTML、XHTML和CSS》编著：(美)Jon Duckett出版社：清华大学出版社；
2.任务指导书2_1。
3.参考网址：
w3school在线教程：/Web标准_百科：/view/7921.htm
工作任务
任务1.完成班级网站注册页面的结构的开发；
任务2.完成班级网站新闻页面结构的开发；
任务3.完成班级网站中班级日志结构的开发；
任务4.使用XHTML标签开发班级网站首页的结构。
《网页设计与制作》任务书
《网页设计与开发》任务书一、课程设计安排1、设计目的：通过实验使学生掌握HTML语法、网页样式表CSS、JavaScript脚本语言、网页设计工具、网页制作工具Dreamweaver 、Visual studio 2005、网页图形处理工具及网页动画制作工具，加深对课堂教学的理解。
培养学生的实验技能、动手能力和分析问题、解决问题的能力。
2、设计目标：目标是衡量学生是否取得效果的重要标志，这次课程设计的目标就是培养学生具有专业网站初步的规划、设计、制作能力。
具体表现在网站内容、功能、安全等方面合理策划和规划；培养具有主页和二级页面的创意、设计、美工等方面的技术处理能力。
3、设计内容：⏹每位同学根据自己的兴趣爱好或专长，确定一个网站主题，并独立完成该网站的制作；⏹确定的网站主题应大小适中、内容健康、具有时代气息，根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息；⏹根据确定的网站整体风格和特色进行网页设计，包括网页的页面尺寸、LOGO、导航样式、图像、背景等等；⏹利用Dreamweaver或其他网页制作软件完成页面的制作；⏹测试完成整个网站，并实现发布。
二、课程设计主题内容可以从下主题题目中任选一个完成，也可以根据自己爱好和能力进行自己选题设计。
1、体育运动主题网站2、影视综艺主题网站3、学院或班级主题网站4、个人主题网站5、历史哲学主题网站6、音乐主题网站7、游戏主题网站8、公益环保主题网站9、旅游休闲主题网站10、学习辅导类主题网站11、自定义题目每个主题具体要包含以下内容细节1．设计用户注册和登录界面（主要是界面的设计，不考虑动态的设计）。
2．利用样式和Menu控件设计导航栏。
3．利用CSS+DIV设计一个主页的布局。
4．利用多媒体工具为页面设计几个插图、logo和flash动画。
5．设计几个内置框架的应用。
6．设计几个二级页面。
三、设计要求1、网页设计要求每人一题，设计要求独立完成。
网页设计实习任务书
《网页设计》实习任务书一、实习目的1、掌握网站建设的基本技术规范。
2、掌握虚拟目录的建立。
3、熟练掌握Dreamweave软件的应用，要求掌握精美静态页面的制作。
4、了解ASP语言在动态网页设计中的应用。
（限学有余力的同学）5、掌握常用HTML代码的语义。
要求看见代码知道含义。
6、了解网页设计中数据库的建立过程。
（限学有余力的同学）7、熟悉网站维护的意义与要求。
二、实习内容第一环节：基础知识的掌握和强化训练（熟练掌握的同学直接进入下一环节）1.站点的建立：建立一个以个人拼音命名的站点，文件保存在根目录下。
2.网页元素的基本操作：包括对文字的基本操作，对图片的基本操作，对插入多媒体对象的操作。
3.对超连接的操作4对表格的操作5.在软件中对网页布局，使网站美观大气。
6.操作框架，运用框架设计7.操作使用表单制作留言板（制作登陆系统，限学有余力的同学）8.对层的操作9.制作行为的特效。
比如鼠标跟随等10.使用摸板，使网站风格统一。
第二环节：综合运用1、网站的建立和管理1）每位同学将自己使用的计算机设置成为一台WEB服务器，安装虚拟目录，建立自己的站点。
2、网页的制作和维护1）根据网站设计要求，画出网站的设计框架图。
2）设计网站的起始页面，可以借助使用photoshop设计好主页，利用切片完成。
3）制作其它页面文件，建立好各文件之间的链接关系。
要求网站层次结构清晰。
4）添加表单，建立动态交互式页面。
5）检查各页面链接是否正确，是否有死链等现象。
注意图片等网络元素路径是否正确，一定注意不要出现路径错误。
3、网页的发布1）将制作好的主页放置在wwwroot目录下，完成发布，或者通过更改路径来设置主页发布的路径。
2）如果是互联网上的空间，可以通过FTP的方式将本地制作好的主页上传到指定的目录下。
4、网站的推广1）通过加入百度源代码的方式来推广。
三、分组设计题目，专周作品1、制作一个公司的网站，要求网站中包括：公司简介、产品展示、产品代理、公司新闻、项目实施、成功案例、技术支持、用户留言等。
静态网页设计项目设计任务书
任务三：星网科技公司网页素材编辑
收集和加工网站所需图片、动画素材，任务四：星网科技公司网页编辑制作
根据效果图和素材制作星网科技公司网站页面。至少包含网站首页（每组制作）、网站各栏目首页、二级栏目子页、三级栏目页面（每人制作）。
湖南省中职计算机网络技术教师培训班
培训项目任务书
项目名称
设计与制作星网科技公司静态网站
完成时间
5天
项目目标：
通过设计与制作某企业公司网站，按照静态网站“网站需求分析→网站栏目设计→网页美工设计→网页素材编辑→网页编辑制作→网页发布与测试”的开发流程，运用相应的制作工具，完成静态网页设计与制作等工作任务。
1.1市场（服务对象）分析
1.2网站定位
1.3网站目标
2网站的内容建设
2.1网站设计
2.2网站编程
2.3网站测试和上传
2.4网站内容填库
3网站的推广
4网站的运营
4.1网站的赢利手段
4.2网站管理
5网站的投资与风险分析
书写一份详细的星网科技公司网站策划书（每组书写一份）。
任务二：星网科技公司网页美工设计
提交作品：
星网科技公司网站策划书；星网科技公司网站首页效果图、二级栏目首页效果图；
星网科技公司网站FLASH源文件；星网科技公司网站全部页面。
项目设计：项目审核：
3、链接：主页与二级页面链接正确；分页面可直接返回主页；链接提示、颜色、锚记等应用恰当，主页中的logo在鼠标悬停时有文字显示，e-mail写webmaster@，url写。
4、素材：加工静态图片素材；自制静态图片素材；自制动画效果。
网页设计任务书范文
网页设计任务书《网页设计》实训任务书院系：电气与信息工程学院专业：计算机信息管理（级）1.1实训意义《网页设计》实训是教学过程中重要的实践性教学环节。
它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。
因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。
1.2实训目的1．经过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。
（1）掌握规划网站的内容结构、目录结构、链接结构的方法。
（2）熟练掌握网页制作软件Dreamweaver 8的基本操作和使用技能。
（3）掌握页面的整体控制和头部内容设置的方法。
（4）熟练掌握网页页面布局的各种方法。
（5）熟练掌握在网页中输入、设置标题和正文文字的方法。
（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。
（7）掌握建立各种形式超级链接的方法。
（8）掌握表单网页制作方法。
（9）掌握网页特效的制作方法。
（10）掌握网站测试的方法。
2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会经过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。
3．培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。
4．培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。
5．训练和培养团队协作精神和共同开发网站的综合能力。
1.3 实训任务1．站点规划，搜集资料。
确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。
2．进行主页设计。
构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。
网页制作实训任务书(模板)
（指导教师填写）
实习（训）名称：网页设计实训
系（部）：信息与汽车工程学院专业：
班级：学 号：
************
实习（训）任务、目的、主要内容
实训任务：网页设计与动画制作
实训目的：
1. 巩固、联系、充实、加深、扩大所学知识基础理论和专业知识；提高运用所学知识，解决实际问题的能力。
2．培养独立分析问题，解决问题的能力，熟练运用计算机等工具提高工作效率。
3．培养社会活动能力，培养严肃认真、刻苦钻研、实事求是的工作作风。
主要内容：大学生思想教育主题网页设计
主题：
科普、科幻知识；公益形象宣传；大、中、小学教学用动画形象；奥林匹克体育；环境保护；战争与和平；求职；校园生活；诚信、传统美德；交通安全;卫生与健康；爱心；教育；新青年；管理；实用工具等
要求：1、网页主题突出、内容健康、构思新颖、想象丰富、力求创新；
2、整体架构清晰，栏目、板块设计及链接结构明确；
3、框架设计合理，新颖美观，页面精致细腻，实用性强。
4、必须包括自制素材（文字、图片、flash动画），网页起码包括3个栏目以上，15个页面以上
形式：1-4人为一组，定一名为组长
时间14—16周
第14周：布置实训题目，分组，分工，收集资料，网站整体风格、版式设计
第15周：网页制作、素材处理
第16周：网页测试、修改
第16周：网页演示、评分
《Html Css网页设计课程设计任务》课程设计任务书
《Html+Css网页设计》课程设计任务书一、设计题目：从以下课程设计项目中选择一个作为自己的设计开发主题，如果自己有新的选题构想，要取得授课教师的批准方可进行设计，否则不计成绩。
必须要做一个Div+Css布局的网页。
网站主题参考（自己任选）1、校园青春群落，如：班级网页、校园音乐、摄影、校园文化艺术、旅游、自愿者等等2、校园生活热点，如：上网、交友、学习、娱乐、就业、军训、心理等等3、体育健康生活，如：球类与田径活动的介绍，运动会回顾与展望，卫生与健康等4、电脑方方面面，如：介绍各类型软件的使用及实用教程，收集有意思的图片或动画，体现计算机学习乐趣等等5、结合专业，如：现代计算机教育，体现本专业及发展方向，助学网站等6、商业、门户网站，如：AAA公司网站等7、其他：如家乡旅游、个人网站等二、开发工具：DreamWeaver 、Fireworks、Photoshop 、Flash、Access、IIS等。
三、课程设计目的：用网页设计方法，设计一个网站，提高综合应用所学知识的能力，训练团队协作能力。
四、课程设计内容：本次课程设计拟分层次进行，学生可根据自身能力选择相应的题目，完成课程设计的任务。
要求：•熟练使用常用网页制作工具设计网页•熟练掌握HTML 语言•熟练掌握CSS在完全实现基础设计能力层次后，追加以下要求•能使用JavaScript 制作页面特效•能完全理解网页中使用的“特效”•掌握常用的网站管理和维护方法•合理的使用静态网页设计的新技术•网站美观大方得体•网站中可以适当运用新技术五、制作要求：1、根据自己的兴趣爱好设计一个网站，站点必须有主题，站点内容与主题相关2、网站至少包括5个栏目，整个站点的网页数不少于10个，站点中使用图片数不少于20个。
主页上最少有8个链接，其中必须包含5个以上站内链接。
主页名称保存为index.html或index.asp，路径保存在站点根目录下，图片保存在根目录下images文件夹中。
网页设计与制作课程作业任务书
广新09级《网页设计与制作》课程作业任务书
一、目的与任务
《网页设计与制作》课程作业是《网页设计与制作》课程教学中的一个重要的环节，是对学生进行的一次较为全面的网页设计与制作的训练和考核。
其基本目的是：（1）培养学生理论联系实际的设计思想，训练综合运用所学的基础理论知识，结合生产实际分析和解决网页设计与制作中问题的能力，从而使基础理论知识得到巩固和加深。
（2）学习掌握网站的一般设计过程和方法。
（3）对学生所学知识的程度进行考核。
二、教学基本要求
（1）确定设计网站的主题和风格。
（2）合理设计网站结构图。
（3）根据网站结构图，对各个页面进行布局和样式设计。
（4）完成课程作业报告。
三、课程作业题目具体要求
1、网站有一个主题，比如：个人网站、购物网站等；
2、每个网站至少包含5个以上的html文件；（网站的首页统一名称为:index.html）
3、最后提交两个内容：
1)打印纸质报告（具体要求见报告模板）；
2)网站源文件。
做完后找老师验收通过后发到365109338@。
邮件主题上一定要写明：学号+班级+姓名+网页设计与制作。
网页制作实习任务书
DIV+CSS+PHP网页制作实习一. 实习班级软件081二. 实习课程<<DIV+CSS网页设计>>+<<PHP程序设计>>三. 实习时间2010.12.05—2010.12.18(14-15周)四. 实习地点院计算中心机房五. 指导教师温且兵廖丽六. 实习任务1、制作一个企业网站或个人网站，详细要求阅读下面的课题要求。
2、用PHP为网站制作的管理系统，可以作为本次实习任务进行成绩评定。
七. 实习目的通过实习,掌握用DIV+CSS进行网站布局,用PHP进行数据库编程制作动态网页。
八. 课题要求功能概述：网站的主要页面有：首页，新闻类前台页面，登录页面，后台管理页面，制作时可参考互联网上的其他网站页面效果，布局采用DIV+CSS，动态内容采用PHP制作，比如新闻发布、网站留言等，可根据网站需要添加其他动态功能。
根据功能概述，自己构思网站中各功能模块的实现,通过本次实习，让学生能掌握网页制作中前台和后台的交互操作，能够胜任用DIV+CSS进行网站布局，用PHP开发应用系统的工作。
九.时间安排两周共10天时间，进度安排如下：第1天：规划网站结构，构思所需要的功能模块，去互联网上搜索素材。
第2-3天：根据前面的规划和构思，用DIV+CSS制作出首页静态页面和各二级页面第4-5天：设计数据库结构，规划表间的关联，确定数据类型；第6-7天：设计系统后台管理功能，比如原始数据录入、修改、删除等功能；第8-9天：完成系统前台页面功能，如新闻在首页上的显示等；第10天：程序界面美化工作，总体测试工作。
第10天：进行答辩和成绩评定。
分两部分成绩，DIV+CSS实习成绩根据页面布局效果来判定，PHP实习成绩根据网站动态页面来判定。
Web网站设计实训 任务书
无锡科技职业学院《Web网站设计实训》实训任务书一、实训目的1、知识目标（1）熟练掌握网页设计相关的岗位技能所需要的HTML、CSS、Web标准、JavaScript、Web 服务器等知识点。
（2）通过企业网站和精品课程网站的开发，理解和掌握网站开发技术和开发过程，掌握调试技巧及测试方法，增强解决处理问题的能力，积累开发经验。
2、能力目标（1）培养学生将所学专业知识融会贯通，解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。
（2）培养学生理论联系实际的工作作风、严肃认真的科学态度，以及独立工作的能力，树立自信心。
（3）训练和培养团队协作精神和共同开发应用系统的综合能力。
二、实训要求1、基本要求（1）要充分发挥主观能动性、独立思考、努力钻研、勤于实践、勇于创新。
（2）在设计过程中，要严格要求自己，树立严密、严谨的科学态度，必须按时、保质、保量地完成实训任务。
要求独立完成规定的实训内容，不得弄虚作假，不准抄袭或拷贝他人的程序代码或其它内容。
（3）小组成员之间，既要分工明确，又要密切合作，培养良好的互助、协作精神。
2、纪律和考核要求（1）实训期间，严格遵守学校的规章制度，不得迟到、早退、旷课。
（2）实训结束时，各小组长收集并整理齐相关材料，打包后上交，要求写清各成员分工和完成情况。
缺课节数达四分之一以上者，实训成绩按不及格处理。
三、实训内容1、静态网站开发通过真实的典型静态网站项目来引导学生接触网站设计制作的真实操作，把真实的项目背景（包括企业全部需要）、总结出来的项目分析、相关经验、参考效果、素材等通过实际的项目过程贯穿教学，使实训学生全面理解、领会、制作关于静态网站的步骤和技巧。
2、精品课程网站开发在静态网站实训项目的基础上，以真实的精品课程为主题，收集相关资料，根据精品课程评价标准设计网站结构，以及材料展现效果，使学生理解如何根据评价标准来组织网站内容，使得网页制作技术和素材有机的结合起来，达到制作网站的目的。
网页设计课程设计任务书
网页设计课程设计任务书一、课程目标知识目标：1. 了解网页设计的基本概念，掌握HTML、CSS等网页制作语言的基础知识；2. 学习网页布局、色彩搭配、字体选用等设计原则，提高网页审美能力；3. 掌握网页设计的流程和常用工具，了解网站发布与维护的基本方法。
技能目标：1. 能够运用HTML、CSS编写简单的网页代码，实现静态网页的设计与制作；2. 能够运用设计原则，进行网页布局、色彩搭配和字体选用，提高网页视觉效果；3. 能够使用网页设计工具，如Dreamweaver、Photoshop等，进行网页设计与制作；4. 能够独立完成一个简单网站的设计、制作与发布。
情感态度价值观目标：1. 培养学生对网页设计的兴趣，激发创新意识和实践能力；2. 培养学生团队协作精神，提高沟通与表达能力；3. 增强学生对网络信息的认识，提高网络安全意识。
课程性质：本课程为实践性较强的学科，注重培养学生的动手能力和创新能力。
学生特点：初中生，具有一定的计算机操作基础，好奇心强，喜欢探索新事物。
教学要求：结合学生特点，以实践操作为主，理论讲解为辅，注重培养学生的实际操作能力和创新精神。
将课程目标分解为具体的学习成果，以便于教学设计和评估。
二、教学内容1. 网页设计基础知识：- 网页设计基本概念与分类- 网页设计的发展历程与趋势- 网页制作相关技术简介（HTML、CSS、JavaScript等）2. 网页设计与制作：- 网页布局设计原则（如：页面结构、导航栏设计等）- 色彩搭配与字体选用- 网页图片处理与优化- HTML、CSS基本语法与运用- 网页动画与交互效果实现3. 网页设计工具与技巧：- 常用网页设计工具介绍（如：Dreamweaver、Photoshop等）- 网页设计技巧与实践（如：切图、布局、响应式设计等）4. 网站发布与维护：- 网站域名与空间选择- 网站发布与上传方法- 网站维护与更新策略教学大纲安排与进度：第一周：网页设计基础知识学习第二周：网页设计与制作（一）第三周：网页设计与制作（二）第四周：网页设计工具与技巧第五周：网站发布与维护第六周：综合实践与作品展示教学内容与教材关联性：本教学内容紧密结合教材，按照教材章节顺序进行教学，确保学生能够系统地掌握网页设计相关知识。
(完整word版)网页设计实训任务书
XXXXXX学院电子信息学院课程综合实训任务书课程名称:_____网页设计与制作________ 学生姓名:________X'X'X___________ 学生学号:_____XXX__________专业班级:______X'X'X________X'X'XX年X'X月X'X日XXXXXX教务办公室制说明1、课程设计任务书由实训指导老师制定，具体任务内容、目标、要求及安排、评定标准由各专业教研室及指导老师共同制定。
2、任务书中具体内容可根据实际课程情况进行调整，但各要素必须齐全，并在实训前将任务书电子档发给学生。
3、学生实训完成后必须填写此任务书，其中具体设计过程及结果必须将设计过程用文字的形式详细填写清楚，并将最终作品附在此任务书中。
4、此任务最终由指导老师统一评定成绩后交教务办公室。
《网页设计与制作》课程综合实训组织方案2011级软件专业一、网页设计与制作课程实训目的网站设计与制作是一门实践性很强的课程，本课程设计是学生完成本课程教学计划的一个重要的教学环节，是对学生综合运用所学的理论知识，解决实际问题能力的一次检验与测试。
通过本次课程设计，要求学生对网站规划、设计与制作有比较全面的认识，了解小型综合网站的开发步骤，熟练掌握网站的规划与建设的过程、方法、技巧，掌握网站建设行业的相关标准与制作规范，让学生经历一次开发应用的实际训练。
从而达到提高学生的开发能力和动手能力的目的，培养学生严肃、认真、严谨的职业素养。
二、网页设计与制作课程实训具体内容黄冈职业技术学院电子信息学院网站规划与设计三、课程实训具体要求1、了解网站的软、硬件平台，会发布和维护一个实际的网站，学会设计和制作网站，包括完成设计报告。
2、能够独立使用相关工具（Macromedia DreamWeaver、HTML、CSS、Adobe Photoshop、flash等）熟练制作网页。
《网页设计实训》课程设计任务书
《网页设计实训》实验教学大纲课程名称：网页设计实训课程编号：0005181100课程总学时：60实验学时数：60课程总学分：3实验学分：3开设实验项目数：3一、实验教学目的本课程设计是利用Dreamweaver、Flash、Firework、Photoshop进行课程设计。
通过对"中国西部旅游"网站结构设计、调试、连接、巩固、加深并扩大所学的理论知识，培养基本理论分析，解决实际问题的能力，逐步掌握多媒体产品设计和调试的基本步骤，同时培养严肃认真、细致踏实、刻苦钻研、有所创作、事实求是的科学作风。
二、实验项目内容、基本要求与学时分配2、实验要求：指必做、选做。
三、实验考核方式与标准课程设计成绩评定的依据有设计文档资料、具体实现设计方案的内容及课程设计考勤登记表，其中平时成绩占总成绩的20%，设计报告（说明书）和设计作品各占40%。
主要分以下几个等级：优：能圆满完成任务书所规定的各项任务，对所研究的问题分析、计算、论证能力强，在某些方面有一定的独到见解、质量高；语言简洁、准确、流畅，文档齐全，书写规范。
良：能完成任务书所规定的各项任务，对所研究的问题分析、计算、论证能力较强，某些见解有一定新意、质量较高；语言准确、流畅，文档齐全，书写规范。
中：能完成任务书所规定的各项任务，对所研究的问题表现出一定的分析、计算、论证能力；语言较准确，文档基本齐全，书写比较规范。
及格：基本完成了任务书所规定的各项任务，对所研究的问题能进行分析、计算、论证；语言较准确，书写尚规范。
不及格：未完成任务书所规定的各项任务，对所研究的问题分析、计算、论证很少；有抄袭现象；内容空泛，表述不清。
提交的电子文档必须是由学生自己独立完成，雷同者教师有权视其情况扣分或记零分。
四、实验教材与参考书制定人：张漪（制定日期：2011年8月）审定人：马青霞（审定日期：2011年 8月）《网页设计实训》任务书适用专业：计算机科学与技术专业课程编号：0005181100 前修课程：无学分：3总学时：60一、课程性质、目的与要求课程性质：专业必修课课程目的：通过对"中国西部旅游"网站结构设计、调试、连接、巩固、加深并扩大所学的理论知识，培养基本理论分析，解决实际问题的能力，逐步掌握多媒体产品设计和调试的基本步骤，同时培养严肃认真、细致踏实、刻苦钻研、有所创作、事实求是的科学作风。
01-网页设计与制作课程设计任务书
网页设计与网站建设实训课程设计任务书适用专业：计算机科学与技术（网络工程方向/软件设计方向）【课程设计目标】本课程设计的主要目的是：通过本课程设计，全面帮助学生加强对网站的认知；学会设计和制作网站（全部工作流程），包括完成设计报告，了解网站的软、硬件平台，会发布和维护一个实际的网站，熟练网页制作及相关工具的使用，掌握软件的使用技巧，掌握相关行业的相关标准。
从而运用网站界面的设计与可用性分析制作专业的站点，以便能获得就业机会，提高个人的综合竞争力与社会适应力。
【课程设计基本要求】通过本课程设计的学习与实践，学生要达到以下基本要求：1.了解网站建设流程，学会设计和制作网站。
2.能够使用相关工具熟练制作网页。
3.尽量运用业界默认的网站开发规范，努力使自己的站点专业化。
4.根据教学案例库与教师指导能够够独立完成整个网站项目。
5.按要求编写课程设计报告书，能正确阐述设计和实验结果。
6.学生必须明确设计目的和任务，端正学习态度，遵守纪律。
遵守操作规程，注意操作安全，通过课程设计培养学生严谨的科学态度，认真的工作作风和团队协作精神。
7.在老师的指导下，要求每个学生独立完成课程设计的全部内容，并独立完成课程设计报告，如发现抄袭行为，双方均以不及格处理。
【课程设计实验内容】课程设计网站有以下几点基本要求，要求每个同学在作品中都要合理地体现出来。
1、要求站点最少20个网页以上。
2、网页内容必须包括以下内容：(1)：文字，图片，链接，框架，表单等(2)：图片：鼠标经过图像、多图片随机显示、视频及flash文件(.swf)、flash文件需要自己制作，在flash文件上要标明自己的学号和姓名。
(3)：链接：空链接、下载链接、页内链接、邮件链接。
(4)：框架：浮动框架。
(5)：表单：表单项要十项不同以上，需要检查表单进弹出中文提示。
(6)：CSS：文字、图片、表格、表单的CSS效果、同时需要自己从网上下载一个CSS代码应用到网页中。
网页制作课程设计任务书
《Internet与网页设计》课程设计任务书一、课程设计目标通过该实训综合应用本学期所学的网页制作知识，全面帮助学生建立对网站的认知；建立网页制作与网站设计的基本思想；学会网页制作和网站设计的基本方法，掌握网页制作与网站设计相关软件的使用方法, 包括Adobe Photoshop，Macromedia DreamWeaver MX，Macr omedia Flash MX，Macromedia FireWorks MX等；亲自实践网页制作与网站设计的基本方法。
能够运用网页制作与网站设计的基本方法制作作品；解决一些实际应用的问题并以此为基础进一步扩展到相关的学科上；通过本课程提高网页的审美意识，注重日常经验积累。
二、设计要求1．本课程设计分小组进行，各小组成员原则上不得超过3人,有小组长协调分工,每个组员充分发挥团队协作精神。
2．确定的网站主题应大小适中、内容健康、具有时代气息；网站提供的信息应与网站主题相符合, 主题突出、内容丰富；3. 各页面设计合理、美观，有创意，适用于各种显示器的分辨率和颜色；4．网站结构应层次分明，风格统一，网站结构不少于3层，总网页文件数不少于10个，各个页面之间的链接要合理有效。
5．作品中不允许出现广告、链接错误、图片不显示、网页打开超慢等错误。
6．网站中需要运用表格、框架、模版、行为等技术；必须包含一页类似留言板功能的表单技术；使用一个动画；利用CSS来定义网站的样式表；网页要有落款、版权说明。
7．站点设计合理、管理有序、无多余文件和文件夹、大小合适；作品总文件大小不超过5MB，图片网站不超过10MB。
8．对课程设计进行总结，撰写课程设计报告；以下是站点参考示意图（参考）：三、设计流程本课程设计要求学生完成一个小型网站的制作：1．每个小组的学生根据自己的兴趣爱好或专长，确定一个网站主题；2．根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息；3．自行设计确定网站的整体结构；4．自行设计各级网页的风格；包括色彩方案：主色调、次色调；布局方案：导航和其他网页内容的位置；6．利用Dreamweaver、Adobe Photoshop、FireWorks MX 等网页制作软件设计制作各个页面；7．测试完成的网站，撰写课程设计报告。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计》实训任务书
院系：电气与信息工程学院
专业：计算机信息管理（2010级）
1.1 实训意义
《网页设计》实训是教学过程中重要的实践性教学环节。
它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。
因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。
1.2 实训目的
1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。
（1）掌握规划网站的内容结构、目录结构、链接结构的方法。
（2）熟练掌握网页制作软件Dreamweaver 8的基本操作和使用技能。
（3）掌握页面的整体控制和头部内容设置的方法。
（4）熟练掌握网页页面布局的各种方法。
（5）熟练掌握在网页中输入、设置标题和正文文字的方法。
（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。
（7）掌握建立各种形式超级链接的方法。
（8）掌握表单网页制作方法。
（9）掌握网页特效的制作方法。
（10）掌握网站测试的方法。
2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。
3．培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。
4．培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。
5．训练和培养团队协作精神和共同开发网站的综合能力。
1.3 实训任务
1．站点规划，搜集资料。
确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。
2．进行主页设计。
构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。
3．网页设计。
除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设
计）。
包括版面设计和图形设计、内容录入等。
4．动画设计。
主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。
5．综合优化。
链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）6．网站测试并递交。
在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等。
1.4 实训要求
1. 站点结构与命名
站点文件夹为学号后三位+姓名(如：101赵利敏)
站点文件夹中所包含文件夹：Images（存放图片文件）
Templates（存放模版文件）
Library （存放库文件）
other（存放其它文件）
file（存放自己设计的图形、动画源文件）
其余视文件夹需要而添加，全部用英文命名，见名知意、容易理解。
站点文件夹中所包含文件：index （首页）
*.css （样式表文件）
其余视文件夹需要而添加，全部用英文命名，见名知意、容易理解。
2. 网站题材选择
可以选择任务书1.7小节所给定参考的某个主题、若干个专题或自选主题，要求内容充实、健康。
网站标题自拟。
3. 网站技术要求
所创建的网站至少包括8个页面，分为三层，第一层为首页，第二层为4个二级栏目，第三层为3个内容页。
如下图所示结构：
（1）首页采用表格进行布局，必须包含导航栏；
（2）4个二级栏目分别为框架网页、表单网页、利用模板制作的网页、利用布局表格制作的网页；
（3）3个内容页分别为层布局的网页、应用JavaScript制作特效的网页、应用行为制作特效的网页。
（4）各个页面根据需要插入合适的图像和Falsh动画，首页要求插入背景音乐。
（5）所有页面要求内容充实、布局合理、颜色搭配协调、美观大方。
（6）各个页面之间导航清晰、链接准确无误。
4. 其他要求
（1）实训过程中既要虚心接受老师的指导，又要充分发挥主观能动性、独立思考、努力钻研、勤于实践、勇于创新。
（2）在设计过程中，要严格要求自己，树立严密、严谨的科学态度，必须按时、保质、保量完成实训任务。
要求独立完成规定的实训内容，不得弄虚作假，不准抄袭或拷贝他人的网页或其他内容。
（3）小组成员之间，既要分工明确，又要密切合作，培养良好的互助、协作精神。
（4）实训期间，严格遵守学校的规章制度，不得迟到、早退、旷课。
缺课节数达三分之一以上者，实训成绩按不及格处理。
（5）实训环境为Windows2000及以上版本的操作系统，网页制作软件为Dreamweaver 8，根据需要可以运用Photoshop处理图像，运用Flash 8制作动画。