1、襄樊职业技术学院电子商务网页设计课程标准一、课程定位1. 高职电子商务专业人才培养目标定位高职电子商务专业主要以电子商务职业岗位(群)任职能力要求为目标，以计算机和计算机网络为工具，培养具备管理、贸易、营销、电子商务基本技术知识，面向各类工商企业（高新技术、信息产业）管理和服务第一线，能从事电子商务活动和电子商务管理等方面工作，职业能力较强的电子商务领域的高技能应用型专门人才。学生毕业后能够胜任电子商务的运营、维护与管理部门，信息网络化业务及管理部门，图像处理与网络动画制作部门，采购、供应、市场和营销等企业服务与管理部门的工作。2. 本课程在电子商务专业人才培养目标中的地位与作用电子商务网页设
2、计是电子商务专业的核心课程，该课程对学生职业能力的培养和职业素养的养成起主要支撑作用，在电子商务毕业生的三大就业岗位中对应“网络营销”与“商务平台管理”两个岗位，基于六个工作过程中的前两个“交易准备”与“信息处理”工作过程，培养学生综合能力。该课程的前导课程是电子商务技术基础 、 电子商务图像与动画技术 ，通过学习，使学生具备识别并应用 HTML 代码完成网页的细节设计与修改的能力，能够使用CSS+DIV 技术完成网页布局，能够使用 Dreamweaver 工具设计一个完整的静态网站的能力并具有建立站点、管理站点、测试网站与发布网站的能力，具有良好的团队合作精神、获取知识能力、网页设计创意思维
3、能力、色彩感悟能力等素质，达到职业技能鉴定网页制作（Dreamweaver 平台）中高级水平。后续课程是网上交易实务 、 电子商务网站建设 、 网络营销 ，通过深入学习，能快速分析理解业务需求，为今后就业打下良好的基础。二、课程目标1能力目标（1）具备优秀的网页设计能力；（2）能够负责网站页面的前台及美工处理，能够独立撰写网站设计任务书，规划、建立和管理静态网站；（3）通过与专业课的密切结合和实际应用，具备市场有敏锐的洞察力和分析能力，并设计完成一定数量的网页作品。2知识目标(1) 掌握全新的网页设计理念，最新的网页设计技术，最前沿的行业发展动态；(2) 掌握网页设计工程师、网站编辑等岗位工作
4、任务的一般流程；(3) 熟练掌握 HTML、Dreamweaver、CSS 的概念及应用。3态度目标(1) 激发学生学习和使用软件进行电子商务网页制作的兴趣，能够对自己所从事的网页设计与制作工作充满激情；(2) 培养学生爱岗敬业、吃苦耐劳、求真务实、严谨规范的工作作风，能够锲而不舍地、不厌其烦地追求技术上的创新与艺术上的完美表现；(3) 培养学生的团队协作精神，使学生在该课程实训过程中学会与人沟通和协作的方法，并让学生能够深刻认识到一个项目的成功非一己之力，非一日之功就能实现，提高学生的职业素养，提高社会适应能力，发掘学生自主学习、创造性劳动、责任感、效率观念、自我拓展的品质。根据学习领域设计
5、表，确定详细的专业能力与知识目标，如下表所示。 专业能力与知识目标编号 专业能力目标 专业知识目标1 手工编写 HTML 代码的能力URL 地址与域名的概念，网页与网站的概念，静态网站与动态网站的概念，网站分类，HTML 语言的结构、格式、标记及相关属性。2 规划网站结构的能力 需求分析的概念与内容，网站结构知识，网站的开发流程，网页设计的基本原则，网页版面布局要求。3 建立站点与管理站点的能力 文件与文件夹的命名规则，Dreamweaver 工具的工作界面的概念， “文件”面板的使用方法，站点的创建方法，站点的管理方法。4 利用表格进行页面布局的能 力 页面布局的概念与要求、表格的概念、表格
6、的属性、表格的合并与折分、单元格的属性。5 编辑文本与编辑图像的能力 文本与图像的属性及其设置，图像与文本混合编排的概念与方法，在表格中输入文字并定位的方法，在表格中插入图像并定位的方 法，水平线、文件头标签、特殊字符的插入。6 创建网页超级链接的能力 超级链接的类型和属性7 制作交互页面的能力 表单与表单对象的属性及其设置8 利用框架制作页面的能力 框架与框架集的属性及其设置方法9 网页中应用多媒体与动画的能力 Flash 文件及视频文件的制作与应用10 创建动态网页的能力 行为与事件的概念，行为的应用，插件的应用11 统一网站风格、提高工作效率的能力 模板与库的概念及应用12 使用 CSS
7、+DIV 进行页面布 的能力 层的概念与属性设置、层的定位、层的操作、样式的套用13 使用 CSS 美化页面和进行 页面布局的能力 CSS 样式表的概念、CSS 样式表的基本语法、CSS 选择器的类型14 测试与发布网站的能力 网站测试的方法，域名的申请方法，网站发布的方法，网站的维护与更新方法三、课程设计1设计思想 本学习领域根据网页设计与制作岗位从业人员所必须具备的综合能力要求，以综合职业能力培养为目标，以工作过程系统化理念为指导，以教学做一体化为典型特征，与行业企业合作共同开发与设计。本课程的设计链路是：社会需求分析确定专业职业分析典型工作任务学习领域学习情境教学场景设计教学组织效果测试
8、。 在进行课程开发之初，经过与本地区电子商务行业企业网页设计工程师、网站编辑多次探讨，针对襄樊地区市场需求，以学生为本，以企业提供的真实、典型工作项目为载体设计学习情境，校企合作开发课程，以培养电子商务网页设计与制作能力为核心，设计 8 个典型工作项目。学生在 8 个工作项目的学习当中，逐步完成由易至难、渐进复杂的典型工作项目，不仅强化了电子商务网页设计的专业能力，而且学生的团队合作、沟通等社会能力得到不断增强，获取信息、分析问题、解决问题的方法能力得以提升。根据“电子商务专业人才培养方案”和职业岗位工作任务分析，确定电子商务网页设计学习领域，如表一所示。 表一 学习领域设计表专业名称： 电子
9、商务学习领域编号 5学习难度范围 1 电子商务网页设计时间安排108 学时职业行动领域描述网页设计与制作员根据网页设计任务书，在电脑办公工位，在规定时间内以经济的方式按照专业要求完成网页维护、修改、改版或新网站建设的静态网页设计与制作工作。网页维护和修改工作，以个人独立工作；网页改版或中小型新网站建设的静态网页设计工作以小组形式或独立工作；大中型新网站建设一般以小组形式工作，使用电脑和 Dreamweaver工具软件，对文字、图象和 Flash 等多媒体素材进行编辑、设计与制作，并符合 W3C 规范，对已完成的工作进行记录存档。各学习场所的学习目标（企业）实践教学受训者能完成网站建设需求分析，
10、完成网站设计方案、网站实施方案，实施网站素材的收集、整理、加工，网站的设计开发、上传、发布，WEB 服务器的管理与维护，网站的测试与验收，网站设计与网页制作技术文件的整理与记录。（学校）理论学习能够根据网站设计任务书要求，熟练使用电脑及网页设计运用软件，对文字、图形、图像、动画等网页素材进行加工、处理。 掌握网站设计任务书的撰写方法，能够合理安排网页制作时间，熟练掌握文字、图形、图像、动画等网页素材的处理技术，符合W3C 规范，掌握网站测试、上传、维护方法，掌握网站设计与制作技术文件的整理与记方法。工作与学习内容工作对象 网站设计任务书 合同谈判与合同文件 WEB 服务器 网站开发软件 网站测
11、试及测试报告 产品使用说明书工具 网站设计任务书 网站开发工具 网站性能测试和故障检测工具 网络安全软件 计算机工作方法 网站建设项目需求分析 网站规划、设计与网站开发项目招投标 网站建设项目实施方案的制定 网站项目实施阶段 网站系统集成及测试 网站开发技术文档的编制 网站建设项目验收 网站的管理与维护工作要求 符合企业和实际要求的技术文件 按照企业网站建设方案实施 按照计划要求实施 网站服务运行状态评测 网站运行整体性能的评测 网站运行的安全性 符合 W3C 网页制作规范 完善规范的技术文档2课时分配：序号 课程单元 学习任务及教学要求 参考学时1 网站用户体验（1）赏析各种经典网页； （2
12、）对网页的布局结构、色彩搭配形成初步印象； （3）HTML 的手工编程； （4）URL 地址与域名的概念，网页与网站的概念，静态网站与动态网站的概念，网站分类，HTML 语言的结构、格式、标记及相关属性；（5）文本标记的概念和类型，排版格式标记、图像标记、链接标记； （6）表格的标记和属性。 理论 2 实践 42 网站规划与设计（1）网站需求分析的概念与内容，网站结构知识，网站的开发流程，网页设计的基本原则，网页版面布局要求；（2）文件与文件夹的命名规则，Dreamweaver 工具的工作界面的概念，“文件”面板的使用方法，站点的创建方法，站点的管理方法；（3）规划网站结构；（4）建立站点与管
13、理站点。理论 2 实践 43 主页的设计与制作（1）页面布局的概念与要求、表格的概念、表格的属性及其设置；（2）文本与图像的属性及其设置；（3）超级链接的类型和属性；（4）利用表格进行页面布局；（5）编辑文本与编辑图像；（6）创建网页超级链接。理论 6 实践 124 主页的美化设计（1）CSS 样式表的概念；（2）CSS 样式表的基本语法；（3）CSS 选择器的类型；（4）使用 CSS 美化页面；（5）使用 CSS 进行页面布局；（6）色彩感悟；（7）结构布局；（8）获取知识；（9）如何表达网页诉求。理论 4 实践 85 二级页面的设计与制作（1）层的概念与属性设置、层的定位、层的操作、样式的
14、套用；（2）框架和框架集的属性及其设置方法；（3）水平线、文件头标签、特殊字符、lash 动画等对象的概念；（4）模板与库的概念，可编辑区域的概念。理论 6 实践 126 动态页面的设计与制作（1）行为与事件的概念，行为的基本操作，标准动作； （2）表单与表单对象的属性及其设置； （3）使用行为创建动态页面； （4）制作交互页面。理论 4 实践 87 网站的测试与发布（1）网站测试的方法；（2）域名的申请方法；（3）网站发布的方法；（4）网站的维护与更新方法。理论 2 实践 48 工学结合实训（1）根据真实项目需求制作一个完整的静态网站；（2）测试、发布、维护与更新网站。理论 10实践 203
15、. 课程单元描述：按照项目任务的编排方式， 整合专业能力与知识目标对学习领域的教学内容进行序化，设计出如下表所示 8 个网页设计与制作课程单元： 课程单元 1课程单元名称 网站用户体验 课时数 理论 2实践 4学习目标 通过赏析各种经典网页，使学生对对网页的布局结构、色彩搭配形成初步印象；能够用 html 编写简单网页。学习内容（1）赏析各种经典网页；（2）对网页的布局结构、色彩搭配形成初步印象；（3）HTML 的手工编程；（4）URL 地址与域名的概念，网页与网站的概念，静态网站与动态网站的区别，网站分类，HTML 语言的结构、格式、标记及相关属性。教学方法和建议利用启发教学法，探究式教学法
16、，讲解+案例教学法，要求学生能够做到独立完成以下任务：（1）引导学生浏览各类网站，对网页的设计与制作形成感性认识，撰写赏析报告；（2）教会学生初步阅读需求分析文档，了解设计目标、要求和设计成果；（3）能够掌握网页的相关概念和术语，认识网页中的主要构成元素；（4）用 HTML 语言编写网页头部代码；（5）编写文本和图像排版代码；（6）设计网页表格，设置表格属性；（7）阶段成果评价，调整工作计划。教学条件要求（1）Internet 环境；（2）PC 电脑；（3）Dreamweaver 工具软件。学生已有基础 Internet 应用技术、办公软件应用基础知识教师所需执教能力要求 熟练的互联网应用技术
17、、对网页的鉴赏能力和网页设计制作能力课程单元 2课程单元名称 网站的规划与设计 课时数 理论 2实践 4学习目标 （1）能够进行网站需求分析；（2）能够使用 Dreamweaver 创建站点及制作简单网页。学习内容（1）网站需求分析的概念与内容，网站结构知识，网站的开发流程，网页设计的基本原则，网页版面布局要求；（2）文件与文件夹的命名规则，Dreamweaver 工具的工作界面的概念， “文件”面板的使用方法，站点的创建方法，站点的管理方法；（3）规划网站结构；（4）建立站点与管理站点。教学方法和建议利用探究式教学法与讲解、示范、同步模仿、分组法、 “教、学、做”一体法相结合，在教学中引领学
18、生能够独立完成以下任务：（1）阅读需求分析文档，理解设计目标、要求和设计成果，搜集素材，制定工作计划；（2）欣赏优秀网页，学习他人之长，激发学习网页设计的兴趣；（3）分析优秀网页的布局结构、颜色搭配、视觉效果，留下直观的第一印象，为制作网页奠定基础；（4）确定网站名称，规划网站的站点结构，定位网站形象，设计网站的整体风格及创意，绘制网站架构图；（5）分组讨论，学生讲解；（6）定义站点，创建文件夹和空白页面，设计备注，阶段成果评价，调整工作计划；（7）阶段成果评价，调整工作计划。教学条件要求（1）Internet 环境；（2）PC 电脑；（3）Dreamweaver 工具软件。学生已有基础 In
19、ternet 应用技术、办公软件应用基础知识教师所需执教能力要求熟练的互联网应用技术、对网页的鉴赏能力和网站结构规划能力、网页设计制作能力。课程单元 3课程单元名称 主页的设计与制作 课时数 理论 6实践 12学习目标 （1）能够使用 Dreamweaver 的表格工具进行网页布局（2）能够使用 Dreamweaver 实现各种类型的超级链接学习内容（1）页面布局的概念与要求、表格的概念、表格的属性及其设置；（2）文本与图像的属性及其设置；（3）超级链接的类型和属性；（4）利用表格进行页面布局；（5）编辑文本与编辑图像；（6）创建网页超级链接。教学方法和建议利用探究式教学法与讲解、示范、同步模
20、仿、分组法、 “教、学、做”一体法相结合，在教学中引领学生能够独立完成以下任务：（1）绘制首页布局草图，规划网站页面表格结构；（2）创建页面页眉区表格；（3）创建页面导航拦表格；（4）创建页面主体内容区表格；（5）创建页面版权区表格；（6）插入 “XXX 公司网站”网站的 LOGO 和 Banner；（7）设计网站导航栏与版权区的内容；（8）按照左、中、右和上、中、下的顺序设计“XXX 公司网站”网站的首页主体内容区的内容；（9）阶段成果评价，调整工作计划。教学条件要求（1）Internet 环境；（2）PC 电脑；（3）Dreamweaver 工具软件；（4）视频播放软件。学生已有基础 In
21、ternet 应用技术、网页构成、HTML 语言基础知识教师所需执教能力要求掌握网站建设方面的综合知识，打破课程界限，不能只知道某一门学科的知识，同时要求教师至少完成过个完整网站静态网页的设计。课程单元 4课程单元名称 主页的美化设计 课时数 理论 4实践 8学习目标 （1）使用 CSS 美化页面； （2）使用 CSS 进行页面布局。学习内容（1）CSS 样式表的概念；（2）CSS 样式表的基本语法；（3）CSS 选择器的类型；（4）使用 CSS 美化页面；（5）使用 CSS 进行页面布局；（6）色彩感悟；（7）结构布局；（8）获取知识；（9）如何表达网页诉求。教学方法和建议项目教学法与任务驱
22、动法，探究法，分组法， “教、学、做”一体法相结合，在教学中引领学生能够做到独立 0 完成以下任务：（1）设计文本的基本样式，设置段落的样式，设置列表的属性； （2）创建网页文本的 CSS 样式，编辑网页文本的 CSS 样式，应用网页文本的 CSS 样式； （3）链接外部 CSS 样式 ； （4）阶段成果评价，调整工作计划； （5）写出有关 W3C 标准内容及其发展情况的一篇论文，要求学生自己寻找和学习相关知识并进行讲解。教学条件要求（1）Internet 环境；（2）PC 电脑；（3）Dreamweaver 工具软件；（4）视频播放软件。学生已有基础 Internet 应用技术、办公软件应用
23、、HTML 语言基础知识教师所需执教能力要求熟练掌握互联网应用技术、具有对网页的鉴赏能力和网站结构规划能力、网页设计制作能力。课程单元 5课程单元名称 二级页面的设计与制作 课时数 理论 6实践 12学习目标（1）使用 AP DIV 进行页面布局；（2）使用框架进行页面布局 CSS （3）使用水平线、文件头标签、特殊字符、lash 动画等对象；（4）使用模板与库批量生产网页。学习内容（1）层的概念与属性设置、层的定位、层的操作、样式的套用；（2）框架和框架集的属性及其设置方法；（3）水平线、文件头标签、特殊字符、lash 动画等对象的概念；（4）模板与库的概念，可编辑区域的概念。教学方法和建议
24、项目教学法与任务驱动法，探究法，分组法， “教、学、做”一体法相结合，在教学中引领学生能够做到独立完成以下任务：（1）绘制页面布局草图，页面布局； （2）规划页面超级链接，创建一般超级链接创建锚记链接，设置链接打开位置； （3）创建层，设置层的属性，调整层的大小和位置，把层转换为表格，把表格转换为层； （4）规划网页框架结构，建立网页框架，添加框架页内容，设置网页框架和框架组的 属性，编辑网页框架； （5）插入水平线，插入文件头标签，插入网页搜索关键字，插入特殊字符，插入lash 动画，添加空格，添加日期； （6）创建二级页面模板，设置二级页面模板可编辑区域，管理模板，创建与管理库；（7）阶段
25、成果评价，调整工作计划课外素质拓展：写出有关 RSS 内容及其发展情况论文一篇，要求学生自己寻找和学习相关知识并进行讲解。教学条件要求（1）Internet 环境；（2）PC 电脑；（3）Dreamweaver 工具软件。学生已有基础 Internet 应用技术、办公软件应用、HTML 语言基础知识教师所需执教能力要求掌握网站建设方面的综合知识，打破课程界限，不能只知道某一门学科的知识，同时要求教师至少完成过个完整网站静态网页的设计。课程单元 6课程单元名称 动态页面的设计与制作 课时数 理论 4实践 8学习目标（1）设计制作出“XXX 公司网站”网站的弹出广告页面和浮动广告页面；（2）能够创
26、建制作表单并且设置表单及表单域的属性，测试表单页。学习内容（1）行为与事件的概念，行为的基本操作，标准动作； （2）表单与表单对象的属性及其设置； （3）使用行为创建动态页面； （4）制作交互页面。教学方法和建议项目教学法与任务驱动法，探究法，分组法， “教、学、做”一体法相结合，在教学中引领学生能够做到独立完成以下任务：（1）用行为设计“XXX 公司网站”网站的弹出广告页面和浮动广告页面；（2）绘制页面布局草图，页面布局； （3）创建表单，插入文本域，插入单选框，插入复选框，插入列表和菜单，插入按钮； （4）设置表单及表单域的属性，测试表单页。教学条件要求（1）Internet 环境；（2）
27、PC 电脑；（3）Dreamweaver 工具软件。学生已有基础 Internet 应用技术、办公软件应用、HTML 语言基础知识教师所需执教能力要求熟练应用互联网应用技术、具备网页鉴赏能力、网站结构规划能力、网页设计制作能力，为学生提供广告页、表单页效果图。课程单元 7课程单元名称 网站测试与发布 课时数 理论 2实践 4学习目标 （1）在互联网上测试与发布网站；（2）维护与更新网站。学习内容（1）网站测试的方法；（2）域名的申请方法；（3）网站发布的方法；（4）网站的维护与更新方法。教学方法和建议项目教学法与任务驱动法，探究法，分组法， “教、学、做”一体法相结合，鼓 励 创 新 法 在教
28、学中引领学生能够做到独立完成以下任务：（1）注册域名，申请空间； （2）安装“XXX 企业网站”系统； （3） “XXX 企业网站”试运行； （4） “XXX 企业网站”测试报告； （5）检查站点范围的链接，改变站点范围的链接；（6）清理文档。教学条件要求（1）Internet 环境；（2）PC 电脑；（3）Dreamweaver 工具软件；（4）操作示范视频；（5）FTP 软件及主页空间信息。学生已有基础 Internet 应用技术、办公软件应用、HTML 语言基础知识教师所需执教能力要求熟练掌握互联网应用技术、具备网页设计制作能力、网站更新维护能力，帮助学生在互联网上申请空间及域名。课程单
29、元 8课程单元名称 工学结合实训 课时数 理论 10实践 20学习目标 （1）根据真实项目需求制作一个完整的静态网站；（2）测试、发布、维护与更新网站。学习内容（1）网站开发项目商务谈判的技巧； （2）网站设计方案的撰写方法； （3）网站开发项目合同的签订。教学方法和建议项目教学法，任务驱动法，探究法，分组法， “教、学、做”一体法相结合，鼓 励 创 新 法 在教学中引领学生能够做到完成以下任务：项目参考题目： （1）公司、企业实际项目； （2）制作教学资源网站； （3）制作个人网站； （4）制作班级网站； （5）制作学习网站； （6）制作学校网站； （7）制作旅游网站； （8）制作公司网站；
30、 （9）制作体育网站。 项目要求：1所创建的网站至少包括 8 个页面，分为三层，第一层为首页，第二层为 4 个二级子页，第三层为 3 个内容页，页面中至少包含一个 gif 动画；2网页的版面尺寸应用符合网页设计的规范，网站中所有文件、文件夹的命名应规范，尽量做到字母数量少，见名知意、容易理解； 3在设计过程中，要严格要求自己，树立严密、严谨的科学态度，必须按时、保质、 保量完成实训任务。要求独立完成规定的实训内容，不得弄虚作假，不准抄袭或拷贝他人的网页或其他内容；4小组成员之间，既要分工明确，又要密切合作，培养良好的互助、团队协作精神； 5实训期间，严格遵守学校的规章制度，不得迟到、早退、旷课。缺课节数达三分之一以上者，实训成绩按不及格处理；6学生应完成工作计划制定、工作总结、自评、互评和整改。教学程序：（1）明确设计任务；（2）分组探讨，制定计划；
