下载文档原格式
《电子商务网页设计与制作》教学教案第一章：电子商务网页设计基础1.1 教学目标1. 了解电子商务网页设计的概念与意义。
2. 掌握电子商务网页设计的基本原则与要求。
3. 熟悉常用的网页设计工具与技术。
1.2 教学内容1. 电子商务网页设计的概念与意义。
2. 电子商务网页设计的基本原则与要求。
3. 常用的网页设计工具与技术。
1.3 教学方法1. 讲授与案例分析相结合。
2. 实际操作演示与学生实践。
1.4 教学资源1. 教学PPT。
2. 网页设计案例素材。
3. 网页设计工具软件。
1.5 教学评估1. 课堂问答。
2. 学生实践作品展示。
第二章：网页布局与配色设计2.1 教学目标1. 掌握网页布局的设计方法与技巧。
2. 学习网页配色的基本原则与方法。
3. 了解色彩搭配对网页视觉效果的影响。
2.2 教学内容1. 网页布局的设计方法与技巧。
2. 网页配色的基本原则与方法。
3. 色彩搭配对网页视觉效果的影响。
2.3 教学方法1. 讲授与案例分析相结合。
2. 实际操作演示与学生实践。
2.4 教学资源1. 教学PPT。
2. 网页布局与配色案例素材。
3. 网页设计工具软件。
2.5 教学评估1. 课堂问答。
2. 学生实践作品展示。
第三章：网页图像处理与动画制作3.1 教学目标1. 掌握网页图像处理的基本方法与技巧。
2. 学习动画制作的基本方法与技术。
3. 了解动画在网页设计中的应用与效果。
3.2 教学内容1. 网页图像处理的基本方法与技巧。
2. 动画制作的基本方法与技术。
3. 动画在网页设计中的应用与效果。
3.3 教学方法1. 讲授与案例分析相结合。
2. 实际操作演示与学生实践。
3.4 教学资源1. 教学PPT。
2. 网页图像处理与动画案例素材。
3. 网页设计工具软件。
3.5 教学评估1. 课堂问答。
2. 学生实践作品展示。
第四章：网页文字处理与排版4.1 教学目标1. 掌握网页文字处理的基本方法与技巧。
2. 学习网页排版的设计方法与原则。
网页设计与制作课程标准一、课程性质与任务网页设计与制作课程是电子商务专业商务网站维护方向的一门专业技能课程。
旨在于培养学生从事网页设计与制作的基本职业能力，为下一步网站建设的学习打好基础，是学生达到网页设计制作人员的基本职业能力要求。
二、课程教学目标通过任务引领和项目活动等形式，使学生能熟练制作简单网页，能熟练创建本地站点并能在网页中设置各种超链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力，能基本胜任网页制作工作，为学生专业方向的发展奠定基础。
职业能力目标：（1）能够熟练制作简单网页；（2）能够创建本地站点并能在网页中设置各种超链接；（3）能够对网页进行具有创意的美化；（4）能够制作有创意的网页动画；（5）能够掌握网页设计与制作的相关技巧；（6）能够根据企业需要制作商务网页；（7）能够跟踪和学习网页设计与制作的新知识和新技能。
三、参考学时108学时。
四、课程内容与培养目标五、教学建议（一）教学方法教师必须重视现代教学理论的学习，不断的更新观念，深刻领会和探究任务引领型的项目活动形式的教学方式。
1.项目教学在教师的指导下由学生亲自处理一个项目的全过程，让学生全部或部分独立组织、安排学习行为，解决在处理项目中遇到的困难。
加强网页制作技术与各课程整合的研究，充分运用项目教学法，探索在数字化学习环境下的新型教学模式，为学生提供自主发展的时间和空间，努力培养学生的创新精神和实践能力，自觉地成为学生学习的引导者和促进者。
2、任务驱动法在教学活动中，教师应当围绕特定的教学项目，设计出具体的，可操作的任务，以任务组织教学，在任务的履行过程中，以参与、体验、互动、交流、合作的学习方式，充分发挥学习者自身的认知能力，调动他们已有的知识与经验，在实践中感知、认识、应用所学知识，在“做”中学、“用”中学，不断提高学生的动手实践能力。
3，分组教学法教学中要培养学生自己解决问题的综合能力，提倡让学生张扬个性特长的同时，运用分组教学培养学生与他人合作的精神，帮助学生自觉成为问题的发现者和解决者，改善学生的学习方式，培养学生合作学习与研究探索的能力。
《Dream weav er网页设计与制作》课程标准一、课程定位和课程设计（一）课程性质与作用“网页设计与制作”是高职电子商务专业的职业技能课，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件dreamweaver中文版的使用以及网页制作的拓展内容（Flash、Firework）等诸多知识的操作性极强的技能型应用课程，是本专业的一门带有实践环节的专业基础课程，是电子商务专业学生的必修课程。
“网页设计与制作”是“电子商务网站规划与管理”和“动态网页设计与制作”等课程的前期基础课程。
通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。
通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。
(二)课程基本理念本课程遵循职业性原则，以学生未来职业中可能用到的知识为中心，采用任务驱动的设计理念，以学生为主体，多元智力的学生观，突出课程的职业性，实践性和开放性，紧紧盯住产业需求，牢牢贴近一线服务，专业融入产业，规格服务岗位。
（三）课程设计思路主要指课程设计的总体思路：基于工作任务的结构模式，采取提出问题----介绍解决问题的方法----归纳总结，培养寻找答案的思维方法的模式。
以问题引导出相关原理和概念，在讲述实例的过程中融入，通过分析归纳，介绍解决工程实际问题的思想和方法，然后进行概括总结。
二、课程目标通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
《网页制作与网站设计》课程标准课程编码：020033 课程类别：专业课程适用专业：电子商务授课单位：国际商务系学时：18 编写执笔人及编写日期：张帆 2016年11月15日审定负责人及审定日期：1．课程定位和课程设计1.1 课程性质与作用本课程是电子商务专业的一门主干专业课程。
通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。
同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。
1.2 课程设计思路本课程标准的总体设计思路：以电子商务专业学生的就业为导向，根据行业专家对电子商务专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。
2．课程目标2.1 职业知识目标(1)熟悉HTML 语言的作用和开发环境，能够编写HTML 代码；(2)掌握常用的HTML 标签，能够实现基本的图文信息显示；(3)理解HTML 页面框架的作用，能够针对需求进行框架的设计；(4)掌握各类HTML 表单元素标签，能够进行表单设计；(5)掌握各类HTML 多媒体元素标签，能够进行多媒体页面设计；(6)掌握CSS 样式的基本使用方法，能够应用CSS 样式表美化页面；(7)掌握CSS 网页布局的方法，能够结合DIV 标签进行页面布局；(8)掌握JavaScript 的语法基础，能够编写简单的JavaScript 应用程序；(9)掌握JavaScript 的函数、内置对象、事件等，能够实现表单的验证；(10)掌握DOM 树形结构及其操作方法，能够控制DOM 对象。
2.2 职业技能目标(1)能独立进行资料收集与整理、具备用户需求的理解能力；(2)能根据项目需求，具备项目页面的设计与实现能力；(3)能根据静态页面设计原则与CSS 技术规范，实现页面美化与布局；(4)具有使用JavaScript 技术进行页面事件处理与表单验证的能力；(5)能根据DOM 树形结构，进行页面DOM 的控制；(6)具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。
网页设计与制作课程标准课程代码：建议课时数：学分：适用专业：五年制高职电子商务专业先修课程：图像处理、数据库管理、实用网络技术后续课程：动画制作、电子商务网站建设一、前言.课程的性质该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用性极强的课程。
其任务是：该课程主要涉及到网站建设规划与管理、语言、静态网页制作、动态网页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识和基本能力。
通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法以及初步掌握通过创建动态网站的操作技能。
.设计思路本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到的知识点融合在项目中。
学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
课程框架结构、学分和学时分配、对学生选课的建议二、课程目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。
具体目标（一）知识教学目标：了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。
了解网站平面设计的概念和过程。
了解的基本概念、基本格式、能编写一个网页；了解的工作原理；知道启动服务扩展；知道虚拟服务器技术的实现与创建；了解网站的管理包括：配置备份与恢复、网络监视、日志管理。
学会并掌握站点建设能制作简单网页学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。
《电子商务网页设计与制作》教学教案第一章：电子商务网页设计概述1.1 教学目标让学生了解电子商务网页设计的概念和意义。
让学生掌握电子商务网页设计的基本原则和流程。
1.2 教学内容电子商务网页设计的概念和意义。
电子商务网页设计的基本原则（如用户体验、界面设计等）。
电子商务网页设计的流程（如需求分析、设计稿制作等）。
1.3 教学方法讲授法：讲解电子商务网页设计的概念和意义，以及基本原则和流程。
案例分析法：分析电子商务网页设计的成功案例，让学生了解实际应用。
1.4 教学资源教材：电子商务网页设计相关书籍。
案例素材：电子商务网页设计成功案例。
1.5 教学评价学生能准确回答电子商务网页设计的概念和意义。
学生能理解并运用电子商务网页设计的基本原则和流程。
第二章：电子商务网页制作基础2.1 教学目标让学生掌握电子商务网页制作的基本技术。
让学生能够独立完成简单的电子商务网页制作。
HTML和CSS的基础知识。
电子商务网页制作的常用工具（如网页编辑器、图像处理软件等）。
电子商务网页制作的基本步骤。
2.3 教学方法讲授法：讲解HTML和CSS的基础知识，以及电子商务网页制作的常用工具和步骤。
实践操作法：让学生在电脑上进行实际操作，掌握电子商务网页制作技术。
2.4 教学资源教材：电子商务网页制作相关书籍。
实践素材：电子商务网页制作所需图片、样式文件等。
2.5 教学评价学生能掌握HTML和CSS的基础知识。
学生能够运用常用工具完成简单的电子商务网页制作。
第三章：电子商务网页布局与排版3.1 教学目标让学生掌握电子商务网页布局与排版的原则和方法。
让学生能够独立完成电子商务网页的布局与排版。
3.2 教学内容电子商务网页布局与排版的原则。
电子商务网页布局与排版的方法（如使用HTML和CSS进行布局和排版）。
电子商务网页布局与排版实例分析。
讲授法：讲解电子商务网页布局与排版的原则和方法。
实践操作法：让学生在电脑上进行实际操作，掌握电子商务网页布局与排版技术。
电子商务专业《网页设计与制作》第一章通过本章的学习，应该了解互联网的基本功能、服务、原理，对网页浏览服务的体系结构、技术名词、浏览器有基本的了解。
对于网页的设计原则和所使用的工具应有一定的认识。
从而为继续深入学习网页制作技术打下知识基础。
知识点：1. 互联网主要提供的几种服务：Web、FTP、Telnet等的概念与功能；Web浏览器服务的基本原理；URL、HTTP、超级链接、域名系统等的概念。
2. 网页与主页之间的关系；网页的基本概念。
3. HTML的概念与功能;HTML的基本构成单位、标记。
4. Web浏览器的作用和工作原理。
5. 网页设计的基本目标。
6. 网页制作工具的分类及标准。
7. 如何快速地掌握网页的制作第一节关于互联网互联网(Internet)是由世界上各种各样的网络互联所形成的"网络的网络"，是一个网际网，有时音译为“因特网"。
一、什么是协议网络协议 (Protocol)是一系列通信规则的总称，主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部分内容。
协议的实质就是进行通信所使用的语言。
从大体上来说，网络协议可以分为硬件协议和软件协议两大类：1.硬件协议：定义了硬件设备如何运作以及如何协同工作。
2.软件协议：程序之间的通信是通过软件协议完成的。
二、互联网协议1. OSI七层模型OSI（Open System Interconnection，开放式系统互联）是由国际标准化组织 (International Organization for Standardization，ISO)发起制定的计算机网络通信标准。
OSI定义了网络功能的七层模型，分别是：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层，称为OSI七层模型。
2. TCP/IP协议TCP/IP(Transmission Control Protocol/Internet Protocol)是为连接不同的网络而设计的一个协议集，主要由TCP和IP两套协议组成，互联网就是以此为基础建立的。
《电子商务网页设计与制作》教学教案一、教学目标1. 了解电子商务网页设计的基本概念与原则。
2. 掌握网页设计与制作的基本技术，如HTML、CSS、JavaScript等。
3. 能够独立完成电子商务网页的设计与制作。
4. 理解电子商务网页设计的重要性，提高电子商务网站的吸引力和用户体验。
二、教学内容1. 电子商务网页设计基本概念与原则网页设计的定义与目的电子商务网页设计的特点与要求网页设计原则（如美观性、易用性、可访问性等）2. HTML与网页结构HTML基本语法常用HTML标签及其功能网页结构与布局3. CSS与网页样式CSS基本语法常用CSS选择器与属性网页样式设计（如字体、颜色、布局等）4. JavaScript与网页交互JavaScript基本语法常用JavaScript函数与对象网页交互设计（如动态效果、表单验证等）5. 电子商务网页设计实践网页设计流程与方法电子商务网页设计案例分析学生实践：独立完成一个简单的电子商务网页设计与制作三、教学方法1. 讲授法：讲解电子商务网页设计的基本概念、原则、技术与方法。
2. 案例分析法：分析电子商务网页设计案例，让学生了解实际应用。
3. 实践操作法：引导学生动手实践，提高网页设计与制作能力。
4. 讨论法：组织学生进行分组讨论，分享设计心得与经验。
四、教学资源1. 教材：《电子商务网页设计与制作》2. 课件：教师自制的PPT课件3. 案例素材：电子商务网页设计案例及相关素材4. 网络资源：在线教程、相关网站与素材库五、教学评价1. 课堂参与度：学生参与课堂讨论、提问与回答问题的积极性。
2. 实践操作能力：学生完成网页设计实践作业的质量与效率。
3. 作品展示：学生展示自己的电子商务网页设计作品，评价其设计思路与效果。
4. 期末考试：考查学生对电子商务网页设计基本概念、原则与技术的掌握程度。
六、教学安排1. 课时：共计32课时，每课时45分钟。
2. 授课方式：讲授+实践操作+讨论3. 教学计划：第1-4课时：讲解电子商务网页设计基本概念与原则第5-8课时：学习HTML与网页结构第9-12课时：学习CSS与网页样式第13-16课时：学习JavaScript与网页交互第17-20课时：实践电子商务网页设计案例第21-24课时：学生独立完成电子商务网页设计与制作第25-28课时：作品展示与评价第29-32课时：期末考试七、教学注意事项1. 关注学生的学习进度，针对不同学生的实际情况进行针对性指导。
