电子商务网页制作技术 (7)

合集下载

电子商务网页图像制作完整版教学课件全书电子讲义

5. PSD 格式
PSD 是图像处理软件 Adobe Photoshop 的专用格式。PSD 其实是 Photoshop 进行平面设计的一张“草稿图”，它里面包含有各种图层、通道、遮罩等多种设计的样稿，以便于下次打开文件时可以修改上一次的设计。在 Photoshop 所支持的各种图像格式中，PSD 的存取速度比其他格式快很多，功能也很强大。
RGB 图像使用红、绿、蓝三种颜色，在屏幕上可以重现多达 1670 万种颜色。RGB 图像为三通道图像，每个像素包含 24 位（8×3）。新建 Photoshop 图像的默认模式为 RGB，计算机显示器总是使用 RGB 模型显示颜色。
RGB颜色模式
2. CMYK 模式
CMYK 颜色模式以打印在纸张上油墨的光线吸收特性为基础，当白光照射到半透明的油墨上时，部分光线被吸收，部分被反射回眼睛。理论上，纯青色（C）、品红（M）和黄色（Y）色素能够合成吸收所有颜色并产生黑色，因此， CMYK 模型也叫作减色模型。由于所有打印油墨都会包含一些杂质，这三种油墨实际上产生的是一种土灰色，因此必须与黑色（K）油墨混合才能产生真正的黑色。
标准色轮不同色相及其饱和度变化
基于颜色的色相（Hue）、饱和度（Saturation）、明度（Brightness）三要素，在Photoshop等计算机绘图软件中，常用 HSB 模式来描述颜色。
使用 HSB 模式描述颜色
二、数字图像的色彩模式
除了 HSB 颜色表示模式，计算机图像处理软件通常还使用 RGB、CMYK 及 Lab 等色彩模式，以便在不同应用领域更好地表示颜色。其中 RGB 模式是一种发光屏幕的加色模式；CMYK 模式是一种颜色反光的印刷减色模式；Lab 模式是为了弥补 RGB 和 CMYK 两种色彩模式的不足，由 CIE 组织（国际照明委员会）确定的一个理论上包括了人眼可以看见的所有色彩的色彩模式。

《电子商务网页设计与制作》-各章习题及答案(20200210)

项目一赏析规划电子商务网站课后习题一、选择题01 下列选项中那种图片格式不是网页中常用的（C ）A jpgB pngC tifD gif02 下列数据库中用来开发中型网站的是（C ）A AccessB OracleC MySqlD SQL03 下面描述正确的是（C）A 电子商务网站和普通网站设计风格一致B 电子商务网站的重点是页面美观C 电子商务网站的重点是功能完善D 电子商务网站对页面尺寸没有要求04 一份合格的需求需要具有以下几点（E）A 正确性B 可行性C 必须性D 简明性E 以上都是05 网站总体设计功能包括哪些（ABCD ）A 网站需要实现哪些功能B 网站开发使用什么软件，在什么样的硬件环境C 需要多少人，多少时间D 需要遵循的规则和标准有哪些项目二创建并管理电商网站站点课后习题一、选择题01 站点可以分为静态站点和_________站点（C ）A 本地B 远程C 动态D 新02 很多情况下，都是________________（A ）A 先在本地站点中编辑网页，然后通过FTP 上传到远程服务器B 先在远程站点中编辑网页，然后通过FTP 下载到本地服务器1C 直接在远程站点编辑D 以上都不对03 要登录远程服务器，通常需要输入那些内容_______（BCD ）A 网站名称B 服务器IP地址C 登录用户名D 登录密码04 常见的服务器模型有__________（ABCD ）A ASPB ColdFusionC JSPD PHP05 Dreamweaver 站点文件格式为___________（B）A .setB .steC .htmlD .css项目三使用HTML编写页面课后习题一、选择题01 下面标签中代表文件头部的标签是（B ）A htmlB headC bodyD /html02 下列属性不属于img标签的是（C ）A altB widthC strongD height03 下面描述HTML功能正确的是（ABCD ）A 利用HTML 语言格式化文本B 把信息用一种易读的方式表现出来C 可以实现交互式表单、计数器D 可以在网页中加入音频、视频和动画04 下面关于CSS的描述正确的是（C ）A CSS不能与HTML文件链接B CSS不能独立保存C CSS分为内部样式和外部样式D 以上都对05 当设置margit：auto将实现什么效果（C ）A 边界左对齐B 编辑右对齐C 居中对齐D 地不对齐项目四使用CSS样式美化页面课后习题一、选择题01 使用CSS样式不能控制文字属性是（B ）A 大小B 内容C 颜色D 对齐02 下面描述不正确的是（A ）A 声明包含在{}大括号内，也可以在{}外。

