3727100网页设计与制作任务驱动式教程第2版陈承欢案例结果课程设计.docx

资源描述

3727100网页设计与制作任务驱动式教程第2版陈承欢案例结果课程设计.docx

《3727100网页设计与制作任务驱动式教程第2版陈承欢案例结果课程设计.docx》由会员分享，可在线阅读，更多相关《3727100网页设计与制作任务驱动式教程第2版陈承欢案例结果课程设计.docx（32页珍藏版）》请在冰豆网上搜索。

3727100网页设计与制作任务驱动式教程第2版陈承欢案例结果课程设计.docx

3727100网页设计与制作任务驱动式教程第2版陈承欢案例结果课程设计

附录A　网页设计与制作类职业岗位需求分析

从2009年开始，通过对前程无忧、智联招聘、中华英才等专业招聘网站的网页制作、网站设计、网页设计、网页版面设计、网站编辑、网站美编等职业岗位的调查分析，对网页设计与制作相关岗位的职位描述和任职资格有了深入的了解，从而对网页设计与制作课程的知识、技能、素质要求有了全面的认识，这些职业岗位的工作职责和职位要求如下表所示。

1．网页制作类职业岗位的工作职责和职位要求

职位名称

网页制作

工作职责

（1）参与网站策划与设计

参与公司及客户网站的总体及各个栏目的内容策划、功能需求分析

制作公司及客户网站架构设计，树立统一的品牌形象

（2）网页设计与制作：

负责确定公司及客户网站页面内容和风格

按照行业及公司的规范完成网站原型设计和页面制作

为网站Web程序开发团队提供脚本和网页模板

（3）网站维护

负责定期分析竞争对手产品，并对自有产品提出整改计划，定期策划网上活动

根据审定的方案参与网站项目的上线升级实施工作，对方案实施的准确性负责

协助网站开发人员对网站程序功能进行测试

（4）与其他相关人员的协调与沟通

与团队其他成员进行有效沟通，了解其他团队成员工作情况、工作进度，定期进行技术交流与共享

与客户进行有效沟通，了解客户有效需求，以便对网站进行更新

职位要求

（1）知识与技能

熟悉网站制作与设计流程，能跟踪最新的网页设计与制作技术

熟练运用HTML、CSS、JavaScript等Web开发技术，制作符合Web标准的网页

熟悉常用图像制作软件和Flash制作技术，能够使用Dreamweaver等工具制作网页

能够将网页设计师的效果图快速转换为Web标准原型

（2）素质要求

沟通协调能力：

正确理解别人的感受和想法，善于倾听，能够理解他人思想和行为背后的原因

团队合作：

愿意与他人合作，主动与其他成员进行沟通交流，分享信息、知识和资源，愿意帮助其他成员解决所遇到的问题，无保留地将自己所掌握的技能传授给其他成员

思维能力：

头脑灵活、思路清晰，具备缜密的逻辑思维能力以及耐心细致的观察能力，处理事务有清晰的条理性，工作重点明确，具备较强的执行能力，学习能力强，有创新意识

坚韧性：

处于较大的工作压力下或产生可能会影响工作的消极情绪时，能够有效地控制自己的情绪，通过建设性的工作化解工作压力或消极情绪

2．网站设计类职业岗位的工作职责和职位要求

职位名称

网站设计

工作职责

（1）负责网站设计的需求沟通，确定网页设计的视觉标准和风格标准等

（2）负责客户网站创意、设计与页面制作

（3）负责网站整体版式设计、通过良好的视觉传达与表现，增加品牌感染力，提高用户使用效率

（4）负责网站相关项目、活动、专题的设计与创意工作

（5）与团队配合，提升网站的视觉表现力及易用性，跟踪产品效果，分享设计经验，提出设计改善方案

（6）熟练运用各种不同类型的设计表现形式，准确传达信息

（7）完成网站日常的页面设计、制作及维护工作

（8）进行网站图片设计与制作

（9）完成网站日常的Flash动画设计、制作及更新工作

（10）负责网站广告的设计与制作

（11）完成网站日常所需的平面设计及维护工作

职位要求

（1）具有一定的美术功底及良好的创意构思能力，很好地把握视觉色彩与网站布局，思想敏锐活跃，具有一定的视觉创作经验和独到的审美修养；对商业需求有非常敏感的把握和表现能力

（2）熟练运用Photoshop、Illustrator、AI、Flash，Dreamweaver等工具或同类软件，擅长页面效果图制作和文字的编排，具有较强效果图制作及网页设计能力

（3）熟悉网页制作，能与Web前端工程师紧密配合

（4）对色彩有深刻的把握力、独特的设计风格、独到的创意视点与创新意识

