电子商务网页制作-项目3

项目一赏析规划电子商务网站课后习题一、选择题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 声明包含在{}大括号内，也可以在{}外。

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

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

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

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

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

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

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

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

项目三：旅游电子商务网站建设（试题及答案）一、单选题1. 顶级域名中.org代表的是（）。

A、教育机构B、政府组织C、军事部门D、非营利性的组织答案：D2. 域名注册成功后，要想让网站在互联网被别人用户访问到，需要与什么建立联系（）。

A、ISPB、LSPC、DSPD、CSP答案：A3. 对构建网站的作用进行分析，用户需求调研等属于旅游电子网站建设流程的（）哪个阶段。

A、旅游网站的规划与分析B、旅游网站的设计与开发C、旅游网站管理系统设计D、旅游网站的评估与测试答案：A二、多选题1. 旅游电子商务网站的定位分析包括（）A. 确定目标受众群体B. 调查分析竞争对手C. 网站的可行性分析D. 网站的技术性选择答案：A,B,C2. 旅游电子商务网站的设计元素有（）A. 站标（logo）B. 导航栏C. 表格表单D. 超链接答案：A,B,C,D3. 旅游网站设计布局类型有（）A. “同”字型网页设计布局B. “回”字型网页设计布局C. 左右对称型网页设计布局D. 自由格式型网页设计布局答案：A,B,C,D三、判断题1.确定旅游电子商务网站的类型，如：基本型旅游网站、专业型旅游网站等，属于旅游电子商务网站的需求分析中的网站系统调查阶段。

错四、名词解释1. 域名答案：互联网上每台计算机都有唯一的IP地址用于实现彼此之间的通信，但IP地址是一个数字地址，非常难以记忆。

因此，就在互联网上设定了一个有意义且容易记忆的名字来代替不易记忆的IP地址，这个名字就是域名，也就是我们通常访问网页所看到的网址。

2. 超链接答案：超链接是一种允许同其他页面或站点进行链接的元素。

“超”是指这个目标可以是另一个页面，也可以是相同页面中的不同位置，具体链接的形式可以是文字或图片等。

五、简答题1. 简述什么是旅游电子商务网站？答案：旅游电子商务网站就是利用先进的计算机网络及通信技术和电子商务的基础环境，整合旅游企业的内部和外部的资源，扩大旅游信息的传播和推广，实现旅游产品的在线发布和销售，为旅游者与旅游企业之间提供一个信息共享、增进交流与交互的网络化平台。

电子商务网页制作电子商务网页制作是一个涉及多个方面的复杂过程，它不仅需要对网页设计有深入的了解，还需要掌握电子商务的基本原则和用户交互设计。

以下是一个关于电子商务网页制作的详细内容：在当今数字化时代，电子商务网页制作已经成为企业拓展市场、增加销售渠道的重要手段。

一个成功的电子商务网站不仅能够吸引顾客，还能提供便捷的购物体验，从而促进销售。

以下是电子商务网页制作的关键步骤和要点：1. 明确目标市场和用户需求在开始设计电子商务网页之前，首先要进行市场调研，明确目标客户群体，了解他们的需求和偏好。

这将帮助设计师创建一个符合用户期望的网站，提高用户满意度和转化率。

2. 设计直观的用户界面用户界面（UI）设计是电子商务网站成功的关键。

一个直观、易于导航的用户界面可以减少用户的学习成本，提高用户体验。

设计师应该使用清晰的布局、一致的设计风格和易于识别的图标来指导用户完成购物流程。

3. 优化用户体验（UX）用户体验（UX）设计关注于用户在使用网站时的感受。

一个优秀的电子商务网站应该能够快速加载，提供流畅的购物体验，并在用户遇到问题时提供有效的帮助。

此外，网站还应该适应不同的设备和屏幕尺寸，确保用户无论使用何种设备都能获得良好的体验。

4. 确保网站的安全性电子商务网站处理大量的个人和财务信息，因此安全性至关重要。

网站应该使用SSL证书来加密用户数据，防止数据泄露。

此外，网站还应该定期进行安全检查，确保没有安全漏洞。

5. 集成高效的支付系统支付系统是电子商务网站的核心功能之一。

一个高效、可靠的支付系统可以减少支付过程中的摩擦，提高转化率。

网站应该提供多种支付选项，如信用卡、借记卡、电子钱包等，并确保支付过程简单、快捷。

6. 提供优质的客户服务优质的客户服务可以提高用户满意度，增加回头客。

电子商务网站应该提供多种联系方式，如在线聊天、电子邮件、电话支持等，以便用户在需要时能够轻松联系到客服团队。

7. 进行搜索引擎优化（SEO）搜索引擎优化（SEO）是提高网站在搜索引擎中的排名，从而吸引更多流量的有效手段。

《电子商务网页设计与制作》教学教案一、教学目标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 电子商务电子商务网页设计课程标准一、课程概述电子商务网页设计是电子商务专业的一门重要的专业基础课程。

本课程旨在培养学生掌握电子商务网页设计的基本原理、方法和技术，具备独立设计和开发电子商务网页的能力，为学生今后从事电子商务相关工作打下坚实的基础。