电子商务网页设计与制作说课

电子商务网页设计与制作说课课程目标本课程旨在培养学生对电子商务网页设计与制作的基本理论和技能的掌握，使学生能够独立设计和制作具有良好用户体验的电子商务网页。

教学大纲第一部分：电子商务网页设计基础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.作业评估：布置每章节的理论和实践作业，评估学生对知识和技能的掌握程度。

《网页设计与制作》课程标准

营销型网站建设实训课程标准课程编号：适用专业：电子商务课程类别：专业基础课程修课方式：必修教学时数：64学时总学分数：4学分一、课程定位1.课程性质《网页设计与制作》是以计算机专业为主体，辐射计算机网络技术专业、计算机应用技术专业、电子商务专业、多媒体设计与制作专业等计算机类专业的理论实践一体化课程，是计算机专业的专业基础课程，也是电子商务的一门核心技能课程。

围绕电子商务专业的培养目标，该课程的定位为：.懂专业：掌握Web国际标准基础知识；基于W3C网页设计标准，熟悉和掌握静态网页设计与制作及小型网站建设与维护的基本知识。

.精技能：掌握综合运用网页编辑软件、图像处理软件(fireworks)设计和制作网页的技能，熟练掌握DIV+CSS网页布局设计方法，能熟练运用XHTML、CSS(及后续课程JavaScript)进行网站客户端开发，熟悉Web国际标准，掌握小型网站策划、分析、设计、布局、测试的职业能力；坚持手写代码，形成良好的代码规范编写习惯。

.高素质：在课程学习中培养学习和工作的方法能力，培养与人协作和做人的社会能力。

2.课程作用《网页设计与制作》是面向“网站美工、网站维护”职业岗位的领域课程，也是满足职业岗位任职要求的基本能力课程。

通过该课程的学习，实现以下专业知识、职业能力、职业素质目标，为今后职业生涯发展打好基础。

知识目标：•熟悉和掌握静态网页设计与制作的基本知识；•掌握Web国际标准基础知识；•了解和熟悉HTML语言；•掌握静态网页设计与制作的知识；•掌握网页中DIV+CSS网页布局方法；•掌握网页中图片设计和处理、动画导入的知识；•掌握网站检查与发布的知识；•坚持手写代码，形成良好的代码规范编写习惯。

能力目标：•具备信息收集、处理、准备、加工的能力；•具备网页设计及网页中图形设计、动画导入的基本能力，能独立设计并制作一个内容完整、图文并茂、技术运用得当的小型静态网站；•具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等技术文档的基本能力。

Web网页设计

杭州电子科技大学《Web应用开发实践》课程设计手册姓名高许达学号 09032326设计小组长高许达其他设计小组成员马芳陈志强邓泽宇指导教师胡肖锋设计时间 2011-9-19 至 2011-10-24杭州电子科技大学管理学院编制“网上购物商店”需求分析一、网站的功能电子商务网站的功能主要包括用户的注册、登录、购物和发布这几个主要方面，还包括所售商品的维护。

1、用户登录、注册功能（1）注册功能。

