电子商务网页制作-项目3
旅游电子商务项目三：旅游电子商务网站规划与建设
任务二 旅游电子商务网站建设规划
3、域名的结构
以为例，它是由几个不 同的部分组成的，这几个部分彼此之间具有层次关 系。其中最后的.CN是域名的第一层，.NET是第二 层，.CNNIC是真正的域名，处在第三层，当然还 可以有第四层，如：，至 此我们可以看出域名从后到前的层次结构类似于一 个倒立的树型结构。其中第一层的.CN叫做地理顶 级域名。
任务一 旅游电子商务网站细分
旅游电子商务网站分类
1、按传统旅游企业类型分类 :
(1)旅游企业的电子商务网站
(a) 旅行社的电子商务网站 (b)酒店宾馆饭店的旅游电子商务网站 (c)旅游景区景点的电子商务网站
(2)辅助旅游业的电子商务网站 (3)旅游行政管理部门的电子商务网站
任务一 旅游电子商务网站细分
旅游电子商务网站规划与建设
任务二 旅游电子商 务网站建设规划
任务二 旅游电子商务网站建设规划
旅游电子商务网站的创建是一项系 统工程，网站的建设者必须考虑和分析 建立网站的目的、需求和要实现的功能， 并考虑网站的整体规划和具体的开发步 骤，才能开发出一个具有相当水准的专 业商务网站。
任务二 旅游电子商务网站建设规划
任务一 旅游电子商务网站细分
任务实施
登录中国典型旅游网站，查看不同类别旅游网站开展的 旅游业务及网站盈利模式，旅游电子商务网站分类
登陆各类旅游 电子商务网站 查看各类旅 游网站的业 务 分析不同类 别网站的特 点
旅势
分析网站 的盈利模 式
任务二 旅游电子商务网站建设规划
域名层级结构 ：
任务二 旅游电子商务网站建设规划
2、域名的注册
在Internet上域名注册是实现电子商务活动的第 一步，同时，由于域名在全世界具有唯一性，它已 经具有类似于产品的商标和企业的标志物的作用， 因此，尽早注册又是十分必要的。域名和商标都在 各自的范畴内具有唯一性，并且，随着Internet的 发展，从企业树立形象的角度看，域名从某种意义 上讲又和商标有着潜移默化的联系。所以，它与商 标有一定的共同特点。许多企业在选择域名时，往 往希望用和自己企业商标一致的域名，域名和商标 相比又具有更强的唯一性。
《电子商务网页设计与制作》-各章习题及答案(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 声明包含在{}大括号内，也可以在{}外。
电子商务基础项目三C2C电子商务模式(张晶)
天猫双十一交易额571亿 其中移动交易额243亿元
成全球第一移动电商
点亮全球217个国家和地区 全球化生态效应凸显
刷新两项世界吉尼斯纪录
第一章 C2C 电子商务模式
9
of
18
1.4 任务1：成为卖家
模式概述
项目教学
课程考核
返回首页
点击请观看视频：淘宝购物示范
第一章 C2C 电子商务模式
10 of
18
模式概述
①申请认证 提交认证申请 填写个人信息 身份证核实 银行账户核实 实名认证通过 ③宝贝出售
项目教学
课程考核
返回首页
查询交易信息
修改商品信息
请打开网址：
进行实际操作
第三步 第四步
开店流程
第一步
第二步
② 发布宝贝
④ 交易成功 确认买家付款
发布宝贝 开设店铺
确认收货 确认收款情况 评价
of
18
1.2 网上零售
模式概述
项目教学
课程考核
返回首页
网上零售（e-Retail）是指通过互联网或其他电子渠道，针对个人或者家庭的
需求销售商品或者提供服务，即交易双方以互联网为媒介的商品交易活动
网上零售与传统零售相比，具有鲜明的特点：
稳定的进货渠道 较完善的物流系 强大的品牌影响 丰富的购物体验 健全的售后服务
第一章 C2C 电子商务模式
14 of
18
1.5 形成性考核进程表：10分
小组名 称 小组项 目 掌握电子 商务模式 掌握基本 网店结构 设计 熟悉C2C 平台应 用 具有较好 的分析、 决策意识
模式概述
项目教学
课程考核
返回首页
电子商务基础项目三精品PPT课件
换书面19文99件年的3方月式来5 达日成上商午业，交景易荣的实。业也有就限是公说司，向课衡在阳程这木个项制交目品易直加过击工程厂中发，出以一电份子电数子据邮讯件息，代要替求了购传统
买的其书厂面生文产件的，办实公现家了具无，纸电化子。邮件中明确了如下内容：（ 1） 需要办公桌 8 张， 椅子 16 张；（ 2） 要求在所谓3 电月子12交日易之是前指将在货网送上至开景展荣买实卖业活有动限。公电司子；交（易3是）电总子价商格务中15最0引00人元注。目电的子一邮个件部还分对电办子公交 桌易椅中的涉尺及相寸关、的式单样证、、颜合色同做、了电说子明支，付并以附及了相样关图的。售当后天服下务午等3内时容。35电分子，交衡易阳相木对制于品传加统工交厂易收来到说， 电并子不邮仅件仅并是回简复单景地荣开实辟业了有 一限 条公 新司 的， 销售对渠景道荣，实这业其有中限，公司涉的及要很求多全的部技认术可手，段还、专技门术派标人准到、景法荣律实关业系 有等限内公容司的作变了更确。认， 但双方没有签署书面文件。 1999 年 3 月 10 日， 景荣实业有限公司以 11 000 元的价格购买了另一家工厂生产的办公桌椅， 就以没有签署书面合同为由拒收衡阳木制品加工厂送 过来的桌椅。 双方协商不成， 3 月 16 日衡阳木制品加工厂起诉至法院。 庭审中， 双方对用电子邮 件方式买卖办公桌并由衡阳木制品加工厂去确认， 3 月 11 日送货上门等均无异议， 4月15 日法院 判决衡阳木制品厂胜诉。
任务一 网上单证设计及问题处理
（ 二） 网上单证的类型 目前常见的网上单证按照功能不同可分为以下几种类型。 1.身份注册类型 2.普通信息交流类型 3.信息发布类型 4.商务操作类型
电子商务网页设计与制作课程标准.doc
学校名称《电子商务网页设计与制作》课程标准课程代码适用专业电子商务编制审核制定日期一,课程定位《电子商务网页设计与制作》是电子商务专业地理实一体课程,是电子商务专业地核心课,本门课程对于网站维护岗,网站编辑岗,美工面设计岗,网页设计岗岗位而言都是从业员需要掌握地最核心地专业技能。
通过本门课地学,学生应该掌握一种网站设计工具,熟悉网站设计地整个流程,并培养完成静态网站设计任务地职业素养与职业能力,提高学生地就业竞争能力。
本课程是理实一体化课程,课程地实验实践环节学时数大约占该门课程总学时地五零%,本课程在第二学年第一学期开设,本课程地先行课程为《图像处理技术》与《电子商务概论》,学生已经具备扎实地理论知识与一定地计算机网络知识与操作技能;其后续课程为《网上经营实务》与《电子商务综合应用实训》。
二,课程目地《电子商务网页设计与制作》课面向技术岗位群设立,通过课程学,学生能树立良好地世界观,生观与价值观,具备坚持走特色社会主义道路地信念与决心,能在遇到困难时不轻言放弃而是努力攻克困难,能具备信息收集与筛选能力,制定工作计划,独立决策与实施能力,能利用网站制作工具,完成电商静态网站地网页策划与制作。
具体课程目地如下:知识目地:一.了解简单地网站地规划设计能力,能阅读需求说明书,明确客户需求;二.知道建立站点,管理站点地有关步聚与方法;三.熟悉常用HTML代码地语法结构与使用方法四.理解使用DW工具行网页地设计与制作地方法与步骤;五.熟悉CSS样式地设置方法;六.了解移动端网站自动生成工具地使用方法与步骤。
七.熟悉测试,发布,维护站点地方法。
能力目地:1.具备阅读并正确理解网站需求分析报告与设计方案地能力。
2.能从"色彩搭配地视觉效果","正确地传达"与"网页布局方式"三个方面对内外知名电商网站行简单地赏析;3.会分析电商网站地栏目,并能使用WORD软件绘制电商网站地栏目结构图;4.能使用"记事本"编写最简单地HTML代码实现简单地网页;五.熟练使用网页设计工具与图像美化工具制作电子商务网页。
项目三：旅游电子商务网站建设(教案)[8页]
![项目三：旅游电子商务网站建设(教案)[8页]](https://img.taocdn.com/s3/m/95f49bece87101f69f319599.png)
2.导航栏：导航栏是在规划网站结构、开始设计网站主页时必须考虑的一项内容。一般情况下，导航栏放置在网页中较为醒目的位置，通常在网页的顶部或一侧。导航栏既可以是文本链接，也可以是图片链接。
二、旅游电子商务网站的定位分析
1.确定目标受众群体
旅游电子商务网站不可能满足所有在线旅游者的需求，需要结合旅游企业自身的特点和产品业务，精准锁定目标客源群体，深入了解目标受众群体的需求，规划并设计符合目标群体的旅游电子商务网站，为其提供所需的旅游产品或服掌握竞争对手的相关情况，这是进行旅游电子商务规划不可或缺的部分。包括：找到网上的直接及潜在的竞争对手、了解竞争对手旅游电商网站的战略、了解竞争对手网站设计的整体架构。
2.首页的版面设计
在首页功能模块确定后，开始设计首页的版面内容。版面设计的主要方法是：先将网站首页的构思图通过纸质草图的样式画出来，再绘制效果图；然后选择Frontpage、Weebly或Dreamweaver等网页制作工具，按照草图和效果图来逐步完成网站首页的设计。
3.技术细节的处理
在技术细节的处理上，需要注意以下几方面的内容。第一，绘制草案。新建的页面就像一张白纸，没有任何表格、框架及约定俗成的规范；第二，粗略布局。在草案形成的基础上，开始斟酌各项功能及内容的呈现位置，使其在页面上布局更合理；第三，最终定案。将粗略布局精细化、具体化，并经美工绘制成效果图。
以四人为一个小组的吗？还是通过各大旅游App、旅游微信公众号及微信小程序完成旅游产品的购买？
2.在移动互联网如此普及的今天，旅游企业有没有必要建设旅游电子商务网站？为什么？
项目三：旅游电子商务网站建设(试题及答案)[2页]
![项目三：旅游电子商务网站建设(试题及答案)[2页]](https://img.taocdn.com/s3/m/79d929f7a300a6c30d229f99.png)
项目三：旅游电子商务网站建设（试题及答案）一、单选题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. 简述什么是旅游电子商务网站？答案：旅游电子商务网站就是利用先进的计算机网络及通信技术和电子商务的基础环境，整合旅游企业的内部和外部的资源，扩大旅游信息的传播和推广，实现旅游产品的在线发布和销售，为旅游者与旅游企业之间提供一个信息共享、增进交流与交互的网络化平台。
电子商务网页设计与制作完整版ppt课件全套教学教程(最新)
任务实施
01 电商企业网站的需求分析 02 电商企业网站的布局结构分析
03 电商企业网站的色彩应用
知识分析 1.网站规划的市场调研
网站的规划是指在网站建设前确定好网站的主题和功能目标后，对网站目标 定位，进行的内容规划和功能规划。其中直接的表现就是网站结构的规划，特别 对于网站前端部分而言，更为关注的是网站的栏目设计。
度，通过划分具有规律的分割，来提高网页开发效率。如下图所示： 将960像素的页面平均分成12分，间隔10像素。
960像素12栅格分割示意图
知识分析 3. 基于栅格化设计原理的网页布局
（1）960栅格化系统 960栅格化系统系统（或者说适应型css构架）早期主要用来进行快速原型制
作，减少重复单调的工作，但是目前，它在网页设计开发项目中开始扮演非常重 要的角色。它为我们的设计提供一个坚实的坐标基础。
拓展练习 2.网页设计常用尺寸
网页设计因其载体的限制，要充分考虑到设备的尺寸，在设计页面的过程中， 设计师往往会根据屏幕大小来设计页面每个部分的宽窄，通常一个静态屏幕所展 示页面的宽高可以称之为一屏，一个完整的页面是由多屏组成的。
一屏的宽度由显示器宽度决定，再根据不同的浏览器进行微调。在显示器的 尺寸上减去20像素到30像素不会出现水平滚动条。但在实际操作中，我们通常只 会对网页中的主体部分进行设计，将主体放在屏幕中间，两边留白，或者插入大 的背景图。因此网页的宽度很大程度上会和版心尺寸保持一致。通常是920像素到 1400像素之间。而一屏的高度通常会在600像素到800像素之间，如果超过800像素， 那么该部分内容就不能在一个静态屏幕上完整显示，会进一步影响用户的体验。
知识分析
2. 竞品分析 竞品分析通常包括背景分析和定位分析两方面： 背景分析主要包括公司的资源、团队的背景，人员构成、组织架构、公司愿景、 成本构成。通过背景分析，可以深入了解公司的现状，公司的风格。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页文件操作
小贴士 文件名通常使用小写英文字母，不使用空格、特殊符号，不允
许使用中文！ 文件命名尽量以这四种方式命名：汉语拼音，汉语拼音缩写，
英文，英文缩写，以方便通过文件名直观的了解页面内容。 切忌用默认的untitled-1、untitled-2等方式命名文件，作为初学
者，你需要养成很好的文件命名习惯！
导出和导入站点
单击“管理站点”对话框中的“导出”按钮，将导出当前的站点，用于网站备份。 单击“管理站点”对话框中的“导入”按钮，可以导入之前导出过的备份站点。
站点的操作
活动小结
在制作网页之前我们需要先创建站点。在本次活动中我们了解了站点的 概念，着重学习了创建站点的方法和步骤，同时还学习了站点相关的一系列 操作，包括站点的打开、编辑、复制、删除、导入和导出，这些操作对我们 以后管理站点是非常有用的。
创建站点步骤
步骤２：单击“高级设置”选项卡，在其中的“本地信息”子选项卡中设置默 认图像文件夹为本地文件夹中的“images”子文件夹
对于制作本地站点而言，只需要进行上述的设置就可以了，其余的选项都 采用默认设置即可，不需要再去专门设置。
创建站点步骤
步骤３：设置完成后，单击“保存”按钮，站点创建完成，这时可以在窗口右 侧的文件面板中看到站点中的文件和文件夹
电子商务 网页制作
DW
项目三 站点创建新体验
项目目标
• 说出什么是站点； • 创建、编辑和管理站点； • 进行文本的添加和编辑； • 插入和简单编辑图像； • 插入和编辑表格。
什么是站点？
站点可以简单的理解成为存放站内信息的文件夹，是一组网页文档的集 合。设计者通过各种链接把这些网页联系在一起，浏览者通过不同的链接， 可以从一个网页到另一个网页，从而实现对整个网站的访问。网页制作的第 一步不是制作一个网页，而是创建一个新的站点。
测试服务器信息。远端文件夹是存储文件的位置，这些文件用于测试、生产、 协作等。远端文件夹通常位于远端Web服务器上。Dreamweaver将该文件夹 称为“远端站点”。
本地文件夹和远端文件夹使设计者能够在本地磁盘和Web服务器之间传输 文件，从而轻松管理Dreamweaver站点中的文件。
３、测试服务器文件夹 测试服务器文件夹是Dreamweaver处理动态网页的文件夹。
网页文件操作
1．新建网页文件 方法一：在起始页的“新建”栏中单击“HTML”选项，即可新建一个名为
“Untitled-1”的空白网页
网页文件操作
方法二：打开“文件”菜单，选择“新建”命令，或按快捷键<Ctrl>+N，将 弹出“新建文档”对话框，选择“空白页”中的“HTML”项，在“布局”中选择 “无”，单击“创建”按钮即可Fra bibliotek建一个空白网页。
编辑站点
当需要重新进行站点设置时，可以单击“管理站点”对话框中的“编辑”按 钮，选择后将重新弹出“站点设置对象”对话框，可以对站点重新进行设置。
复制站点
单击“管理站点”对话框中的“复制”按钮，将生成选定的站点的复制站点。
删除站点
单击“管理站点”对话框中的“删除”按钮，将弹出警告框提示是否确定删 除，单击“是”按钮后将删除选定的站点。
小贴士 创建站点就是创建一个特殊的文件夹，有关网站的所有
内容，如子文件夹、网页文档、组件、图片和其它网站相关 的文档等等，都存放在该文件夹中。
另外，“站点”和“网站”是一个东东，只是说法不同 而已！
创建站点文件夹
Dreamweaver站点由三种类型的文件夹组成，这三种文件夹有可能是同一 个文件夹，也可能不是，这取决于开发环境和所开发的网站类型。
创建站点步骤
步骤１：在Dreamweaver CS5窗口中打开“站点”菜单，选择“新建站点”命 令，将打开“站点设置对象”对话框
在“站点”选项卡中，可以设置站点名称和本地站点文件夹，站点名称可以 自己定义，一般定义为与站点主题相关的名称；本地站点文件夹非常重要，一定 要设置为前面创建的本地文件夹。
网页文件操作
方法三：在文件面板中的站点目录上单击右键，在弹出的快捷菜单中选择“新 建文件”，将新建一个名为“Untitled.html”的文件，需要重新命名。
网页文件操作
2．保存网页 打开“文件”菜单，选择“保存”命令，或按快捷键<Ctrl>+S，将弹出“另
存为”对话框，选择保存的位置并输入保存文件名，单击“保存”按钮即可将网页 保存。
打开站点
当我们同时在制作几个网站时，不同的站点都会在Dreamweaver中保留， 我们需要打开某个站点时，可以通过“管理站点”对话框来完成。 在Dreamweaver窗口中打开“站点”菜单，选择“管理站点”命令，打开“管 理站点”对话框。
在“管理站点”对话框中选择需要打开的站点名称，单击“完成”按钮即 可打开该站点。
创建站点文件夹
在创建站点之前，我们应该新建一个本地文件夹用于存放网站的各种文件 ，在本地文件夹内部再创建若干个子文件夹对网站文件进行分类管理，比如网 站图像存放在“images”文件夹中。
小贴士 子文件夹的名称一般使用便于记忆的英文单词或缩写
来命名，如： “images”文件夹用于存放网站图像； “style”文件夹用于存放样式表文件； “swf”文件夹用于存放网站动画； “data” 文件夹用于存放数据库方面的内容。
1、本地文件夹 本地文件夹是网站设计者的工作文件夹，设计过程中使用和处理的所有文
档都存储在这个文件夹中。它一般位于本地计算机上，也可以位于网络服务器 上。Dreamweaver将该文件夹称为“本地站点”。
只需要建立本地文件夹就可以将其定义为Dreamweaver的“本地站点”。
创建站点文件夹
２、远端文件夹 如果要向Web服务器传输文件或开发Web应用程序，还需添加远端站点和
网页文件操作
小贴士 在“文件”菜单里有“保存”和“另存为”两个命令，首次保
存网页时，选择“保存”或“另存为”命令都会弹出“另存为”对 话框，提示设计者设置保存位置和文件名；对于已经保存过的网页 进行再次编辑时，选择“保存”命令直接将所作的修改保存到原网 页文档，而选择“另存为”命令则再次弹出“另存为”对话框，可 以重新设置保存位置和文件名。