二、课程目标1、知识目标了解电子商务网页设计的基本概念、发展历程和趋势。

掌握 HTML、CSS、JavaScript 等网页设计语言的基础知识。

熟悉网页布局、色彩搭配、图形图像处理等设计原则和方法。

了解电子商务网站的架构和功能模块。

2、技能目标能够使用 HTML 和 CSS 进行网页布局和样式设计。

能够运用 JavaScript 实现网页的交互效果。

能够使用图形图像处理软件制作网页所需的图片和图标。

能够独立设计和开发简单的电子商务网页。

3、素质目标培养学生的创新意识和审美能力。

提高学生的团队协作能力和沟通能力。

培养学生的自主学习能力和解决问题的能力。

三、课程内容1、网页设计基础网页设计的基本概念和发展历程网页的构成元素和页面布局色彩搭配和字体选择的原则2、 HTML 语言HTML 标签的语法和用法常用 HTML 标签的应用，如标题标签、段落标签、图片标签、链接标签等HTML 表单的设计3、 CSS 样式表CSS 选择器的类型和用法CSS 样式的属性设置，如字体样式、背景样式、边框样式等CSS 布局的方法，如浮动布局、定位布局、flex 布局等4、 JavaScript 脚本语言JavaScript 的基本语法和数据类型JavaScript 的函数和对象JavaScript 事件处理和 DOM 操作5、图形图像处理常用图形图像处理软件的使用，如 Photoshop、Illustrator 等图片的裁剪、调色、合成等处理方法图标设计的原则和方法6、电子商务网页设计实例电子商务网站的需求分析和规划电子商务网页的页面设计和制作电子商务网页的测试和发布四、课程实施1、教学方法采用理论讲授、案例分析、实践操作相结合的教学方法，注重培养学生的实践能力和创新能力。

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

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

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

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

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

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

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

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

24秋学期《电子商务网页制作》作业参考1.表单中的()对象能够在网页中建立一个文件地址的输入选择栏选项A：文件域选项B：复选框选项C：图像域选项D：按钮参考答案：A2.如果希望仅添加库项目内容代码而不希望它作为库项目出现，可以按住()键将库项目插入文档中选项A：ctrl选项B：shift选项C：alt选项D：enter参考答案：A3.要删除表格中的某行，可以使用的快捷键是()选项A：ctrl+x选项B：ctrl+shift+m选项C：ctrl+shift+-选项D：ctrl+d参考答案：B4.Banner广告有多种规格,其中最常用的标准广告的像素是()选项A：480×100选项B：476×80选项C：486×60选项D：450×50参考答案：C5.表单中的()对象是用于触发服务器端脚本处理程序的工具选项A：文件域选项B：复选框选项C：图像域选项D：按钮参考答案：D6.要将行为绑定到纯文本元素,可以将其指定为()选项A：注释选项B：空链接选项C：带格式的段落选项D：锚记参考答案：B7.使用表格进行页面布局的最大好处是()选项A：显示速度快选项B：改变计算机的分辨率不会影响网页的浏览效果选项C：容易掌握选项D：兼容性好参考答案：B8.在Dreamweaver CS6中，创建模板文件的方法有()种选项A：1选项B：2选项C：3选项D：4参考答案：C9.当用户通过下拉列表选择与当前选项不同的项目,然后在页面其他位置单击时，会触发()事件选项A：OnChange选项B：OnFocus选项C：OnMousemove。

学生实验报告实验指导书五步骤（1）新建一个文件夹试验五将“唯存教育”文件夹中的myweb文件夹复制到此新文件夹中。

（2）启动dreamweaver新建一个站点保存在实验五文件夹中。

（3）新建一个打开中的article.html切换至代码视图。

新建css样式保存至实验五中，在代码视图加link标记。

（4）再添加css控制网页表实验指导书六步骤）新建一个文件夹试验六将“八大行星”文件夹中的myweb文件夹复制到此新文件夹中。

dreamweaver新建一个站点保存在六文件夹中。

（3）打开index.html，将窗口切换至代码视图，为body中的container和list添加div标签。

（4）建立命名标记：点击菜单栏上的命名锚记输入名称确定后在文档设计视图中选择创建连接文本，在属性检查器“链接”入数字符号#和锚记名称。

（5）新建css样式表控制网实验指导书七（1）新建一个文件夹试验七将“77号作品”文件夹中的myweb文件夹复制到此新文件夹中。

（2）启动dreamweaver新建一个站点保存在实验七文件夹中。

（3）打开index.html和style.css，在style.css中补充网页背景样式，未添加样式前的网页如图（四）给网页添加背景颜色#f2caff如图。

（五）添加css样式后如图实验指导书八步骤（1）新建一个文件夹试验八将“信息与网络中心”文件夹中的myweb文件夹复制到此新文件夹中。

（2）启动dreamweaver新建一个站点保存在实验八文件夹中。

（3）打开index.html 和style.css，打开style.css补充网页样式后如图实验指导书九步骤（1）新建一个文件夹试验九将“信息与网络中心”文件夹中的myweb文件夹复制到此新文件夹中。