这是用于第一次进入网站，并有兴趣在本网站购买东西的顾客而设的，具有提醒第一次进入本站的用户注册的功能。

同时，注册页面具有基本的判断功能，对用户填写的资料的正确与否进行判断，然后返回相应的信息，还能够把用户提供的信息返回，建立一个数据库，并把这些信息写入数据库。

（2）登录功能。

这是为老顾客而设的，其目的是为顾客创造一个友好的环境，并且让他知道自己上次离站的时间等信息，是一个简单用于登录、判断用户填写正确与否的程序。

如果登录成功，则再把这次信息写入数据库，重新更新数据库信息，并启动其他线程以便于用户购物。

（3）账户充值。

当用户发现自己的余额不足时，系统必须有对此情况的应对测试并允许用户充值。

（4）修改密码。

这是出于对安全型的考虑，用户经常地更换密码可以提高安全性，以免出现不必要的损失。

2、购物功能（1）物品浏览：当顾客进入网站，首先可以看到推荐商品或最近更新的商品，同时对商品的类型进行适当的划分。

对商品还要有详细的介绍，对大类中的小类也应当把它们的属性特点向顾客介绍清楚。

（2）商品购买：当顾客看中某样商品时，就有启动购买的功能。

在小类型下所属的商品列表中应当有购买功能，购买商品后，系统可以给出购物清单，给用户提供信息。

二、网站页面设计该电子商务网站页面较为简洁，友好而自然，色调以大众化的金黄色为主。

正如其名：“君悦网”，该网站主打商品为音乐类产品，如音乐专辑、音乐海报、演唱会门票等等。

搭建该电子商务网站可以为喜爱音乐的网友提供了一个既可以拥有大量购物的选择，又可以通过团购这一方式而省下大笔钱的平台。

电子商务网页课程设计

电子商务网页课程设计一、课程目标知识目标：1. 让学生掌握电子商务网页设计的基本概念、原则和流程。

2. 使学生了解电子商务网页的布局、色彩、字体和图片运用等设计要素。

3. 帮助学生了解电子商务网页的交互设计、用户体验和响应式设计。

技能目标：1. 培养学生运用HTML和CSS进行简单电子商务网页布局和样式设计的能力。

2. 培养学生运用网页设计工具（如Photoshop、Dreamweaver等）进行网页设计和制作的能力。

3. 培养学生分析和解决电子商务网页设计过程中遇到的问题的能力。

情感态度价值观目标：1. 培养学生对电子商务网页设计的兴趣和热情，提高其自主学习能力。

2. 培养学生具备良好的团队协作精神和沟通能力，使其在项目实践中能够与他人有效合作。

3. 引导学生关注电子商务网页设计在商业价值和用户体验方面的平衡，培养其社会责任感。

课程性质：本课程为实践性较强的课程，旨在培养学生的电子商务网页设计能力，提高其在实际工作中解决问题的能力。

学生特点：学生在本年级已具备一定的计算机操作能力和网络知识，对网页设计有一定兴趣，但部分学生对编程和设计软件操作较为陌生。

教学要求：结合学生特点，注重理论与实践相结合，充分调动学生的主观能动性，提高其在实际操作中解决问题的能力。

同时，注重培养学生的团队协作精神和沟通能力，使其在项目实践中不断提升自身综合素质。

通过课程学习，使学生达到上述课程目标，为未来从事电子商务相关工作奠定基础。

