网页设计任务书
《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、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：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制作动画。