电子商务网页设计与制作教学大纲
网页设计与制作实践教学大纲讲解
《网页设计及制作》实践教学大纲本实践教学大纲是电子商务专业“网页设计及制作”等相关基础课程的实践教学大纲，是完成“网页设计及制作”课程和培养网页设计及制作的基本操作技能的重要实习实践环节。
总学时为48学时，共包括14个实践项目。
实践地点为校内计算机基础实验室。
实践结果将使学生全面掌握网页设计及制作的技术及网页制作软件的使用。
一、适用专业范围本实践教学大纲适用于高职广告设计及制作专业、电子商务等计算机应用类专业。
二、实践前期准备知识1．计算机基础及网络基础理论知识；2．电脑图形制作软件的使用技巧。
三、学时分配本实践教学为48学时。
四、实践条件及要求1．硬件要求：使用计算机，512M 内存、40G 硬盘2．软件要求：（1）Windows98以上版本（2）Dream weaver8 中文版；（3）Flash8 中文版五、实践内容实验一 HTML基础实验 7学时（一）实验目的1．掌握HTML 语法基本的基本结构。
2．熟悉HTML 编写网页的方法。
（二）实验要求完成实验报告，在实验报告中要求记录如下内容：⑴．HTML 语法基本结构⑵．HTML 各标记的使用（三）学时分配本实践项目为7学时（四）实验内容1．写出HTML 语法的基本结构2．编写包括文本和图像的两至三个简单网页3．在网页之间建立文本、图像和书签超链接4．编写一个带有表格的网页5．编写一个带框架结构的网页实验二 Dreamweaver基础 2学时（一）实验目的(1熟悉DreamWeaver 的界面及其操作(2熟悉使用DreamWeaver 建立站点，理解本地站点和远程站点的概念（二）实验要求实验前认真预习，熟练掌握有关概念和知识。
实验过程中记录发生的现象并分析原因。
实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。
（三）学时分配本实践项目为2学时。
（四）实验内容本实验的内容主要是制作一个“长春悠游网”的站点，分类建立文件夹和2-3个网页。
《电子商务网页设计与制作》教学教案
《电子商务网页设计与制作》教学教案第一章：电子商务网页设计基础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.网页设计工具介绍–Adobe Photoshop–Adobe Illustrator–Sketch第二部分：电子商务网页制作技术1.HTML5与CSS3基础–HTML5标签和元素–CSS3样式和布局2.响应式网页设计–媒体查询–弹性网格布局–移动设备优化3.JavaScript与网页动态效果–JavaScript基础语法–DOM操作与事件处理–常用动态效果的实现第三部分：电子商务网页实战案例1.网页结构与布局设计–导航栏设计–主页布局设计–分类和搜索页面设计2.产品展示与购买功能实现–产品列表展示–商品详情页面设计–购物车功能实现3.用户登录和支付功能实现–用户注册登录设计–支付接口集成与功能实现–订单处理与配送管理教学方法1.理论讲授：通过讲解PPT、示例网页等形式，向学生介绍电子商务网页设计与制作的基本理论和方法。
2.实例演示：通过展示实际案例，演示如何进行电子商务网页设计与制作，引导学生理解和掌握实际操作。
3.实践操作：通过独立或小组进行实践项目，让学生动手设计和制作电子商务网页，提升实际应用能力。
4.综合评估：通过作业、项目评估和课堂讨论，对学生的学习效果和能力进行评估和反馈。
教学资源•电脑实验室：配备相应的网页设计与制作软件，供学生进行实践操作。
•优秀网页案例：提供各种优秀的电子商务网页案例，供学生参考和借鉴。
•教学资料：提供相关的课程讲义、PPT和实例代码，为学生提供学习和参考的资源。
教学评估1.作业评估：布置每章节的理论和实践作业，评估学生对知识和技能的掌握程度。
电子商务网页设计与制作课程标准.doc
学校名称《电子商务网页设计与制作》课程标准课程代码适用专业电子商务编制审核制定日期一,课程定位《电子商务网页设计与制作》是电子商务专业地理实一体课程,是电子商务专业地核心课,本门课程对于网站维护岗,网站编辑岗,美工面设计岗,网页设计岗岗位而言都是从业员需要掌握地最核心地专业技能。
通过本门课地学,学生应该掌握一种网站设计工具,熟悉网站设计地整个流程,并培养完成静态网站设计任务地职业素养与职业能力,提高学生地就业竞争能力。
本课程是理实一体化课程,课程地实验实践环节学时数大约占该门课程总学时地五零%,本课程在第二学年第一学期开设,本课程地先行课程为《图像处理技术》与《电子商务概论》,学生已经具备扎实地理论知识与一定地计算机网络知识与操作技能;其后续课程为《网上经营实务》与《电子商务综合应用实训》。
二,课程目地《电子商务网页设计与制作》课面向技术岗位群设立,通过课程学,学生能树立良好地世界观,生观与价值观,具备坚持走特色社会主义道路地信念与决心,能在遇到困难时不轻言放弃而是努力攻克困难,能具备信息收集与筛选能力,制定工作计划,独立决策与实施能力,能利用网站制作工具,完成电商静态网站地网页策划与制作。
具体课程目地如下:知识目地:一.了解简单地网站地规划设计能力,能阅读需求说明书,明确客户需求;二.知道建立站点,管理站点地有关步聚与方法;三.熟悉常用HTML代码地语法结构与使用方法四.理解使用DW工具行网页地设计与制作地方法与步骤;五.熟悉CSS样式地设置方法;六.了解移动端网站自动生成工具地使用方法与步骤。
七.熟悉测试,发布,维护站点地方法。
能力目地:1.具备阅读并正确理解网站需求分析报告与设计方案地能力。
2.能从"色彩搭配地视觉效果","正确地传达"与"网页布局方式"三个方面对内外知名电商网站行简单地赏析;3.会分析电商网站地栏目,并能使用WORD软件绘制电商网站地栏目结构图;4.能使用"记事本"编写最简单地HTML代码实现简单地网页;五.熟练使用网页设计工具与图像美化工具制作电子商务网页。
网页设计与制作课程教学大纲
《网页设计与制作》课程教学大纲1000字一、课程名称：网页设计与制作二、课程性质：专业选修三、先修课程：计算机基础、HTML语言基础、CSS样式基础、JavaScript基础四、课程目的：本课程旨在培养学生熟练掌握网页设计和制作所需的技能和知识，包括从网站设计和规划到页面布局和导航、从图像和多媒体素材的处理到网页代码开发的全过程。
五、教学内容：1.网站设计和规划（1）需求分析与目标设定（2）信息架构设计（3）网站页面设计2.页面布局与导航（1）CSS样式技术（2）网页布局设计（3）导航设计3.视觉设计（1）颜色与图像设计（2）多媒体素材处理（3）响应式设计技术4.网页代码开发（1）HTML语言与标签（2）CSS样式（3）JavaScript脚本5.网页制作（1）网页编辑器使用（2）网页调试与测试（3）网页发布和维护六、教学方法：课堂讲授、案例分析、实践操作、课程论文七、成绩评定方式：平时成绩占30%，包括参与度、作业完成度等；考试成绩占70%。
八、教材：1.《Web页面设计基础》2.《HTML5与CSS3基础教程》3.《JavaScript权威指南》九、参考资料：1.《Web标准设计》2.《响应式Web设计》3.《图解CSS3》4.《实战Bootstrap》十、实验操作：实践操作是课程的重要组成部分。
通过实验操作，学生将掌握网页设计和制作的实际技能和经验。
实验操作包括：1.网站规划和设计2.网页布局与导航3.视觉设计和处理4.网页代码开发和调试5.网页发布和维护十一、教学进度安排：第一周：课程介绍和网站设计和规划第二周：网页布局与导航第三周：视觉设计和处理第四周：HTML语言与标签第五周：CSS样式第六周：JavaScript脚本第七周：网页编辑器使用第八周：网页调试与测试第九周：网页发布和维护第十周：课程总结和复习，期末考试。
电子商务网页设计与制作教学大纲
《电子商务网页设计与制作》教学大纲一、课程信息课程名称：电子商务网页设计与制作课程类别：素质选修课/专业基础课课程性质：选修/必修计划学时：23计划学分：2先修课程：无选用教材：《电子商务网页设计与制作》适用专业：本书可作为高等院校网页设计类相关课程的教材，也可作为各类社会培训学校相关专业的教材，同时还可供电子商务网页设计与制作初学者自学使用。
课程负责人：二、课程简介随着网上购物的不断流行，电子商务成为了互联网时代的新兴商务模式，电子商务网页设计也应运而生。
电子商务网页设计通常分为两个部分，即先使用Photoshop设计出网页效果图，再使用Dreamweaver来合成网页页面。
本书即以Photoshop CS6和Dreamweaver CS6为蓝本，讲解使用这两个软件进行电子商务网页设计与制作的相关知识。
本书由浅入深、循序渐进，采用情景导入案例的方式讲解软件知识，然后通过“项目实训”和“课后练习”加强对学习内容的训练，最后通过“技巧提升”来提升学生的综合学习能力。
全书通过大量的案例和练习，着重对学生实际应用能力的培养，并将职业场景引入课堂教学，让学生提前进入工作角色。
三、课程教学要求序号专业毕业要求课程教学要求关联程度1 工程知识L2 问题分析学生应当对Photoshop CS6和Dreamweaver CS6有基本了解，并能熟练运用该软件H3 设计/开发解决方案具备电子商务网站设计与制作的能力，能够制作出客户满意的电子商务网站H4 研究能够结合平面设计和电子商务网站的设计方案，学习各家之所长H5 使用现代工具L6 工程与社会L7 环境和可持续发展L8 职业规范培养平面设计职业道德，遵守广告宣传规范和理念L9 个人和团队案例分析与讨论要求学生分组，分担任务，学习配合H10 沟通通过小组发言、提交案例报告增强语言与文字沟通能力M11 项目管理L12 终生学习以终生学习为目标，对电子商务网站的设计与制作知识时刻保持更新和进步，强化实际操作技能。
《网页设计与制作》教学大纲
《网页设计与制作》教学大纲一、课程基本信息1.学分：42.学时：1083.适用专业:电子商务专业二、课程性质与目标（一）课程性质“Dreamweaver 8.0网页设计”是计算机网络技术专业（专科）的一门统设必修课。
本课程的主要任务是介绍利用Dreamweaver 8.0开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。
目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。
（二）课程目标掌握Dreamweaver 8.0的交互界面的组成与使用方法，Web站点的基本方法与步骤，站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系、系统属性及网页属性的设置方法，及各设置参数的作用。
掌握制作超级链接、E-mail链接、书签等形式的超级链接，使用CSS样式创建、编辑网页的方法，水平线、日期、图象对象的主要属性与设置方法，表格的创建、结构调整与美化方法，网页中创建、修改层和嵌套层的方法，掌握框架结构网页的制作方法，学会利用行为面板设置控制对象的行为，学会通过模板和库元素创建网页的方法，学会使用Dreamweaver 8.0中应用表单设计网页的方法，掌握并了解可以在网页中插入Flash 8.0影片、ActiveX.控件等多媒体对象的方法。
本课程要求学生掌握基本的HTML语言,学会使用Dreamweaver 8.0开发工具进行网页设计。
这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。
2.技能目标：1. 会根据网页创意原理和规划布局方法，进行网页设计和页面布局；2. 会用HTML语言中的标记设置颜色、文本框和列表；3. 掌握HTML语言的语法结构和HTML语言的标记应用；4. 掌握在网页中添加CSS的方法，掌握三种添加样式信息的方法；5.掌握GIF动画制作的方法，会使用一种GIF动画制作工具制作动画；6. 掌握图像布局和位置相关的标记和概念的用法；7. 会使用Flash工具进行指定尺寸的动画创作。
电子商务网页设计与制作 教案 2、任务一 制作商品列表索引导航.docx
电子商务网页设计与制作授课教案学年第学期学院（部）专业（学部）1.课前调研成果展示与汇报【课前调研成果展示与汇报】 教师向学生展示电子商务网站商品索引页图片，使学生了解 本章所需要掌握的知识。
教师注意通过本章之前所学到的知识引导学生，让学生在学 习的过程中有承上启下的感觉，使学生可以更加容量掌握使用列 表制作商品列表的导航索引的方法。
，德育教育引导学生未来就业创业选择电商领域，实现自我 价值和社会价值。
【根据调研结果引出新课】从分析商品列表索引导航结构进行讲解，帮助学生熟悉有序 列表和无序列表。
同时，通过课堂练习，使学生可以制作新闻栏 目、制作音乐排行榜列表以及制作商品列表索引。
使学生可以学 会如何制作个人作品网站页面。
a 德育教育夕：引导学生掌握专业知识和提高专业技能。
2.布置任务【教师展示教学载体，创设学习情境】在商品列表索引导航中依次插入7个Div,并使用id 样式和 类样式分别控制页面中的Div 和列表，实现横向导航的页面效果, 设置完的页面布局如图所示。
#opt#opt-left#opt-right3 .任务分析【分析商品列表索引导航的结构】教师讲解商品列表索引导航的布局结构，帮助学生在掌握制 作商品列表索引导航布局结构的同时，可以掌握使用id 样式和 类样式分别控制页面中的Div 和列表，实现横向导航的页面效果。
4.知识准备（教学难点）【有序列表和无序列表】CSS 通过与HTML 的文档结构相对应的选择符来达到控制页面 表课内教学内容及过程时间分配 方法 及手段有序列表与无序列表相反，有序列表可以创建具有先后顺序的列表，比如在每条信息前加上序号1、2、3……在CSS中，与无序列表一样，可以通过list-stylc-typc属性对有序列表进行控制，只是属性值不同而已。
list-style-type属性的语法格式如下。
下表为有序列表list-style-type属性中包含的各个参数值的含义。
《电子商务网页设计与制作》教学教案
《电子商务网页设计与制作》教学教案一、教学目标1. 了解电子商务网页设计的基本概念与原则。
2. 掌握网页设计与制作的基本技术，如HTML、CSS、JavaScript等。
3. 能够运用网页设计软件（如Dreamweaver、Photoshop等）进行网页设计与制作。
4. 了解电子商务网页设计的趋势与创新。
二、教学内容1. 电子商务网页设计的基本概念与原则2. HTML与CSS基本语法与运用3. JavaScript基础与网页交互4. 网页设计软件的使用与技巧5. 电子商务网页设计案例分析与实践三、教学方法1. 讲授：讲解电子商务网页设计的基本概念、原则以及技术要点。
2. 示范：通过实际操作，展示HTML、CSS、JavaScript等技术的应用。
3. 练习：学生动手实践，运用网页设计软件进行网页设计与制作。
4. 讨论：分组讨论，分析电子商务网页设计的趋势与创新。
四、教学准备1. 教室环境：确保电脑、投影仪等设备齐全，网络畅通。
2. 教学材料：教案、PPT、案例素材、网页设计软件安装包等。
3. 学生分组：根据班级人数，合理分组，每组4-6人。
五、教学过程1. 导入：简要介绍电子商务网页设计的重要性，激发学生兴趣。
2. 讲解：讲解电子商务网页设计的基本概念与原则，重点讲解HTML、CSS、JavaScript等技术。
3. 示范：教师演示HTML、CSS、JavaScript等技术的实际应用。
4. 练习：学生动手实践，运用网页设计软件进行简单网页设计与制作。
5. 讨论：分组讨论，分析电子商务网页设计的趋势与创新，分享实践经验。
7. 作业布置：布置课后作业，巩固所学知识。
六、教学评估1. 课堂问答：通过提问方式检查学生对电子商务网页设计基本概念的理解。
2. 练习作品：评估学生网页设计作品的创意、技术运用和功能性。
3. 小组讨论：观察学生在小组讨论中的参与程度和问题解决能力。
4. 课后作业：检查学生对课堂所学知识的巩固情况。
电子商务网站建设课程设计教学大纲
3. 电子商务网站建设(2012版)《电子商务网站建设》课程设计教学大纲课程设计名称：电子商务网站建设课程设计学分: 1课程设计时间：第六学期课程设计年级: 3课程设计学时或周数：1周（36学时）课程设计专业:电子商务一、课程设计的目的、任务与要求全面考查学生网站建设的能力，包括电子商务网站的规划与设计、网站软硬件平台的安装与配置、静态和动态页面的设计开发、Web数据库与访问技术等。
特别要强化编写及调试ASP程序的能力。
要求学生提交一个可运行的动态网站及网站说明书。
二、选题的原则及题目难度、深度、广度分析1、网站选题有创意，符合社会需要；2、网页具有鲜明的设计风格和良好的视觉效果；3、能够熟练应用VBScript，JavaScript, ASP内置对象及数据库访问技术进行动态页面的编写及调试。
4、网站具有后台管理系统，可动态管理前台页面。
三、课程设计内容1、静态网页设计：需要综合应用HTML, CSS,FLASH等技术，设计美观实用、切合主题的页面。
2、动态网站建设：采用ASP技术，至少包含注册登录、后台管理、购物车、论坛等模块，可选择连接ACCESS或SQL Server 数据库。
3、网站说明书：能够描述清楚网站基本架构及运行环境。
四、课程设计时间进程表第1天完成网站创意与基本设计；第2、3、4天完成网站的详细设计及编程；第5天测试网站，编写网站说明书。
五、课程设计成绩的评定方法及评分标准根据学生网站建设的质量和课程设计的工作态度等综合打分。
成绩评定实行优秀、良好、中等、及格和不及格五个等级。
不及格者不能得到相应的学分，需重新做课程设计，经指导教师考核及格后，方可取得相应学分。
有关的考查相关材料（文字材料以及光盘）统一妥善保管。
拟稿（签名）：年月日核对（签名）：年月日审批（签名）：年月日。
网页设计与制作课程教学大纲
ࠄ 訲ࠄࠄᒜ 《网页设计与制作》课程教学大纲编写人：张玉华高等教育出版社（供用于电子商务专门化、3＋2大专班专门化72学时）一、课程性质和任务本课程为电子商务专业的专业必修课。
本实验课程在学生掌握计算机基础知识和网络应用基本知识的基础上进行。
学生通过本课程，让学生掌握基本的网页设计与制作知识，HTML语言、网页制作软件的操作与使用。
通过各个实验掌握各个环节知识，学生可以相互配合完成简单网站的制作。
二、课程教学目标(一) 知识教学目标1. 熟悉因特网。
2. 掌握网页设计软件FrontPage的使用方法。
3. 掌握看图软件ACD的使用。
4. 熟悉PhotoShop的使用。
(二) 能力培养目标1. 具有熟练使用FrontPage设计网页的初步能力。
2. 具有利用Internet收发电子邮件、使用浏览器检索并获取信息的能力。
3．能够设计简单的图案以及对图像进行简单的修饰。
(三) 思想教育目标1.通过初步学习分析和解决计算机应用过程中的实际问题，培养科学求实的态度和创新意识。
2.树立科学态度及知识产权意识，自觉依法进行信息技术活动。
三、教学内容和要求基础模块(一)理论教学第一章初识网页1．熟悉因特网提供的主要服务。
2．掌握网页的基本元素。
3．熟悉网页设计原则。
4．理解网页与网站的概念。
第二章认识FrontPage 20001．熟悉FrontPage 2000的界面。
2．掌握新建、保存网页的基本操作方法。
3．掌握预览、打开、关闭网页的方法。
第三章网页文本的操作1．掌握文本的一些基本操作。
2．掌握网页的美化的基本方法。
3．掌握文字的超链接的做法。
第四章图像1．掌握插入图像的方法。
2．掌握图像的修饰。
3．掌握图像的超链接的做法。
第五章表格操作１．掌握表格的创建。
２．理解表格的编辑。
３．掌握表格的一些属性。
４．掌握灵活利用表格组织网页的方法。
第六章动态网页1．掌握动态HTML效果的设置。
2．掌握活动元素的设置。
《电子商务网页制作》教学大纲
《电子商务网页制作》教学大纲本大纲适用于三年制电子商务专业。
一、说明1、课程的性质和内容：《电子商务网页制作》是根据新教学教改的要求，•为培养高级电子商务师而开设的一门实践性很强的专业课。
内容包括：（1）电子商务网页基础知识（2）FrontPage2003概览（3）创建基本的电子商务网页（4）网页布局（5）框架网页与CSS样式表（6）表单应用（7）HTML初步（8）网页特效的使用（9）图像处理软件Fireworks（10）课程设计2、课程的任务和要求：通过学习，使学生能够独立完成网站的设计、策划和网页制作3、教学中应该注意的问题：（1）由于本课程实践性很强，所以讲授时在条件许可的情况下要采取直观教学的方法，采用人手一机的边教边学的方式。
（2）授课学时：操作学时为1：1.5或1：2。
实际上机课时不够的需要课外补足。
4、总学时共计78学时，其中讲授40学时,练习38学时。
二、学时分配表三、课程内容第一章电子商务网页基础知识（4学时，其中讲4学时，练习0学时）教学要求：1、了解WWW与电子商务的关系2、认识常见的网页元素3、了解电子商务网站的网页构成4、了解网页制作的常用工具5、了解网页制作的发展6、认识电子商务网页制作原则教学内容：一、WWW与电子商务(1学时讲授)二、电子商务网站概述(2学时讲授三、电子商务网页制作概述(1学时讲授)教学建议：本章内容的学习方法主要是阅读、理解和记忆。
可以登录知名性网站体会其设计方法和设计风格。
第二章FrontPage2003概览(2学时，其中讲1学时，练习1学时)教学要求：1、了解FrontPage2003 的功能特点和安装方法2、学习如何启动与退出FrontPage20033、了解FrontPage2003的窗口组成4、了解FrontPage2003的视图管理教学内容：第一节FrontPage2003简介(0.5学时讲授)第二节FrontPage2003的安装与启动(0.5学时练习)第三节FrontPage2003的窗口(0.5学时讲授，0.5学时练习)教学建议：作为初次接触FrontPage2003的新手,学生的主要任务是认识了解FrontPage2003的界面,浏览每一个菜单,尝试执行菜单中的命令,切换不同的视图,以便在头脑中形成大致的印象。
《电子商务网站建设》教学大纲
《电子商务网站建设》教学大纲《电子商务网站建设》教学大纲一、课程简介《电子商务网站建设》是一门实践性很强的课程，旨在培养学生掌握电子商务网站的开发、设计、运营和维护方面的技能。
通过本课程的学习，学生将了解电子商务网站的整体架构、功能模块和业务流程，掌握网页开发的基本技能，学会使用各种电子商务平台进行网络营销和推广，为今后的职业发展奠定坚实的基础。
二、课程目标1、掌握电子商务网站的基本概念和原理，了解网站的整体架构和功能模块。
2、掌握网页开发的基本技能，包括HTML、CSS、JavaScript等前端技术。
3、熟悉电子商务平台的运营和管理，了解网络营销和推广的基本策略。
4、能够独立完成电子商务网站的规划和设计，具备基本的网站开发和运营能力。
三、课程内容1、电子商务网站概述电子商务网站的定义和分类网站的建设流程和团队组成2、网站的整体架构和功能模块网站的结构设计主要功能模块介绍3、网页开发基本技能HTML标签和表单CSS样式和布局JavaScript编程基础4、电子商务平台的运营和管理主要电子商务平台的介绍和比较平台的使用和管理方法5、网络营销和推广策略搜索引擎优化（SEO）社交媒体营销电子邮件营销其他推广手段介绍6、网站的规划和设计网站的目标定位和市场分析网站的设计原则和风格网站的用户体验和交互设计7、网站开发和运营实践开发工具和实践环境的设置网站的开发和测试流程网站的发布和运营维护四、教学方法1、理论教学：通过课堂讲解、案例分析、小组讨论等多种方式，使学生掌握电子商务网站的基本概念和原理，了解网站的整体架构和功能模块，掌握网页开发的基本技能，熟悉电子商务平台的运营和管理，了解网络营销和推广的基本策略。
2、实践教学：通过课堂演示、实验操作、项目实践等多种方式，使学生能够独立完成电子商务网站的规划和设计，具备基本的网站开发和运营能力。
3、项目教学：通过小组协作、项目实施、成果评估等多种方式，使学生在实际操作中掌握电子商务网站的开发、设计、运营和维护方面的技能，提高团队协作和项目管理能力。
网页设计与制作》教学大纲
网页设计与制作》教学大纲网页设计与制作》教学大纲一、说明1、课程的性质和内容网页设计与制作》是计算机应用技术、电子商务等专业的核心课程，也是其他计算机专业的普及型课程。
本课程内容主要包括HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性，JavaScript脚本编程语言，以及Dreamweaver、Fireworks、Flash、Photoshop 等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。
2、课程的任务和要求本课程旨在通过研究，让学生掌握静态网页的制作方法，学会HTML语言，熟悉站点的上传和维护，并能够独立解决网页编辑中遇到的一般问题。
学生应该能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能够熟练掌握JavaScript脚本编程语言的基本语法知识，能实现网页的交互和特殊效果；能够维护、管理和设计WEB应用程序；能够独立设计小型WEB站点。
3、教学中应注意的问题在教学过程中，要注重Dreamweaver、Firework或Photoshop和Flash软件的主要功能。
其中，Dreamweaver主要用于完成网页设计和网站管理；Firework或Photoshop主要用于进行图像的设计与编辑；Flash主要用于开发适应网络传输的流媒体电脑规划。
同时，要培养学生综合使用这些软件的能力，注重学生动手能力的培养和上机试验。
教学过程中应以Dreamweaver为主。
在讲授理论的同时加入具体的设计项目实验，力求达到实战的效果，避免空洞的理论研究。
二、学时分配模块。
名称。
总课时讲授演示实验仿真模块1.初识网站和网页。
2网站和网页。
2网页中的元素类型。
2常用网站管理与制作软件。
2网站建设流程。
2HTML与CSS入门。
30模块2.初识Dreamweaver。
2熟悉Dreamweaver操作环境。
6网站规划与管理。
《电子商务网页设计与制作》教学教案
《电子商务网页设计与制作》教学教案一、教学目标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. 关注学生的学习进度，针对不同学生的实际情况进行针对性指导。
电子商务网页设计与制作教学教案
《电子商务网页设计与制作）》配套教学教案第1章课时内容电子商务网页设计与网站建设基础授课时间45分钟课时 1教学目标A了解电子商务网站设计基础知识A认识Dreamweaver CS6工作界面。
A掌握创建电子商务网站的基本操作和流程。
教学重点A掌握电子商务网站设计的基础知识。
A掌握电子商务网站设计的基本流程。
A能够独立完成一个电子商务网站的规划。
教学难点掌握规划和设计电子商务网站的流程及方法。
教学设计1、教学思路：（1）了解网页设计的相关基础知识，如什么是网页、什么是电子商务网站、电子商务网站的主要内容和功能、网页的常见布局结构、网页中的常用术语、网页色彩搭配等，并浏览一些市场上非常好的网站进行赏析，从中学习经验；（2）了解网站设计的相关知识，并创建一个名为“宅家商城”的电子商务网站。
学员通过案例除了熟悉网站开发的基本流程外，还需要了解Dreamweaver网页制作软件、站点策划、创建本地站点、编辑站点、管理站点和站点文件等操作；（3）安排上机实训。
2、教学手段：（1））通过举例讲解网页设计的基础知识，讲解结束后进行上机练习和疑难提问；（2）对容易出错的误区进行提醒，并着重举例讲解。
3、教学资料及要求：除教材中的实例外，可浏览其他经典的网页，学习这类网站的设计思想。
教学内容讨论问题：1、网页设计师需要知道哪些网页设计内容？2、网页设计过程中需要遵循哪些原则？3、你所见的网页设计中哪些网站比较具有个性化，网页色彩给你带来了什么样的体验和感觉？内容大纲：具体可结合本章的PPT课件进行配合讲解。
1.1 电子商务网页设计基础知识1.1.1 认识网站与网页1.1.2 电子商务网站概述1.1.3 电子商务网站的主要内容和功能1.1.4 网页常见布局结构1.1.5 网页的基本构成元素1.1.6 网页常用术语1.1.7 网页色彩搭配1.1.8 HTML标记语言1.2 课堂案例：创建“宅家商城”网站1.2.1 电子商务网站开发流程1.2.2 网站制作流程1.2.3 Dreamweaver CS6工作界面1.2.4 创建本地站点1.2.5 编辑站点1.2.6 管理站点和站点文件夹1.3 项目实训1.3.1 赏析营销类电子商务网站1.3.2 规划并创建“婚纱网”站点1.4 课后练习1.5 技巧提升小结1、了解网页设计的基础知识。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《电子商务网页设计与制作》
教学大纲
一、课程信息
课程名称：电子商务网页设计与制作
课程类别：素质选修课/专业基础课
课程性质：选修/必修
计划学时：23
计划学分：2
先修课程：无
选用教材：《电子商务网页设计与制作》
适用专业：本书可作为高等院校网页设计类相关课程的教材，也可作为各类社会培训学校相关专业的教材，同时还可供电子商务网页设计与制作初学者自学使用。
课程负责人：
二、课程简介
随着网上购物的不断流行，电子商务成为了互联网时代的新兴商务模式，电子商务网页设计也应运而生。
电子商务网页设计通常分为两个部分，即先使用Photoshop设计出网页效果图，再使用Dreamweaver来合成网页页面。
本书即以Photoshop CS6和Dreamweaver CS6为蓝本，讲解使用这两个软件进行电子商务网页设计与制作的相关知识。
本书由浅入深、循序渐进，采用情景导入案例的方式讲解软件知识，然后通过“项目实训”和“课后练习”加强对学习内容的训练，最后通过“技巧提升”来提升学生的综合学习能力。
全书通过大量的案例和练习，着重对学生实际应用能力的培养，并将职业场景引入课堂教学，让学生提前进入工作角色。
三、课程教学要求
序号专业毕业要求课程教学要求关联程度
1 工程知识L
2 问题分析学生应当对Photoshop CS6和Dreamweaver CS6有基本了
解，并能熟练运用该软件
H
3 设计/开发解决方案具备电子商务网站设计与制作的能力，能够制作出客户
满意的电子商务网站
H
4 研究能够结合平面设计和电子商务网站的设计方案，学习各
家之所长
H
5 使用现代工具L
6 工程与社会L
7 环境和可持续发展L
8 职业规范培养平面设计职业道德，遵守广告宣传规范和理念L
9 个人和团队案例分析与讨论要求学生分组，分担任务，学习配合H
10 沟通通过小组发言、提交案例报告增强语言与文字沟通能力M
11 项目管理L
12 终生学习以终生学习为目标，对电子商务网站的设计与制作知识
时刻保持更新和进步，强化实际操作技能。
H
注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。
“关联程度”栏中字母表示二者关联程度。
关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。
“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。
四、课程教学内容
章节名称主要内容重难点关键词学时类型
1 电子商务网页设计
与网站建设基础
电子商务网页设
计基础知识
电子商务网站开
发流程
什么是网页、什么是电子商务
网站、电子商务网站的主要内
容和功能有哪些？
网页的常见布局结构有哪些？
网页中的常用术语、网页色彩
1 理论
讲授
网站制作流程
创建、编辑和管理站点如何进行搭配？
电子商务网站设计的基本流程是什么？
电子商务网站的规划包括些什么？
2 使用Photoshop处
理产品图像
Photoshop基本操
作
调整产品图像的
亮度与对比度
修饰产品图像的
瑕疵
抠取并合成产品
图像
前景色与背景色如何切换？
如何对图像进行批处理？
如何调整图像的亮度和对比
度？
如何对图像中的瑕疵进行修
饰？
如何抠取并合成图像？
2
同上
3 使用Photoshop设
计网页元素
网页横幅广告的
设计与制作
网页海报的设计
与制作
产品推广图的设
计与制作
制作通栏横幅广告和常规横幅
广告有哪些区别，要注意些什
么？
全屏轮播海报和常规轮播海报
的制作过程有什么区别？
横向产品推广图和常规产品推
广图的制作过程有什么区别？
2 同上
4 使用Photoshop设
计网站界面
网站主页界面的
设计与制作
网站主页切片与
输出
设计网站主页一般分为几个步
骤？
创建和输出切片时有哪些注意
事项？
2 同上
5 使用Dreamweaver
制作基础网页
网页页面属性和
网页内容的设置
网页中图像的编
辑与美化
通过超级链接设
计网页跳转功能
使用Dreamweaver制作网页的
基础操作
如何对网页进行美化和编辑
如何实现网页的跳转设计
3 同上
6 美化并布局网页通过Div+CSS对
网页布局
通过表格制作并
布局网站主页的方法有哪几
种？
如何将作为独立的样式表保存
2 同上
布局网页的CSS样式通过链接的方式应
用到多个网页中？
如何批量设置AP Div？
如何导入表格数据？
7 使用表单和行为制
作网页
通过表单设计和
制作网页
通过行为设计和
制作网页
在制作表单页面时有哪些注意
事项？
在Dreamweaver CS6中，可以
通过哪几种途径来添加表单对
象？
如何根据需要为表单元素设置
个性化的外观？
2 同上
8 使用模板和库设计
装修页面
通过资源面板中
的库文件制作网
页
通过模板设计与
制作网页
如何更新、分离和编辑库文件？
如何创建重复区域和可选区
域？
如何对库项目进行编辑和管
理？
2 同上
9 制作动态网页链接
网站后台
搭建动态网站平
台
使用记录集、动态
表格制作动态网
页
如何解决无法使用Access数
据源情况？
如何完全删除“插入记录”行
为？
设置数据源的好处是什么？
如何用图像对象实现记录集分
页中的文本超链接？
2 同上
10 电子商务平台的网
页制作与上传
了解电子商务平
台网页制作的要
求和注意事项
掌握图片空间的
上传、移动、删
除与替换操作
使用模块装修店
铺
电子商务平台店铺首页设计的
注意事项有哪些？
电子商务平台店铺首页布局的
要点有哪些？
在淘宝网中上传图像时，可以
使用什么样的方式快速进行区
分？
如何还原删除的图片？
2 同上
11 综合案例——制作
墨韵箱包馆网页
制作墨韵箱包馆
网页的前期准备
工作
使用Photoshop
设计网页效果图
使用
Dreamweaver合
成网页
了解设计网页中的前期规划内
容和准备工作。
熟练使用Photoshop CS、
Dreamweaver CS6制作网页
2 同上
五、考核要求及成绩评定
序号成绩类别考核方式考核要求权重（%）备注
1 期末成绩期末考试大作业50 百分制，60分为及格
2 实战训练10次40 优、良、中、及格、不及格
3 平时成绩
平时表现出勤情况10 2次未参加课程则无法获得学分
注：此表中内容为该课程的全部考核方式及其相关信息。
六、学生学习建议
（一）学习方法建议
1. 理论配合实战训练进行学习，提高学生的实战动手能力；
2. 设计不同类型的作品，进行深入学习；
3. 提高学生的设计感和审美能力。
（二）学生课外阅读参考资料
《电子商务网页设计与制作》
七、课程改革与建设
该课程为高等院校O2O新形态立体化系列规划教材，教学形式为“情景导入→课堂案例→项目实训→课后练习→技巧提升”5段教学法，将职业场景、软件知识、行业知识进行有机整合，各个环节环环相扣，浑然一体。
通过更多案列，让学员学习到更实用的知识。
平时对学生的考核内容包括出勤情况、在线学习习题完成情况、课堂讨论等方面，占期末总评的50%。
期末考试成绩占期末总评的50%。
制订人签字：教研室主任
签字：
院部负责人
签字：
修订时间：年月日。