二、教学内容1. 电子商务网页设计基本概念与原则- 网页设计的基本概念- 电子商务网页设计的原则- 电子商务网页设计的流程2. 电子商务网页设计要素- 网页布局设计- 色彩、字体和图片运用- 交互设计与用户体验- 响应式设计3. HTML与CSS基础- HTML标签及其属性- CSS选择器及其属性- 网页布局与样式设计4. 网页设计工具的使用- Photoshop基本操作与图像处理- Dreamweaver网页布局与样式设计5. 电子商务网页设计与制作实例- 案例分析与讨论- 项目实践与指导- 评价与反馈教学内容安排与进度：第一周：电子商务网页设计基本概念与原则第二周：电子商务网页设计要素（1）第三周：电子商务网页设计要素（2）第四周：HTML与CSS基础（1）第五周：HTML与CSS基础（2）第六周：网页设计工具的使用第七周：电子商务网页设计与制作实例（1）第八周：电子商务网页设计与制作实例（2）第九周：总结与评价教材章节关联：1. 电子商务网页设计基本概念与原则——教材第1章2. 电子商务网页设计要素——教材第2章3. HTML与CSS基础——教材第3章4. 网页设计工具的使用——教材第4章5. 电子商务网页设计与制作实例——教材第5章。

电子商务网页设计与制作课程标准

学校名称《电子商务网页设计与制作》课程标准课程代码适用专业电子商务编制审核制定日期一,课程定位《电子商务网页设计与制作》是电子商务专业地理实一体课程,是电子商务专业地核心课,本门课程对于网站维护岗,网站编辑岗,美工平面设计岗,网页设计岗等岗位而言都是从业员需要掌握地最核心地专业技能。

通过本门课地学习,学生应该掌握一种网站设计工具,熟悉网站设计地整个流程,并培养完成静态网站设计任务地职业素养与职业能力,提高学生地就业竞争能力。

本课程是理实一体化课程,课程地实验实践环节学时数大约占该门课程总学时地50%,本课程在第二学年第一学期开设,本课程地先行课程为《图像处理技术》与《电子商务概论》,学生已经具备扎实地理论知识与一定地计算机网络知识与操作技能;其后续课程为《网上经营实务》与《电子商务综合应用实训》。

二,课程目的《电子商务网页设计与制作》课面向技术岗位群设立,通过课程学习,学生能树立良好地世界观,生观与价值观,具备坚持走特色社会主义道路地信念与决心,能在遇到困难时不轻言放弃而是努力攻克困难,能具备信息收集与筛选能力,制定工作计划,独立决策与实施等能力,能利用网站制作工具,完成电商静态网站地网页策划与制作。

具体课程目的如下:知识目的:1.了解简单地网站地规划设计能力,能阅读需求说明书,明确客户需求;2.知道建立站点,管理站点地有关步聚与方法;3.熟悉常用HTML代码地语法结构与使用方法4.理解使用DW工具进行网页地设计与制作地方法与步骤;5.熟悉CSS样式地设置方法;6.了解移动端网站自动生成工具地使用方法与步骤。

7.熟悉测试,发布,维护站点地方法。

能力目的:1.具备阅读并正确理解网站需求分析报告与设计方案地能力。

2.能从"色彩搭配地视觉效果","正确地传达"与"网页布局方式"三个方面对内外知名电商网站进行简单地赏析;3.会分析电商网站地栏目,并能使用WORD等软件绘制电商网站地栏目结构图;4.能使用"记事本"编写最简单地HTML代码实现简单地网页;5. 5.熟练使用网页设计工具与图像美化工具制作电子商务网页。

2022年《电子商务网页设计与制作》综合测试卷及答案

《电子商务网页设计与制作》试卷班级：________________姓名：________________一、填空题(共10题，每题1分。

)1．布局网页时可以使用__________创建CSS布局块，并在网页文档中对其进行定位。

2．Applet插件能在网页中实现一些特殊效果，如下雪、水纹等。

Applet是一种Java应用程序，也是一种__________、__________、__________的网络应用程序。

Java Applet常被嵌入到HTML语言中，可以实现较为复杂的控制，也可以实现各种动态效果。

3．IP地址就是为连接在Internet上的每一个主机分配的一个32bit地址，Internet上的每台主机的IP地址都是__________的，就如生活中的门牌地址，在网络中就命名为IP地址。

4．在创建模板前需先创建__________，因为模板必须保存在__________中，否则创建模板时系统会提示创建__________。

