《电子商务网页设计》课件(完整版).ppt
《《电子商务网页设计》课件(完整版).ppt》由会员分享,可在线阅读,更多相关《《电子商务网页设计》课件(完整版).ppt(500页珍藏版)》请在咨信网上搜索。
1、电子商务网页设计课件,第1章 电子商务网页设计概述,本章学习目标:,知识目标: 了解电子商务的概念;掌握互联网的基础知识;理解网页的本质; 了解网页的色彩的基本知识;了解网页制作的基本工具;了解网页设计师的执业技能。,技能目标: 掌握记事本编写网页的方法;掌握IE操作的基本能力。,能力目标: 理解建设电子商务网站的必要性。,本章主要内容:,1.3 网页设计基础,1.1 电子商务基础,1.2 网络基础,1.4电子商务网页设计的知识体系,1.3 网页设计基础,1. 什么是电子商务2. 电子商务的定义3. 电子商务的概念模型4. 电子商务的应用类型5. 企业网站在电子商务中的地位与作用,电子商务网页
2、设计,1.1 电子商务基础,1. 电子商务的概念,按照IBM的观点,电子商务 = WEB + 企业业务。也就是说,电子商务包含两个方面内容,一是电子方式,二是商贸活动。,就电子方式而言,电子商务的方式是指利用当代最先进的信息技术,如电子计算机技术、网络技术、通讯技术、多媒体技术、Internet技术等,从事的商业活动。它强调现代信息技术在网络计算环境下的商业化应用。,从商贸活动的角度分析,商务是核心,电子是手段。我们研究、学习电子商务的目的是为了更好的利用先进的电子商务技术手段,降低企业的经营成本、提高工作效率、实现企业盈利的根本目的。在此基础上提高整个社会的运行效率、改善我们的生活质量。,2
3、.电子商务的定义,电子商务首先是商业经营中的一种全新经营理念,是在通过电子手段建立一种新的经济秩序,是信息技术对传统商务活动的一种变革;同时电子商务是新的商业模式,是各种具有商业活动能力的实体(如生产企业、商贸企业、金融机构、政府机构、个人消费者等)利用网络和先进的数字化传媒技术进行的各项商业贸易活动;电子商务强调对网络化和数字化技术的综合利用。电子商务是信息技术发展的产物,计算机技术、网络技术、通讯技术、多媒体技术等信息技术和计算机设备、电子设备是电子商务的基础。,3. 电子商务的概念模型,电子商务的概念模型可以抽象地描述每个交易主体和电子市场之间的交易事务关系。如图1-1所示:,图1-1
4、电子商务的概念模型,其中:交易主体:是指从事电子商务活动的客观对象是电子商务活动的实际参与主体,包括买卖双方和交易活动必须的第三方中介机构,如企业、银行、政府机构、认证机构和个人等。电子市场:是交易主体从事商品和服务交换的场所,它是由各种商务活动的参与者,利用通信网络连接成的虚拟的统一经济整体。交易事务:是指电子商务参与各方所从事的具体的商务活动的内容,例如,询价、报价、转账支付、广告宣传、商品运输等。,信息流:在电子商务活动中最基本也最普遍的是信息流,既包括商品信息、营销信息、技术支持、售后服务等内容,也包括诸如询价单、报价单、付款通知单、转账通知单等商业贸易单证,还包括交易方的支付能力、支
5、付信誉、中介信誉等。资金流:是指资金的转移过程。如付款、转账、兑换等。物流:主要是指商品和服务的存储、保管、加工、配送、和运输、装卸。在电子商务交易中,通过网络实现物流的能力十分有限,只能直接传输如软件、有价信息等信息类商品和服务。对于大多数实体商品和服务来说,物流仍然要经由传统的配送渠道和方式。商流:是指商品在购、销之间进行交易和商品所有权转移的过程。,4. 电子商务的应用类型,(1)企业内部电子商务(2)本地电子商务(3)国内远程电子商务(4)全球电子商务,1.1.2电子商务对企业经营活动的影响,1.电子商务的优势(1)商务流程信息化。(2)虚拟化。(3)全球化。(4)低成本。(5)互动性
6、。,2.电子商务的影响(1)电子商务将改变企业的经营模式(2)电子商务将改变企业的生产方式(3)电子商务将改变企业的管理方式(4)电子商务将转变政府的行为,1.1.3 企业网站在电子商务中的地位与作用1.企业电子商务网站的功能2.电子商务网站的主要功能模块,1. Internet 2. TCP/IP 3. Internet的地址结构 4. WEB技术5. URL6.搜索引擎,任务2:了解网页设计的网络知识,电子商务网页设计,1.2 网络基础,1.2.1 Internet,互联网是由多个计算机网络相互连接而成的一个网络,它是在功能和逻辑上组成的一个大型网络。如图所示。,图 1-11 Intern
7、et示意图,Internet起源于美国早期的军用计算机网络ARPANET,是世界上第一个远程分组交换网。运行ARPANET的协议称为网络控制协议(NCP),NCP后来被分为两部分,网络协议(IP)和传输控制协议(TCP)。从NCP到TCP/IP的改变是ARPANET和Internet之间的技术分歧。从1994年起,我国Internet开始起步。人们在工作、学习和生活中越来越多地使用互联网,整个社会的运行都搭上了互联网的快车,并打上了互联网的烙印,互联网已经从单一的行业互联网发展成为深入我国各行各业的社会大众的互联网。我国的五大Internet主干网都与国外Internet形成了互联,连接的国家
8、包括美国、英国、德国、法国、加拿大、澳大利亚、日本、韩国等,1.2.2 TCP/IP协议,TCP/IP是一种网络通信协议,为连接跨越不同操作系统和不同硬件体系结构的计算机提供通信的基础。 TCP/IP是一种网络通信协议,为连接跨越不同操作系统和不同硬件体系结构的计算机提供通信的基础。 IP主要用于标识该计算机的网络地址。TCP主要功能是用来发送的数据。,1.2.3 Internet的地址结构,1. IP地址互联网上的计算机是用IP地址标识的按照TCP/IP协议规定,IP地址用二进制来表示每个IPv4地址长32位,分为4段,每段8位,用十进制数字表示,每段数字范围为0255,段与段之间用“.”隔
9、开。 IP协议有两种版本:IPv4和IPv6。 一般将IP地址按节点计算机所在网络规模的大小分为A,B,C三类,默认的网络屏蔽是根据IP地址中的第一个字段确定的。,A类地址的表示范围为:1.0.0.1126.255.255.255,默认网络屏蔽为:255.0.0.0; A类网络用第一组数字表示网络本身的地址,后面三组数字作为连接于网络上的主机的地址。 B类地址的表示范围为:128.0.0.1191.255.255.255,默认网络屏蔽为:255.255.0.0;B类网络用第一、二组数字表示网络的地址,后面两组数字代表网络上的主机地址。 C类地址的表示范围为:192.0.0.1223.255.2
10、55.255,默认网络屏蔽为:255.255.255.0; C类网络用前三组数字表示网络的地址,最后一组数字作为网络上的主机地址。,2. Internet域名域名是Internet上服务器或网络系统的名字,是互联网上企业或机构间相互联络的网络地址。它是一种有意义的英文的缩写,,1.2.4 Web空间及技术,1. Web空间Web,也可以简称为“万维网”,又称WWW,是互联网上专门存放网站页面内容的计算机空间。 2. Web技术内容保存在Web服务器中,用户通过浏览器来访问,这种结构叫浏览器服务器(BS)模式。,Web服务器程序:目前常用的Web服务器程序有微软的IIS、IBM公司的IBM Lo
11、tus Notes Domino、Netscape公司Netscape Enterprise Server和Apache,其中常用的是IIS和Apache。Web浏览器 目前最流行的是微软的IE和网景的 Netscape。HTTP协议HTTP协议是Web服务器使用的主要协议,它提供WWW浏览器和WWW服务器之间的通信。,Web浏览器的中文名称:网络浏览器或网页浏览器,简称浏览器;英文名称:Web Browser。浏览器是用于观看网页的工具,是一个显示网页伺服器或档案系统内的HTML文件,并让用户与这些文件进行互动的一种软件。个人电脑上常见的网页浏览器包括微软的Internet Explorer
12、、Mozilla的Firefox、Opera和Safari。浏览器是最经常使用到的客户端程序。,网页的浏览Web浏览器,地址栏:输入URL地址。后退:退回到前面已访问过的页面。前进:转到下面的屏幕。停止:当页面内容较多或准备停止浏览时,点击按钮可停止链接。刷新:重新载入当前页面。主页:链接用户默认的主页,又叫起始页。搜索:打开浏览区的搜索窗口。“搜索”按钮实际上是在浏览区另开一个用于搜索各种网页的窗口,它是微软公司使用Excite网站的中文搜索工具。只要在搜索关键字输入框中输入要搜索的内容,按“搜索”按钮即可得到搜索的内容。收藏:打开浏览区的收藏窗口,显示收藏夹内容。历史:打开浏览区的历史窗口
13、,显示网站浏览的历史记录。邮件:利用系统邮件程序处理邮件。打印:页面打印。编辑:利用系统中安装的程序对页面进行编辑。,3.网站(Web site)网站就是互联网上固定地发布信息的地方,它由域名和网站空间构成。网站是通过超链接形式构成的一组相关网页以及相关的文件集合。4.网页网页(Web page)是位于Web网站上的文档,是Internet中最基本的信息单位。网页一般由一个超文本文件以及相关的图形和脚本文件组成。在网站设计中,有“静态网页”和动态网页的区别。,1.2.5 URL,URL(Uniform Resource Locator统一资源定位器)是一种通用的地址格式,在Web上用来标志资源
14、地址和查找访问资源的地址编码方法。通俗的说,URL就是Web地址,俗称“网址”。URL的一般格式为: URL的格式由下列三部分组成:(1)协议名。协议名是用来指示Web浏览器软件用什么协议来获取服务器的文件,不同的服务器需要采用不同的协议来连接。(2)主机名。主机名用来表示用户所要访问的计算机,可以为域名或IP地址(有时也包括端口号)。例如:或192.168.0.13:80等。(3)目录名或文件名。表示主机资源的具体地址。Web网站的规模越大,越复杂,路径名也会变得很长。,URL地址格式,它从左到右排列为:Internet协议、主机标识、端口、文件的主机路径和文件名。Internet协议:指客
15、户用来访问网页的软件工具。其类型有:http:/ 指定用超文本传输协议连接,为WWW服务器专用,也是最常用的连接类型。ftp:/ 指定用文件传输控制协议连接,用于文件下载或上传。gopher:/ 指定浏览器与gopher服务器连接。telnet:/ 指定与telnet会话连接,用于远程登录。file:/ 指定连接本地文件,用于浏览本地的文件系统。,1.2.6 搜索引擎,网页设计要了解搜索引擎的主要规则。,网页与HTML2. 网页的基本要素3.网页设计色彩基础4. 网页图形基础5. 网页设计常用工具软件 6.网站建设的基本流程,电子商务网页设计,1.3 网页设计基础,1. 网页的本质html标记
16、,如果在浏览器窗口中任意打开一个网页,然后选择“查看”菜单中的“源文件”命令,则系统会启动“记事本”程序,其中包含一些文本信息。这就是网页的本质。如下图:,结论:1)这些文本实际就是网页的本质HTML代码标记(文本信息)HTML (HyperText Markup Language,超文本标记语言)是表示网页的一种设计规范,它通过一定规范定义了网页内容的显示方法。由此可以看出,网页就是用HTML写成的文档,在Internet中可以通过浏览器程序进行浏览。2)网页文件的后缀.html或者在windows系统中简写为.htm,简单说网页是用html语言编写的程序,2. html,1、Html(hy
17、per text markup language )A、html超文本标记语言,是网页设计的基础语言。 HTML是网页的描述语言。B、超文本文件是一个ASCII格式的文件,它由文本内容和标记元素组成。C、html文件通常用编辑器建立或者修改,而同过浏览器来展示。 D、是一个放置了标记的ASCII文本文件,扩展名为html/htm 。,2、 HTML文件结构HTML的结构包括头部(Head)、主体(Body)两大部分。头部(Head)描述网页的标题和浏览器所需的其它信息。而主体则是网页所要表示说明的具体内容。通过标签(也叫做标记符)定义网页内容的显示格式。例如,标签表示此文档是一个网页文件,而标
18、签则表示定义一个表格。 HTML可以指定文字、图形、动画、声音等的显示。HTML的版本在不断在发展 。,3. 动手实践用记事本编写网页,HTML文件基本结构: 网页文件格式。 -文件开始 -标头区开始标头区:网页头部的 标识,记录文件基本资料,如作者、编写时间。 . -标题区标题区:文件标题须使用在 标头区内,可以在浏览器最上面看到标题。 -标头区结束 -文本区开始 * 文本区:文件资料,即在浏览器上 看到的网站内容。 -文本区内容 -文本区结束 -文件结束,1.3.2网页的基本要素,1. 页面标题用来提示该页面的主要内容。在HTML文档中的和之间设置。 2. 网站标志也称Logo,一般出现在
19、页面的显要位置(通常在页眉中)。3. 文本文本是网页传递信息的主要载体, 4. 图片和多媒体5. 导航栏导航栏是网页设计中的重要部分,引导访问者了解所要浏览的网站的内容,而不至于迷失方向。 6. 页眉和页脚页眉指的是页面上端的部分。一个富有个性特色的页眉将和网站标志一样起到标识的作用。,1.3.2网页的布局,网页布局就是对所有网页元素进行的组织。几个概念:旗帜广告banner标志图片logo导航栏menu按钮Button版权copyright,1.3.4 网页设计色彩基础,1.色彩的三原色 电脑屏幕的色彩是由RGB(红、绿、蓝)三种色光所合成的,而我们可通过调整这三个基色就可以调校出其它的颜色
20、在HTML语言中的基本色彩是红色(R)、绿色(G)、蓝色(B),这三种颜色的数值都是255。例如:红色的值(R:255, G:0, B:0),十六进制表示为(#FF0000)。白色为(R255,G255,B255),十六进制(#FFFFFF)。自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,即反射白光的色彩,而其他所有颜色均属于彩色。,2.色彩三属性:色相、明度、纯度(彩度)。(1)色相色相波长最长的是红色,最短的是紫色。最基本的色相为:红、橙、黄、绿、蓝、紫6个颜色。,图1-6 12色相环,(2)饱和度 饱和度(Saturation) 是指色彩的鲜艳程度,饱
21、和度取决于该色中含色成分和消色成分(灰色)的比例。如某一鲜亮的颜色,加入了白色或者黑色,使得它的纯度降低,颜色趋于柔和、沉稳。即使是相同的色相,因为明度的不同,彩度也会随之变化的。,(3)明度明度(Brightness或Lightness)也叫亮度,是指色彩的明暗程度,明度越大,色彩越亮。体现颜色的深浅,也称色彩的黑白度对比。非彩色只有明度特征,没有色相和饱和度的区别。,1.3.5 网页图形基础,网页中常见的图像格式有3种,即GIF、JPEG、PNG格式。 GIFJPEGPNG,1.3.6网页设计常用工具软件,1. 网页代码编辑工具 (1)文本编辑器“记事本”是一个用来创建简单的文档的基本的文
22、本编辑器。“记事本”最常用来查看或编辑文本(.txt)文件,但是现在许多用户使用“记事本”是创建Web页面。(2)DreamweaverDreamweaver是美国Macromedia公司开发的具有网页制作与网站管理功能的所见即所得的网页编辑软件,是专业网页设计的首选,使用Dreamweaver可以轻松地制作出精美的网页。(3)FrontPageFrontPage是美国微软公司的产品,是一套用来创建互联网站点的软件包。,2.网页图像素材处理工具(1)Photoshop Photoshop是大家公认的最好的通用平面美术设计软件。(2)Fireworks Fireworks是Macromedia公
23、司发布的一款专为网络图形设计的图形编辑软件。 (3)Illustrator (4) Flash Flash是美国的Macromedia公司推出的优秀网页动画设计软件。,1.3.7 网站建设的基本流程,网站的需求分析。网站规划。收集素材。设计网站的文字、图像和颜色。制作静态网页。(6)开发动态网页。(7)申请网站域名和网站空间。(8)网站的测试与发布。(9)网站的维护与推广。,网页设计工作内容2.网页设计的知识和技能3.电子商务网页设计的知识体系,电子商务网页设计,1.4 电子商务网页设计的知识体系,1.4.1网页设计工作内容,网页设计主要包含以下工作内容: (1)电子商务网站内容的商业规划。(
24、2)网页界面的设计制作(3)网站的功能实现。(4)网站的维护。,具体来讲,电子商务网页设计工作包含以下技能:(1)商业信息架构能力(2)视觉设计(3)前端界面制作(5)团队合作能力(4)用户交互功能的实现,1.4.3电子商务网页设计的知识体系,本章小结:,任务3:了解网页设计的基本工具。,任务1:理解网页的本质。,任务2:了解网页设计的基础知识。,任务4:掌握网站建设的基本流程。,网页学习参考书和网址:,http:/,实验1、用记事本编写网页,一、实验目的:用记事本编写一简单网页,理解网页的本质。二、实验内容1、用记事本编写一简单网页的HTML语言标记代码;2、掌握HTML语言的标记代码;3、
25、网页文件的创建、编辑及保存。三、实验步骤: (参考p12),小结:用记事本编写网页的步骤:,1、在桌面上,单击鼠标右键新建一个记事本文档。2、双击打开进行编辑。键入html相关标记。3、单击“文件/另存为”命令,弹出“另存为”对话框,文件名后缀名html。4、选择保存类型为“所有文件”。最后单击“确定”。 桌面上出现一个网页文件图标,文件名是你的学号,此时可以通过WEB浏览器程序进行浏览。,谢谢大家,第2章网页设计语言基础,电子商务网页设计课件,知识目标:理解HTML语言组成及XHTML语法规范;掌握CSS语法,技能目标:掌握在网页中如何使用CSS样式表,能力目标:运用html语言和CSS样式
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子商务网页设计 电子商务 网页 设计 课件 完整版
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【胜****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【胜****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。