上海震旦职业学院2021级

《实训三【网页制作】》专业实训（实习）大纲

二级学院名称：东方电影学院       专业名称：艺术设计

制定人：田甜                     开课学院（部门）审核人：姜超

实践课程名称：实训三【网页制作】

课程代码：

适用层次（本/专科）：专科          属性（校内/校外实习）：校内实习

类别（专业/岗位/毕业实习）：专业实习

实习周数（或学时数）：48

先修课程：设计素描、设计色彩、设计构成、《图形图像处理【PS】》、摄影摄像基础【数字影像】、图形创意

1. 本实习在课程体系中的定位

本课程是艺术设计专业的必修课和专业实践课，适用于高等职业学校的艺术设计专业，其主要功能是使学生能根据客户要求设计并能熟练运用平面软件（Photoshop）和视频软件（Premiere）制作按照制作标准制作电商网页的产品主图、详情页和视频，运用平面软件（Photoshop）和网页制作软件（Dreamweaver）按照制作标准制作网页模版、切割网页、创建站点、排版网页、制作交互效果和优化网页，能胜任网页设计师这一一线岗位。

本课程以《设计素描》、《设计色彩》、《设计构成》、《图形图像处理【PS】》、《摄影摄像基础【数字影像】》和《图形创意》专业基础课为前导课程。应与《网页设计与制作》专业课同时开设，以强化电商网页制作能力，形成完整的网页制作标准体系。

2. 教学目标

（一）知识目标：

1、通过练习使学生识记电商文案或网页设计稿的主要内容及其含义与特征；

2、通过实例操作使学生描述电商店铺首页、主图、详情页、促销优惠券和官网产品展示页、预约页与视频页的设计制作流程与方法；

3、理解数码相机+PS/AI制作促销优惠券、主图、详情页的技术和标量；

4、理解PS+DW+AN制作电商店铺首页和官网产品展示页、预约页与视频页的技术和标量。

（二）能力目标：

1、能根据电商文案，利用数码相机拍摄产品照片；

2、能根据电商文案，利用PS/AI制作促销优惠券、主图和详情页；

3、能根据网页设计稿，利用PS+DW+AN制作店铺首页和官网产品展示页、预约页与视频页。

（三）情感目标：

 1、增强克服困难的意志，形成良好的学习与工作意识、方法和习惯，进而形成科学的学习与工作态度，建立正确的世界观、人生观和价值观。

 2、增强团队协作意识，养成与他人在学习及工作中和睦相处和积极乐观的品质。

3. 教学效果

通过该实践课程的学习，学生能够：

 1、形成良好的学习与工作意识、方法和习惯以及科学的学习与工作态度；

 2、了解网页前端美术作品制作的流程、方法和基本技术；

 3、理解网页美术前端作品制作的标量、技术（包括高级技术）性能与特征；

 4、将数码相机+PS/AI+DW+AN技术应用到网页前端美术作品制作中；

 5、分析用到网页前端美术作品制作中相应技术的原因与优势；

 6、综合作品设计和制作技术以制作网页前端美术作品。

4. 实习内容与教学效果对照表 （在相应的教学效果处打√）

五、实习内容和基本要求

实习项目一：初识网页                  学时：6学时

实习内容：

1、简单网页模板制作；

2、网页切割；

3、站点创建；

4、网页排版；

5、交互添加；

6、网页优化。

实习要求：

通过本章节官网产品展示页制作的实际操作，能描述网页的设计制作流程与方法，能理解PS制作模板并切片和DW创建站点、排版、制作交互与优化网页的技术和标量，能根据设计稿，利用PS制作网页中的图片、文字及其排版并切割后导出网页，利用DW创建站点、排版、制作交互（文字、图片与热点）和优化网页。

重点难点：

【本实习重点】能根据设计稿，利用DW创建站点和排版。

【本实习难点】能描述网页的设计制作流程与方法，能理解PS制作模板并切片和DW创建站点、排版、制作交互与优化网页的技术和标量，能根据设计稿，利用DW排版。

实习项目二：网页图文                  学时：10学时

实习内容：

1、主图制作；

2、运营图片（促销优惠券）制作；

3、详情页制作。

实习要求：

通过本章节促销优惠券、主图和详情页制作的实际操作，能描述促销优惠券、主图和详情页的制作流程与方法，能理解数码相机拍摄产品照片、PS/AI制作运营图片、主图和详情页的技术和标量，能根据电商文案，利用数码相机拍摄产品照片，利用PS/AI制作促销优惠券、主图和详情页。

重点难点：

【本实习重点】能根据电商文案，利用数码相机拍摄产品照片，利用PS/AI制作促销优惠券、主图和详情页。

【本实习难点】能描述促销优惠券、主图和详情页的制作流程与方法，能理解数码相机拍摄产品照片、PS/AI制作运营图片、主图和详情页的技术和标量，能根据电商文案，利用PS/AI制作详情页。

实习项目三：网页表单                  学时：8学时

实习内容：

1、网页模板制作；

2、切割网页；

3、创建站点；

4、排版网页表单；

5、添加表单交互；

6、网页优化。

实习要求：