（2）启动dreamweaver新建一个站点保存在实验九文件夹中。

（3）打开index.html 和style.css，打开style.css补充网页样式修改sidebar和content后Head添加图片和高度后如图加footer后添加圆角框顶部后如图添加圆角框中部和底部图像如图添加fltlt浮动后添加图片元素填充和边框和水平排列后如图最终效果如图实验指导书十一步骤（1）新建一个文件夹试验十一将“宝贝屋”文件夹中的myweb文件夹复制到此新文件（2）启动dreamweaver新建一个站点保存在实验十一文件夹中。

本次课基本信息教学设计页教学内容页2.1 Dreamweaver CC工作界面1．工作环境Dreamweaver CC的工作环境由菜单栏、文档工具栏、文档窗口、状态栏、属性面板（或属性检查器）和浮动面板组等部分组成。

2．工作区布局3．多文档的编辑界面2.2 创建网站站点站点是存放一个网站所有文件的场所，由若干文件和文件夹组成。

用户在开发网站前必须先建立站点，便于组织和管理网站文件。

1.创建新站点2.新建和保存网页3.管理站点文件和文件夹4.课堂案例—慈善救助中心练习：慈善救助中心步骤：1.创建站点站点名：慈善救助中心2.建立站点内文件夹建立文件夹images,把图片移动到文件夹中3.重命名文件和文件夹（1）Index.html修改为about.html（2）打开index.html，网页中的“关于我们”文字链接，更新连接（3）修改文件夹images为img教学内容页2.3 管理站点建立站点以后，可以对站点进行打开、编辑、复制和删除等各种操作。

1．打开站点选择菜单【窗口】|【文件】或按<F8>键打开【文件】面板，单击左边的下拉框，在下拉列表中选择要打开的站点。

打开站点后，在【本地文件】下显示该站点内的所有文件和文件夹。

2．编辑站点选择菜单【站点】|【管理站点】，打开【管理站点】对话框，选择要编辑的站点名称，如webtest，单击编辑按钮图标。

打开【站点设置对象webtest】对话框。

经过对各种设置修改后，单击【保存】按钮，返回【管理站点】对话框。

3．复制站点选择菜单【站点】|【管理站点】4．删除站点选择菜单【站点】|【管理站点】2.4 网页文档头部信息设置1 插入搜索关键字（1）<meta name="keywords" content="礼品,节日礼品" />（2）选择菜单【插入】|【HTML】|【文件头标签】|【META】2 设置描述信息<meta name="description" content="节日礼品,商务礼品" />3 插入版权信息<meta name="copyright" content="本页版权归设计者所有" />4设置刷新时间<meta http-equiv="refresh" content="30" />。

《电子商务网站建设》实验指导书一、适用对象电子商务专业的专科生。

二、实验目的与要求建设电子商务网站是开展电子商务的重要前提。

电子商务网站开发建设有各种不同的解决方案，通过本课程的实验，学生可以亲自动手实现某些方案，熟悉和掌握网页制作技术、数据库理论、ASP开发技术。

通过实验，加强学生的动手能力，并在实验中对电子商务网站的技术和知识加深了解。

三、实验硬件、软件条件1、系统配置PC机50台。

PC机的最低配置要求：CPU586/64M内存/20G硬盘服务器一台，配置要求：CPU586/256M内存/40G硬盘2、辅助教学软件Windows98，Windows2000 or Windows 2000 server或更高IIS5.0 Web server，Apache Web server、MS-SQL server、Access数据库Frontpage、Dreamweaver MX四、实验项目及学时分配实验教学总学时：26学时。

具体分配如下：五、实验教学内容实验项目一:熟悉asp环境及网站架构实验（一)实验目的与要求：熟悉IIS的环境，设置主目录和默认文档，.了解和制作最基本的ASP网页,了解ASP的标识符。

掌握在DREAMWEA VER中配置站点，配置数据库的基本ODBC数据源,进行数据库的连接。

制作一个基本的小数据库登陆模块。

（二）实验内容：1．从电脑的控制面板中选择管理工具中的internet服务管理器，对iis的默认端口、主目录进行修改，对默认文挡进行修改。

首先打开电脑系统中的控制面板—管理工具—internet信息服务程序分别熟悉并设置internet信息服务管理器中的默认端口、主目录位置及默认文档。

2．下载样本网站在本地IIS中进行设置，并预览。

通过在教师机上设置网络服务器,把一个例子网站从服务器上下载以后在学生机上配置并且预览，使学生熟悉网络服务器的概念及使用。

3．新建包含用户和密码的小的ACCESS数据库表，并且配置其ODBC数据源.在DREAMWEA VER中进行站点配置和数据库连接.添加一个基本登陆表单,设置对用户登陆的服务器行为.设计ACCESS数据库：配置ODBC数据源：在dreamweaver中设置站点：配置好站点以后在dreamweaver中设置对于数据库的正确连接.设计登陆表单使用服务器行为——登陆用户进行设计：(三）实验步骤：1)分别详细介绍实验内容的三个步骤的操作过程。