网页课程设计任务书

2022-08-29

第一篇：网页课程设计任务书

网页设计与制作课程作业任务书

广新09级《网页设计与制作》课程作业任务书

一、目的与任务

《网页设计与制作》课程作业是《网页设计与制作》课程教学中的一个重要的环节，是对学生进行的一次较为全面的网页设计与制作的训练和考核。其基本目的是：

(1)培养学生理论联系实际的设计思想，训练综合运用所学的基础理论知识，结合生产实际分析和解决网页设计与制作中问题的能力，从而使基础理论知识得到巩固和加深。

(2)学习掌握网站的一般设计过程和方法。

(3)对学生所学知识的程度进行考核。

二、教学基本要求

(1)确定设计网站的主题和风格。

(2)合理设计网站结构图。

(3)根据网站结构图，对各个页面进行布局和样式设计。

(4)完成课程作业报告。

三、课程作业题目具体要求

1、网站有一个主题，比如：个人网站、购物网站等;

2、每个网站至少包含5个以上的html文件;(网站的首页统一名称为:index.html)

3、最后提交两个内容：

1)打印纸质报告(具体要求见报告模板);

2)网站源文件。

做完后找老师验收通过后发到365109338@qq.com。邮件主题上一定要写明：学号+班级+姓名+网页设计与制作

第二篇：以任务为导向的《网页设计与制作》课程教学设计

样刊快递到付至：辽宁省锦州市开发区西海路东段2号辽宁理工职业学院陈雪娇(收)15566561985 作者简介：陈雪娇(1985—)，女，辽宁锦州人，硕士，辽宁理工职业学院教师

任务导向法高职在《网页设计与制作》实训课程中的应用

陈雪娇

(辽宁理工职业学院，辽宁锦州 121007)

摘要：随着职业教育的蓬勃发展，传统的教学方法在课程中亟待改进。本文主要研究在任务导向法的指导下，对实训课的教学过程进行重新设计，对教学目标重新定位，选取任务为导向的教学内容，建立多元评价体系，构建新型的教学关系。关键词：任务导向;课程设计

《网页设计与制作》是一门实践性很强的学科，授课过程的实践表明：“任务导向法”在本课程中的能够促进学生学习的积极性，它符合素质教育以学生为主体、教师为主导的思

①想，同时也符合教育理论“乐学教育”、“愉快情感”的教育思想理念。

一、基于任务为导向教学目标的确定

高等职业院校《网页设计与制作》课程旨在培养计算机前台网页制作人员，因此，该课程应以行业需求确定为培养目标，以实践能力为目标实施教学活动，用多元的评价机制评价

②教学效果，并突出以能力为主的理实结合的教学目标。

教师可以将《网页设计》课程分为3个模块：运用PS对网页进行效果制作;运用Dreamweaver软件搭建网页、运用 PS、Flash 软件为网页制作 LOGO 及广告动画、三个软件的综合使用，并分别确定如下目标。

(一)能力目标

能够具备规划网站能力，编写网站策划书;能够进行网站效果图设计及网站动画设计;能够应用新技术DIV+CSS进行网站布局，进而进行静态网站的开发与制作。

(二)知识目标

掌握 Dreamweaver 的工作环境、菜单、工具栏的使用方法;掌握新建网站的方法、文档的保存方法;掌握网页的编辑技术;掌握网页超链接的插入和编辑技术;掌握表格、布局表格、单元格、框架、层的辅助定位工具操作;掌握文本、图片、动画、视频的插入、编辑、格式设置的方法;掌握利用 PS 制作处理网页中所需图像的操作方法及图像格式转换技术;掌握基本动画和高级动画的制作。

(三)素质目标

培养学生的敬业精神、团队协作神;自主学习能力;沟通能力、感悟能力;表达能力、知识应用能力;获取知识能力、自我发展能力、创新能力;责任感、效率观念。

二、基于任务为导向教学内容的选取

教师根据划分的模块可以将整个项目分为2个子项目，每个子项目对应的子任务如下：

(一)用ps制作网页效果图

制作 LOGO 及广告动画制作网页动画;制作网站LOGO、最终形成网页效果图。网站风定位、网站布局设计、网站草图绘制。