5．资源在默认情况下是按其名称字母顺序排列，要改变资源列表中各资源的排列顺序，可单击相应的__________，让资源按相应的顺序排序。

6．“设置框架文本”行为可以用指定的内容替换框架的内容和__________。

该内容可以包含任何有效的HTML代码。

7．为了数据库的安全，还可以为数据库文件设置密码，设置密码需要以__________方式打开数据库，然后选择“工具/安全/设置数据库密码”命令设置其密码。

8．CSS即__________，它是Cascading Style Sheets英文的缩写。

9．在浏览网页时常会进行一些个人信息或其他信息的填写，如申请电子邮箱时填写个人信息，网上购物时填写购物单等，这些页面就是__________。

10．____________________是Dreamweaver的一项基于Ajax的框架的表单功能。

在网页中使用它可以向访问者提供更丰富的体验以及对表单信息的验证。

《电子商务网页设计与制作》教学教案

《电子商务网页设计与制作》教学教案一、教学目标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. 课后作业：检查学生对课堂所学知识的巩固情况。

商务网页设计与制作教案

《商务网页设计与制作》参考教案授课教师：授课班级：课程学分：总学时数：56周学时数：上课周次：教学进度计划目录第1课（1.1-1.2）（1）需求调查网站需求调查是网站策划的第一步，是确定项目建设必要性的重要工作步骤，由业务团队牵头负责。

①用户调查（业务调查）②市场调研（2）网站定位网站定位是最根本的业务需求，决定网站开发建设的方向，由业务团队牵头负责。

（3）编制需求概要需求概要是明确做什么、怎么做、做到什么程度的。

要求业务目标清晰、业务需求全面、业务边界清楚、业务规则严谨。

需求概要的编制工作应当由业务团队牵头负责，信息技术团队配合。

《项目需求概要》应当由业务团队所在单位签字盖章予以认可。

（4）需求分析与功能规划需求分析与功能规划将需求概要的内容进一步梳理、归纳、系统化，形成系统功能规划。

该项工作是以及技术为主的，由信息技术团队牵头负责，业务团队协助配合（5）工作步骤与工作进度（6）网站开发制作（7）网站发布与运维（8）网站运营模式运营模式运营说明搜索引擎+百科知识以百度为代表，采用竞价排名、广告和点击的运营模式。

百度为客户投放与网页内容相关联的广告，从而实现盈利。

它立足于搜索引擎，建立了一通过大学生运动鞋有用数量调查的意义，启示需求调查的重要性第2课（2.1-2.3）第3课（3.1-3.2.3）第4课（3.2.4-3.2.6）小结巩固本课程需要理解掌握文本段落、文本列表的设置方法，课堂练习重点概念：无序文本列表、有序文本列表。

练习：制作无序文本列表、有序文本列表网页。

课后作业作业：制作一个设置段落的网页，写出完整的HTML代码。

具体要求如下：（1）制作一个文本段落，内容为“诗歌是一种语言凝练而形象，结构自由而跳跃，富有节奏和韵律，饱含联想与想象，高度集中与概括地反映社会生活、表达思想感情的文学体裁。

诗歌的基本特点为：”。

字体为黑体，字号为5号，字的颜色为蓝色，段落中的文本居中显示；（2）制作一个文本段落，在其中再制作一个文本列表，文本列表的字体为楷体，字号为5号，字的颜色为紫色，文本列表的内容如下：A．生活美：对生活高度的提炼、集中、概括；B．思想美：饱含深切的思想感情；C．意境美：用丰富的想象和联想力营造出优美的意境；D．语言美：文字色彩鲜活、语言节奏分明；第5课（3.3-3.3.2）实施步骤：一、组织教学、课前提问（5ˊ）二、教学引导（3ˊ）三、进入本次课讲授内容（77ˊ）四、小结巩固（重申教学目的、重点、难点）（5ˊ）讲授内容：第3章 HTML网页制作技术3.3 图像设置方法3.3.1 图像文件的存储管理网站通常有很多图像文件，需要对这些图像文件进行有效的管理。