通过本章节官网产品预约页的实际操作，能描述表单页的制作流程与方法，能理解PS制作模板并切片和DW创建站点、排版、制作交互、优化网页的技术与标量，能根据客户要求设计表单网页，利用PS制作网页模版并切割导出网页，利用DW创建站点、排版、制作（文字、按钮图片、表单与按钮）交互和优化网页。

重点难点：

【本实习重点】能根据客户要求设计表单网页，利用PS制作网页模版并切割导出网页，利用DW创建站点、排版和制作（文字与表单）交互。

【本实习难点】能描述表单页的设计流程与方法，能理解PS制作模板并切片和DW创建站点、排版、制作交互、优化的技术与标量，能根据客户要求设计表单网页，利用PS切割网页模版，利用DW制作表单交互。

实习项目四：网页视频                  学时：8学时

实习内容：

1、网页模板制作；

2、切割网页；

3、创建站点；

4、排版网页视频和网幅广告；

5、添加视频交互；

6、网页优化。

实习要求：

通过本章节官网产品视频页的实际操作，能描述视频页的制作流程与方法，能理解PS制作模板并切片、Flash制作具交互效果的视频和DW创建站点、排版、制作交互与优化网页的技术和标量，能根据客户要求设计视频网页，利用PS制作网页模版并切割导出网页，利用Flash制作具交互效果的视频，利用DW创建站点、排版、制作（图片、按钮与文字）交互和优化网页。

重点难点：

【本实习重点】能根据客户要求设计视频网页，利用Flash制作具交互效果的视频。

【本实习难点】能描述视频页的制作流程与方法，能理解Flash制作具交互效果的视频的技术和标量，能根据设计稿利用Flash制作具交互效果的视频。

实习项目五：网页动态                  学时：16学时

实习内容：

1、网页模板制作；

2、动态店标制作；

3、动态海报制作；

4、切割网页；

5、创建站点；

6、排版动态店标和动态海报；

7、添加隐藏按钮交互；

8、网页优化。

实习要求：

通过本章节电商店铺首页的实际操作，描述店铺首页的设计流程与方法，能理解PS制作模板并切片和DW创建站点、排版、制作交互与优化网页的技术和标量，能根据客户要求设计动态网页，利用PS制作网页模版并切割导出网页，利用DW创建站点、排版、制作（图片、按钮、文字与隐藏面板）交互和优化网页。

重点难点：

【本实习重点】能根据客户要求设计动态网页，利用PS制作网页模版，利用DW创建站点、排版、制作（隐藏面板）交互和优化网页。

【本实习难点】能理解PS制作模板并切片和DW创建站点、排版、制作交互与优化网页的技术和标量，能根据客户要求设计动态网页，利用DW制作（隐藏面板）交互。

6. 实训（实习）报告要求

项目：店铺首页制作

制作要求：1.页面尺寸：宽度1920px，长度不限，分辨率为72dpi，颜色模式为RGB；

          2.内容结构：页头、导航、海报、宝贝陈列、页尾；

3.页头：1920px╳150px，其中店招为950px╳120px，含LOGO、店名、广告语、主推产品（营养早餐）；

4.导航：950px╳30px，含首页、全部产品、水饮、乳饮、八宝粥、羊奶粉、新品、健康食品、低糖饮品；

          5.动态海报：1920px╳600px，新品（pH9.0苏打水饮品）促销，包邮特价50元/箱，2021年12月30日-2022年1月3日；

6.宝贝陈列：宽度950px，高度不限，背景宽度1920px，含AD钙奶、营养快线、爽歪歪、八宝粥；

7.页尾：1920px╳300px，含返回顶部、收藏本店、更多商品；

8.提交一个命名为“学号姓名”的文件夹，内含一个网站文件夹、网页模板PSD源文件和JPG图片文件。网站文件夹中有HTML网页和装有JPG图片素材的images文件夹

评分标准：1.尺寸、分辨率、大小、颜色模式、内容结构、页头、导航、海报、宝贝陈列、页尾符合实训要求（10分）；

 2.网页header、main和footer各区域完整，LOGO、导航栏、Banner、各大板块中照片或图片及其信息文字、版权信息等齐全（40分）；

          3.网页排版美观、图文搭配合理、色彩协调、交互统一有变化（25分）；

           4.网页符合所选美术培训学校风格，信息安排合理有创意，板式新颖，起到较好地宣传作用（15分）；

           5.网页模板、网页及其素材文件及文件夹齐全，无缺漏（10分）。

6. 实训（实习）考核方式

本课程实践教学的三种考核方式：

一是课堂出勤率。（10%）

二是采用随堂考核方式，学生做完每个项目后，由任课教师和企业技术人员共同根据市场制作标准和评分细则，对学生完成的过程和质量进行讲解与评分。任课教师和企业技术人员的评分比例为5：5。其中，第一个项目占总评成绩10%，第二个项目占20%，第三个项目占10%，第四个项目占15%，共占总评成绩的55%，项目后的测试占10%，与课堂出勤率共同组成平时成绩。

三是实训（实习）报告项目即最后一个项目的成绩，由任课教师和企业技术人员共同根据市场制作标准和评分细则进行评分，任课教师和企业技术人员的评分比例为5：5。（25%）