(二)搭建网页

组织和管理网页文件和文件夹;进行网页布局;超链接的制作和编辑;网页元素的插入和编辑。处理网页中的图形图像制作和处理网页中所需的图形图像文字边框等素材。

三、基于任务为导向教学过程的实施

本次教学实训主要是以学生的独立分析、研究、实践为主，教师的传授、指导和共同参与展开的。

(一)实训内容分析本次实训的主要内容就是设计制作PS网页效果图，并通过效果图完成制作网页。

(二)实训过程分解 1.任务解析

本项目属于企业类网站，在前面学习的基础上可将这类站点的开发简化为：项目的前期策划、效果图设计、动画设计制作、网站静态页面的编辑。

2.学习资源的发布

明确任务后，教师帮助学生理解任务、分析任务、分发各种图标及素材等，收集好所需资源。

3.计划与决策

在教师的建议下分组，明确分工，细分任务，按照计划开展进度。教师要实时关注学生进度，提出可行性建议和知道意见，形成可行方案。

4.实施

教师下达学习任务，学生根据任务做好计划，对于重点难点进行讲解和分析，学生做好知识点记录。对于重点难点，教师先行演练，学生同步跟练。简单知识点可以学生自主学生，商讨学习，自己解决完成任务中遇到的问题。

(三)“双品”转化

“双品”转换，即作品到产品的转化。是在临摹学习过后，自行设计一套产品，这既是从学习到创作的提升;也是学生学习领域到职场领域的过度。鼓励学生自己设计一个完整的网站，实际是将网站欣赏、网站规划、效果图设计、网页布局设计等教学模块进行重构和细化，在自己的创作中不断发现和解决问题，对实训课程之外的另一种强化和延伸。从学生的作品与产品中，不可否认学生已经熟练了网页的制作软件：Ps、Flash、Dw,但是作为一名专业从事网页工作的设计师，除了掌握这些，还需要在视觉素养方面更上一层楼。否则，我们的学生只能是工匠，而不是设计师。

四、基于任务为导向教学评价的确定

课程的评价模式通过多方面相结合综合评价学生的知识掌握情况、技能水平和综合素质，学生自评、学生互评、综合评定多元评价模式，过程评价与最终结果评价相结合。

五、总结

总之，教无定法，重在得法。以项目为载体、以任务为导向的教学方法能够调动高职院校的学生学习积极性。学生在进行项目设计时，操作更加灵活，展示自己的思路，从而更主动地参与到教学活动中来，促使学生为完成项目而进行多渠道的自主学习，让学生能在知识的学习和将来的工作岗位间实现零距离接触，为学生走向工作岗位奠定一定的基础。

参考文献：

[1]杜理明.“任务导向法”在计算机基础教学中的应用及效果[J].河北理工大学学报,2010(10) :89-91. [2]都桂英.高职院校《网页设计》课程教学设计[J].教育理论与实践,2010(9) :57-59. [3]吴俊荣.基于行动导向的《网页设计与制作》课程教学设计研究[D].东北师范大学,2012 [4]康康.论网页设计课程教学设计 [D].南京艺术学院,2012

第三篇：网页课程设计格式

程设计说明书的格式

为了保证课程设计质量，特制定本规范。

设计说明书要求按统一格式打印，其版面要求：A4纸，页边距：上2cm，下2cm，左 2.5cm、右 2cm;字体：正文宋体、小四号;行距：固定值 20;页码：底部居中。

一份完整的设计说明书应包括以下几个方面：

一、封面(包括题目、院系、学生班级、设计组号、学生组员姓名、指导教师姓名等)(见附 1)。

二、目录

居中打印目录二字，(四号黑体，段后 1 行)，字间空一字符;章、节、小节及其开始页码(字体均为小四号宋体)。节向右缩进两个字符，小节及以后标题均向右缩进四个字符。目录中应包含正文及其后面部分的条目。目录的最后一项是无序号的“参考文献资料”。

三、正文

正文应该包括以下几个主要部分：

1、网站的主题说明;

2、网站的总体规划与网站的结构框图;

3、各级网页设计说明(网站配色、导航设计、各级网页风格统一);