电子商务《网页设计与制作》课程标准

《网页设计与制作》课程标准一、课程说明课程名称网页设计与制作标准简称网页设计与制作适用专业电子商务修读学期第一学期制订时间2018.08课程代码1351610课程学时72课程学分4课程类型B类课程性质必修课课程类别专业基础课先修课程平面设计基础与应用后续课程品牌运营、平台运营对应职业资格证或内容CEAC网店运营师、网页制作员合作开发企业无执笔人合作者无审核人制（修）定2018-08日期注：1.课程类型（单一选项）：A类（纯理论课）/B类（理论＋实践）/C类（纯实践课）2.课程性质（单一选项）：必修课/专业选修课/公共选修课3.课程类别（单一选项）：公共基础课/专业基础课/专业核心课4.合作者：须是行业企业人员，如果没有，则填无二、课程定位《网页设计与制作》是为满足行业企业对静态网页设计和制作人员的用人需求而开设的一门面向电子商务专业的必修课。

涉及网页基础、HTML标记、CSS样式、网页布局等内容。

本课程的前期课程主要有《平面设计》等，平行的专业课程主要有《市场营销》等，后续的专业课程主要有《网店设计》等。

通过本课程学习让学生在已掌握平面设计等基本技能的基础上，进一步掌握网页设计开发技能，同时培养了学生网站建设与运营能力，使其具备从事网站编辑相关岗位的职业能力。

三、设计思路《网页设计与制作》课程设计的基本理念是遵循行动导向的教学理念，按照网站编辑的实际工作过程，设计教学的过程。

充分发挥学生的主体性作用，使学生积极主动参与工作过程。

在教学中体现学生主体、过程导向的理念，按照“项目教学法”设计和实际工作过程一致的学习任务单，分阶段实现不同任务，达到79“做中学”目的。

以电子商务专业学生的就业为导向，根据行业专家对电子商务专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。

教学课件电子商务网页设计与制作10.2任务一制作电商网站轮播图动画

01 打开一个素材文件，浏览页面效果。
02转换到源代码视图中，可以看到<body>标签之间的页面主体内容代码。
03 将实现图像滑动切换的JavaScript代码添加到<body>与</body>之间
04 保存页面，在浏览器中浏览页面，体验JavaScript实现的图像滑动效果。
SAMPLE
THANKS
练一练使用JavaScript实现可选择字体大小
03切换到10-1.css中，创建名为.link01的类CSS样式的4种伪类，如图10-14所示。并将样式应用到页面文字中，如图10-15所示。
图10-14
图10-15
04执行“文件>保存”，将页面保存，并保存外部CSS样式表文件，按下键盘上的F12键测试页面，页面效果如图10-16所示。
制作电商网站首页轮播图
图10-25
4 新手试炼——制作多彩下拉列表
如果一个网页界面能够展示图像的空间很有限，那么我们便可以通过使用滑动切换的方式将较多的图像全部展示在浏览者面前，并且还能够为网页界面增加动态的视觉效果，本实例就通过使用JavaScript脚本实现网页中图像滑动切换的效果。
02在源代码视图中，为设置字体大小链接的超链接设置脚本链接，如图10-13所示。
图10-13
提示：该段JavaScript代码是用来定义一个函数接收传递来的字体大小参数，能够将指定id名称的元素中的文字大小修改为接收到的参数的大小。例如，在该页面中添加的JavaScript代码中是将页面中ID名为text的Div中的字体大小属性进行重新设置。
图10-16
3 任务实施——制作电商网站首页轮播图
制作电商网站首页轮播图
01执行“文件>打开”命令，将“项目九/index.html”文件打开，页面效果如图10-17所示。在源代码中找到id为banner的div，将其里面的图片删除，如图10-18所示。

自考-电子商务《网页设计与制作》简答与论述