（5）熟悉HTML，Div，熟练运用Div＋CSS布局与美化网页，能够手写HTML代码

（6）具有较强图片制作、处理能力。

精通Photoshop、Fireworks、Illustrator等图片处理相关软件

（7）熟悉FlashAction

3．网页设计类职业岗位的工作职责和职位要求

职位名称

网页设计

工作职责

（1）负责公司网站整体视觉、UI、LOGO、宣传手册等设计与创意，负责网站设计的需求沟通，确定网页设计的视觉标准和风格标准等。

（2）负责客户网站创意、设计、页面制作；负责频道、专题、网页的美工设计

（3）负责公司网站的设计、改版与更新

（4）负责网页、图片设计与制作

（5）负责客户及系统内的广告和专题的设计

（6）负责与开发人员配合完成所辖网站等前台页面设计和编辑

（7）其他与美术设计相关的工作

职位要求

（1）具有扎实的美术功底、良好的艺术审美观、优秀的审美力、良好的创意思维和理解能力，能及时把握客户需求，能独立完成整个网站页面设计与制作工作

（2）具有良好的网站版式设计能力，色彩感和整体布局感较强

（3）熟练使用常用图片设计和处理软件，对图片渲染和视觉效果有较好的认识

（4）能熟练使用Flash、Dreamweaver、Firework、Photoshop、Illustrator等软件，熟悉HTML、Div、CSS、JavaScript等，有手工编写和修改代码能力优先

（5）对Web设计及相关技术有很好的见解，能和Web程序员进行沟通和合作

（6）工作积极主动、责任心强、思路开阔、有敬业精神，能在较大压力下完成工作

（7）善于与人沟通，有高度的责任感和创新精神，保证工作质量

（8）富于工作热情及团队合作精神，勇于接受挑战

（9）有网页设计及平面设计工作经验优先，有过Web和WAP等相关产品设计开发者优先，有手机UI、美术、设计经验者优先，具有大型网站美工经验者优先

4．网页版面设计类职业岗位的工作职责和职位要求

职位名称

网站编辑

工作职责

（1）负责网站创意、网页设计、页面制作管理和维护，负责网站页面结构的设计和实施。

（2）负责网站整体架构的设计和网站风格的把握

（3）负责网站的设计、改版和更新

（4）负责网站广告和专题的设计

（5）独立制作flash广告，负责页面特效、网站图片、动画设计制作等

（6）负责与开发人员配合完成网站前台页面设计和编辑

（7）协调其他部门完成网站的开发

职位要求

（1）具有优秀的审美力、独特的创意、扎实的美术功底，对于艺术有着自己的追求和热爱

（2）对于网站的美工开发有独到的见解和意见。

对于色彩的搭配有着独到的见解和体会

（3）有创意及品味，有较强视觉创作能力，扎实的色彩感和色彩把握能力，对色彩构图等元素敏感，对网页配色与排版有一定的经验

（4）对网站的结构、整体布局、色彩感觉良好；有丰富的想象力和创新力；思路开阔能较好的理解用户界面的要求，能根据要求设计页面

（5）对网页美感有驾权和品评能力，能很好的把握网站整体风格设计，注重理解需求和用户体验

（6）有较强的网页设计和制作能力，能胜任栏目、网页的规划和制作，能够独立完成大型网站的静态美工页面制作、排版及输出

（7）精通创意设计和网页设计相关的软件工具（例如Dreamweaver），能熟练使用Photoshop、Fireworks、Illustrator、Coredraw、Flash等相关设计类软件，熟悉页面设计、平面设计和CI设计，熟悉ActionScript者优先

（8）熟悉HTML、DHTML、XHTML、XML、CSS、JavaScript和Div+CSS网页布局技术、网页特效设计技术，能手写HTML代码和CSS样式

（9）熟悉Web标准和Div+CSS技术，能独立完成美工及Div+CSS网页的静态页面布局，并至少能兼容IE和FireFox两款浏览器

（10）熟悉ASP.NET（C#）或ASP，能与程序员合作完成网站开发项目

（11）熟悉网站建设、网页设计制作流程，能够配合程序员嵌套界面和程序。

能跟踪最新的网页设计与制作技术

（12）具有较强的理解能力、领悟能力、沟通能力、工作协调能力和创新精神

（13）积极肯干，吃苦耐劳，具有高度的责任感

（14）具有自我激励和良好的交流、沟通技巧，善于协作与沟通

（15）具备良好的职业素养及团队合作精神，有良好的职业道德观念和工作态度，并能承受工作压力

5．网站编辑类职业岗位的工作职责和职位要求

职位名称

网站编辑

工作职责