4、典型网页的设计过程、步骤与样例;

5、资料来源。

(二)课程设计报告编写基本要求

1、各小组由小组长统一组织协调并独立完成课程设计报告;

2、课程设计报告书写规范、文字通顺、图表清晰、数据完整、结论明确;

3、课程设计报告后附参考文献;

正文部分的格式:

段落及层次要求：每节标题以四号黑体左起打印 (段前段后各0.5行) ，节下为小节，以小四号黑体左起打印(段前段后各 0.5 行)。换行后以小四号宋体打印正文。

四、参考文献：

另起一页，居中打印参考文献四字 (四号黑体，段前段后1行)

网页设计说明书

设计课题：度假村网站

组长：冯倩

组员：班级：10信息(2)班

院系：经信学院

学期：2011-9——2011-12

指导老师：刘志兰

2011年 12 月16 日

第四篇：网页美工课程设计报告

学院：商学院专业：电子商务学生姓名：杨凤君学号： 1200530215 指导教师：

2015年

月

日

一、设计内容及制作步骤

1.1网店页面展示

1.1.1成品展示

1.2制作构思

1.2.1参考方向

参考大量用类网站，商业化的购物型型网站，都是采用中规中矩的结构，通过大小不一的方框分解整个页面。

1.3.2颜色

为了提高浏览的舒适度，颜色应以柔和淡雅的色调为主，在作导航条等反差颜色采用也应以采用柔和淡雅的色调。

1.3制作流程

1.3.1背景

全局才用了

作为风格主色，与风格搭配的副色采用了比风格更深一点的系列色，整个色调体现的是素雅的感觉。

背景图片采用与全局色相呼应的纯色背景

1.3.2店招LOGO

基础设计如上图，中规中矩的模仿了一般淘宝店铺的设置，“美美包屋”字体颜色用的是全局风格副色，因为全局基调淡雅为主，型号是方正喵呜体

因为全局基调比较素雅，选用比较活泼生动的字体添加一点俏皮的感觉，主打小清新风。

1.3.3无缝全屏海报

在店招下面设置了无缝的全屏海报自动播放，每4s“淡入淡出”的轮播效果添加了灵动的效果。

1.3.4宝贝介绍

主页的宝贝以店主推荐栏目为主。

鼠标滑过商品时，宝贝以“蝴蝶飞舞”效果划过展示。

宝贝实拍详情页面：采用了淘宝模板，但是更注重产品实拍展示

2.1移动页面展示

2.1.1成品展示

使用网上在线制作工具——应用公园制作，设计完成一键生成相应的Android与IOS APP。

2.2制作流程

启动页使用浅色与网店风格呼应。

首页设计简洁，底部两个按钮设置有相应链接，如点击品牌故事会跳转到相应的故事页面。按钮选择条形的透明体，文字则是应用白色与风格保持一致。

品牌故事页面采用墨绿色的背景，标题文字部分选取红色形成撞色效果，突出要点。

美美包屋页面做的较为详细，中间一栏设有四个功能按钮，分别是“分享”、“电话”浏览“记录”、“收藏”夹等便利快捷键。

整个做好的商品页面如下：底部有导航栏可以快速返回首页

第五篇：网页设计高级课程

网页设计高级课程(5个月)

学习内容：使用Dreamweaver制作网页、使用Photoshop处理图像、网站配色与布局、制作Flash动画、DIV+CSS、淘宝网店装饰与推广、网站架构与策划、PHP+MySql网站开发、SEO网站优化与推广。白云技师学院，最好的计算机培训课程，电脑培训课程，网页设计高级课程。电话020-36093333 px.byxy.com byxy.com

网页设计制作基本概述

理解网页设计制作原理、基本手段、流程与制作要求。

1.互联网、网页、网站、超级连接、HTML语言等基础网络知识的概念及定义

2.网站设计制作的常用工具与基本流程

3.HTML语言的基本结构和语法

熟练掌握网页设计制作的基础操作。讲解HTML代码。主要包括：

1、如何建立站点

2、对于网站文字，图片，超链接的设置

3、以及以上网页元素所对应的html代码

熟练掌握常用的页面版式与布局控制技术。

1、表格的应用

2、表单的应用