15.为什么要研究网站的链接结构，制药的网站结构有哪几种？
答：网站的链接结构式指页面之间相互连接的拓扑结构。它建立在目录结构基础之上但可以跨越目录。主要有两种方式：1）树形链接结构（一对一）2）星形链接结构（一对多）
16.请简述一下网站的设计流程。
答：1）初始商讨2）构思3）综合内容 4）页面布局和导航。5）图形制作 6）内容流程 7）测试 8）验收交付
23抖动的原理是什么？
答：“抖动”的原理是：他伪造了那些在颜色有限的调色板中不能显示出来的颜色，在视觉上，近邻像素倾向于混合而产生在图像中实际不存在的颜色，从而达到一种补偿目的，“抖动”的图像有很多颗粒，显得图像非常粗糙。
24试总结网页色彩搭配的原理？
答：1，色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。2色彩的独特性。要有与众不同的色彩，使得大家对你的印象烈。3色彩的合适性。就是说色彩和你表达的内容气氛相适合。4色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。
20.简述大色块构图法和抽象构图法的方法以及相关思路？
答：大色快构图法在网页设计中比较流行，充分利用表格单元格的底色来形成大幅面得色块，而不需要制作如表格那么大的单色图像，。大色块构图具有强烈的视觉冲击力，i因为大色块色彩集中、醒目。主要方法有：对称色块构图和非对称色快构图。与大色块构图相对应的是抽象线条构图，，抽象线条构图也是一种流行的构图趋势，在整个使用抽象线条构图的页面中，没有突出的大面积的色块，取而代之的是一些圆弧线、直线以及一些小线段，这些线段的互相搭配形成一种简洁爽朗的风格。
25.色彩的基本概念？
答：自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑、白色和各种深浅不一的灰色，其他颜色属于彩色。彩色具有三个属性：色相：是颜色的基本属性，反映颜色的原貌，通过色相，人们才能区分种种彩色。饱和度：也叫纯度，指颜色的纯洁程度。饱和度大，颜色就显得生动、活泼、有很强的视觉冲击力；如果饱和度小，颜色就不纯净，看去来显得灰暗。明度：也叫亮度，体现颜色的深浅。

《电子商务网页设计与制作》教学教案

《电子商务网页设计与制作》教学教案一、教学目标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.关于网页的说法错误的是( ) [单选题] *A 网页可以包含多种媒体B 网页可以实现一定的交互功能C 网页就是网站(正确答案)D 网页中可以有超链接2.下面哪种操作不能设置“水平线属性”( ) [单选题] *A 双击B 单击(正确答案)C 右击D 利用“格式”菜单3. 在FrontPage2003中，要使页面上能创建水平滚动的字幕可使用( )实现。

[单选题] *A 文本框B 悬停按钮C 字幕(正确答案)D 计数器4. FrontPage2003中，文本的默认字体为( ) [单选题] *A 黑体B 楷体C 宋体(正确答案)D 隶书5. 制作网页时，我们一般把网页中嵌入的图片存放在( )文件夹。

A [单选题] *A images(正确答案)B _privateC mywebD sound6. 下列用于制作网页的应用软件是( ) [单选题] *A WordB Outlook ExpressC Internet ExplorerD FrontPage(正确答案)7. 用FrontPage2003建立网站时，默认建立的文件夹是( ) [单选题] *A dataB dextC soundD images(正确答案)8.启动FrontPage2003软件时，默认网页文件名是( ) [单选题] *A 文档1.docB new.htmC new_page_1.htm(正确答案)D 网页1.htm9. 在FrontPage2003窗口中，下列( )不属于视图中的标签。

[单选题] *A 设计B 编辑(正确答案)C 代码D 预览10 下列不是网站规划的一般步骤的是( ) [单选题] *A 选择FrontPage2003制作工具B 确定网站的主题和风格C 规划网站的结构、内容及布局D 上传网站(正确答案)11 FrontPage2003是由( )公司发布的。