（1）负责公司网站的内容采编、整理、审核及发布，包括文字、图片、视频等资料，为网站提供符合用户的有效信息

（2）负责公司网站内容的架构、栏目和专题的策划及更新维护；能够独立完成选题策划，稿件组织与编辑工作；针对网站目标受众提供有吸引力的网站内容；保证公司网站的正常运营以及网站推广活动的实施，以提升网站用户数、网站pv流量和用户粘着度

（3）负责策划与制作专题，参与专题和活动的策划、组织

（4）负责行业内活动的现场采访以及后续的稿件撰写、发布

（5）负责与技术等部门的沟通协作

职位要求

（1）熟悉网络基本知识，能熟练使用Office等办公软件，熟练Dreamweaver、Photoshop等网页制作编辑工具和图像处理工具，可以独立制作、修改网页

（2）有较强的文字驾驭能力，有良好的文字、图片编辑能力，能够清晰而有逻辑的表达自己的想法，具有创造性的思维；能独立撰写策划文案，有丰富的想象策划能力，能独立完成大型网站的策划方案

（3）熟悉网络语言，擅长用文字调动网络人群的情绪，对网络文案的策划、编辑有一定的实际操作经验，熟悉网络编辑、销售型文案写作，有较强的文字编辑能力、编辑思维能力和策划能力，擅长信息的搜集与整合，能独立完成各种文案的编辑和创作

（4）踏实肯干，思维活跃，诚实守信，具有良好的团队合作精神

（5）工作积极主动、勤奋好学、行为自律；为人诚实、正直，性格开朗、责任心强

（6）具有迎接挑战的信心和对工作的激情

6．网站美编类职业岗位的工作职责和职位要求

职位名称

网站美编

工作职责

（1）负责网站整体美化工作，负责网站的美观度和友好性的把握

（2）负责公司网站的网页美工设计

（3）负责公司网站相关新闻及专题的创意、页面风格设计及专题制作。

（4）负责网站页面设计和常规广告设计

（5）负责专题和活动的美术设计工作

职位要求

（1）有较强的美术功底、良好的创意设计和视觉表现创造能力

（2）熟练使用Photoshop、CorelDraw、Flash等软件进行图片及动画创作

（3）熟悉网站建设流程及构架，熟练应用Div+CSS布局制作网页，能用Div快速切图；熟悉HTML语言

（4）具备独立策划能力，能快速在兼顾网站风格、用户体验、功能利用、视觉效果等多重角度的情况下设计作品

（5）熟悉Web设计与开发的相关标准

（6）具备客户服务意识，有独特的见解、独立思考能力和创新意识

（7）具有敬业精神，良好的人际沟通能力和团队合作精神和协作能力，能承担工作压力

附录B　课程教学设计

1．教学单元设计

教学单元设计如下表所示。

单元序号

单元名称

建议课时

建议考核分值

单元1

创建站点与浏览网页

单元2

制作文本网页

单元3

制作图文混排网页

单元4

制作表格布局的网页

单元5

制作包含超级链接和APDiv的网页

单元6

使用模板和库制作网页

单元7

制作表单网页

单元8

使用CSS布局与美化网页

单元9

制作包含特效的网页

单元10

设计与制作网站主页

单元11

整合与发布网站

小计

2．教学流程设计

教学流程设计如下所示。

教学环节序号

教学环节名称

说明

教学导航

明确教学目标、重点和难点、熟悉教学方法、了解建议课时

操作准备

在正式完成网页制作任务之前做好创建所需的文件夹、拷贝所需的资源、启动DreamweaverCS6、创建本地站点等方面的准备工作

引导训练

引导学习者一步一步完成网页设计与制作任务

引导训练

考核评价

对单元引导训练任务的完成情况进行考核评价，包括考核项目、考核内容、评分标准和评价方法等方面

同步训练

参照引导训练的过程，学习者自主完成类似的网页设计与制作任务

同步训练

考核评价

对单元同步训练任务的完成情况进行考核评价

拓展训练

自行确定网页主题、收集所需素材、设计网页结构、制作类似网页

拓展训练

考核评价

对拓展训练任务的完成情况进行考核评价

代码解读

对HTML代码或CSS样式代码进行分析与说明

问题探究

对网页设计与制作方面的关键问题进行分析与阐述，熟悉相关理论知识，对网页设计与制作提供方法指导和知识支持

单元小结

对本单元所学习的知识和训练的技能进行简要归纳总结

单元习题

通过习题测试理论知识的掌握情况和操作技能的熟练情况

3．相关知识点与技能点选取与序化以及教学案例设计

相关知识点与技能点选取与序化以及教学案例设计如下表所示。

单元序号