（中职）《旅游电子商务》第四章课件.ppt

《（中职）《旅游电子商务》第四章课件.ppt》由会员分享，可在线阅读，更多相关《（中职）《旅游电子商务》第四章课件.ppt（20页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、YCF正版可修改PPT（中职）旅游电子商务第四章ppt课件旅游电子商务教程旅游电子商务教程“十二五十二五”职业教教育育国国家家规划教划教材材2旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 项目项目4 4学习网站技术学习网站技术 探寻电商门户探寻电商门户v课程目标课程目标 了解旅游电子商务的网站设计的相关概念与了解旅游电子商务的网站设计的相关概念与技术技术 熟悉网页制作过程，了解网页常用的设计熟悉网页制作过程，了解网页常用的设计元素及设计软件元素及设计软件v实践目标实践目标 学会旅游电子商务的网站基本技能学会旅游电子商务的网站基本技能 建立旅游电子商务网站的一定技术基础建立旅游电子商务网站的一

2、定技术基础3旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 v任务导入任务导入 通过前一章节的内容的学习，我们了通过前一章节的内容的学习，我们了解到互联网及数据库的一些基本知识。但解到互联网及数据库的一些基本知识。但是对于如何在浩渺如烟的互联网中去设计是对于如何在浩渺如烟的互联网中去设计一个独特的专业型旅游电子商务网站并不一个独特的专业型旅游电子商务网站并不了解。而网站技术是实现旅游电子商务必了解。而网站技术是实现旅游电子商务必不可少的环节。不可少的环节。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户4旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 v任务分析任务分析 旅游电子商

3、务网站涉及到的技术也很多，在旅游电子商务网站涉及到的技术也很多，在上一章中，我们对计算机网络和数据库有了一定上一章中，我们对计算机网络和数据库有了一定的了解，有了这个基础，我们可以去探索旅游电的了解，有了这个基础，我们可以去探索旅游电子商务的网站技术。旅游电子商务网站技术涉及子商务的网站技术。旅游电子商务网站技术涉及到较多的概念和软件，本章里，我们先从网页基到较多的概念和软件，本章里，我们先从网页基本概念入手，逐步深入地探索旅游电子商务的网本概念入手，逐步深入地探索旅游电子商务的网站技术这个精彩的世界。站技术这个精彩的世界。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户5旅游电子

4、商务旅游电子商务 葛晓滨编著葛晓滨编著 v任务实施任务实施 首先，我们先从网页的基本概念入手，首先，我们先从网页的基本概念入手，逐步深入地探索旅游电子商务网站设计技逐步深入地探索旅游电子商务网站设计技术。术。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户6旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 第一步：网页的基本概念第一步：网页的基本概念v1、超文本标记语言、超文本标记语言vHTML是是Hyper Text Mark-up Language的首字母的首字母缩写，中文意思是缩写，中文意思是“超文本标记语言超文本标记语言”，用它编写的文件，用它编写的文件的扩展名是的扩展名是.

5、html或或.htm，是可供浏览器解释浏览的文，是可供浏览器解释浏览的文件格式。我们可以使用记事本、写字板或件格式。我们可以使用记事本、写字板或FrontPage、Dreamweaver等编辑工具来编写等编辑工具来编写HTML文件。文件。HTML是一种专门用于是一种专门用于WWW的编程语言，用于描述超文本各的编程语言，用于描述超文本各个部分的构造，告诉浏览器如何显示文本，怎样生成文档个部分的构造，告诉浏览器如何显示文本，怎样生成文档链接等信息。链接等信息。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户7旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 HTML语言使用标签对的方法编

6、写文件，既简单又方语言使用标签对的方法编写文件，既简单又方便，它通常使用便，它通常使用来表示标签的开始来表示标签的开始和结束（例如和结束（例如标签对），下面我们了标签对），下面我们了解一下解一下HTML的基本标签。的基本标签。（1）HTML标签标签 标签用于标签用于HTML文档的最前边，用来标识文档的最前边，用来标识HTML文档的开始。而文档的开始。而标签是放在标签是放在HTML文档文档的最后边，用来标识的最后边，用来标识HTML文档的结束，两个标签必须成文档的结束，两个标签必须成对使用。对使用。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户8旅游电子商务旅游电子商务 葛晓滨编著

7、葛晓滨编著 （2）“文件头文件头”标签标签 和和构成构成HTML文档的开文档的开头部分，在此标签对之间可以使用头部分，在此标签对之间可以使用、等等标签对，这些标签对都是描述标签对，这些标签对都是描述HTML文档相关信文档相关信息的标签对，息的标签对，和和标签对之间标签对之间的内容是不会在浏览器窗口内显示出来的，两个的内容是不会在浏览器窗口内显示出来的，两个标签对必须成对使用。标签对必须成对使用。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户9旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 （3）“文本体文本体”标签标签 是文档的主体部分，在是文档的主体部分，在此标签对之间可包含此

8、标签对之间可包含、等众多的标签，等众多的标签，所定义的文本、图像等内容会在浏览器窗口中显所定义的文本、图像等内容会在浏览器窗口中显示出来，标签必须成对使用。示出来，标签必须成对使用。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户10旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 （4）“文件标题文件标题”标签标签 在浏览器窗口中，最上边显示的文本信息一般在浏览器窗口中，最上边显示的文本信息一般是网页的是网页的“标题标题”，只要在网页的，只要在网页的HTML代码中代码中的的和和标签对之间加入要显示标签对之间加入要显示的文本，就可以设置网页的标题了。的文本，就可以设置网页的标题了。项

9、目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户11旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 （5）“换行换行”标签标签 上面所讲的都是双标签，即只能成对地使用，上面所讲的都是双标签，即只能成对地使用，另外某些标签称为另外某些标签称为“单标签单标签”，因为它只需单独，因为它只需单独使用就能完整地表达意思，最常用的单标签是使用就能完整地表达意思，最常用的单标签是，它表示换行。，它表示换行。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户12旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 （6）“段落段落”标签标签 为了排列的整齐、清晰，文字段落之间，常用为了排列的整齐

10、、清晰，文字段落之间，常用来做标签。文件段落的开始由来做标签。文件段落的开始由来标记，段落的结束由来标记，段落的结束由来标记，来标记，是是可以省略的，因为下一个可以省略的，因为下一个的开始就意味着上的开始就意味着上一个一个的结束。的结束。标签还有一个属性为标签还有一个属性为ALIGN，它用来指明字符显示时的对齐方式，一，它用来指明字符显示时的对齐方式，一般值有般值有CENTER、LEFT、RIGHT三种。三种。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户13旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 （7）“水平线段水平线段”标签标签 标签可以在屏幕上显示一条水平线，标签可

11、以在屏幕上显示一条水平线，用以分割页面中的不同部分。该标签有四个属性，用以分割页面中的不同部分。该标签有四个属性，分别为：分别为：SIZE、WIDTH、ALIGN以及以及NOSHADE属性。属性。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户14旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 v2、网页及其主要类型、网页及其主要类型v网页（网页（Web Page）：是通过）：是通过WWW发布的包发布的包含有文本、图片、声音和动画等多媒体信息的页含有文本、图片、声音和动画等多媒体信息的页面，它是网站最基本的组成单位。众多的网页有面，它是网站最基本的组成单位。众多的网页有机地集合在一

12、起就组成了网站。机地集合在一起就组成了网站。v一个网页实际上就是一个普通的文本文件。在一个网页实际上就是一个普通的文本文件。在IE浏览器中打开一个网页时，单击浏览器中打开一个网页时，单击“查看查看”菜单下菜单下的的“源文件源文件”命令，就会打开一个记事本窗口，命令，就会打开一个记事本窗口，显示该网页源文件内容。显示该网页源文件内容。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户15旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 v3、网页及网页中的元素、网页及网页中的元素v在因特网上浏览时，我们直观看到的每一个页面就是网页，在因特网上浏览时，我们直观看到的每一个页面就是网页，很多

13、网页组成一个网站。一个网站的第一个网页称为主页很多网页组成一个网站。一个网站的第一个网页称为主页（Home Page）。主页是所有网页的索引页，通过单）。主页是所有网页的索引页，通过单击主页上的超链接，可以打开其他的网页。正是由于主页击主页上的超链接，可以打开其他的网页。正是由于主页在网站中的特殊作用，人们也常常用主页指代所有的网页，在网站中的特殊作用，人们也常常用主页指代所有的网页，将个人网站称为将个人网站称为“个人主页个人主页”，将建立个人网站、制作专，将建立个人网站、制作专题网站称为题网站称为“网页制作网页制作”。网页中的基本元素包括，文网页中的基本元素包括，文字、图片、音频、动画、视频

14、。这个意义上说，网页是一字、图片、音频、动画、视频。这个意义上说，网页是一种可以在种可以在WWW上传输，并被浏览器识别、翻译并能显上传输，并被浏览器识别、翻译并能显示的特殊文件。示的特殊文件。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户16旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 网站标志和名称站点的Banner动画网页搜索项，可以在站点中搜索指定的内容和信息网页可以通过无线表格来定位和安排内容网站的导航栏，使浏览者可以迅速访问站点中的主要页面网页中的图像和动画，通常是超级链接网页中的视频信息网站地址栏图4-1 网页元素概览项目项目4学习网站技术学习网站技术 探寻电商门户

15、探寻电商门户17旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 v第二步：常用网页设计软件 从最简单记事本、EditPlus等纯文本编写工具，到FrontPage、Dreamweaver等所见即所得的工具都可以作为网页制作编辑工具。众多的网页制作软件各有特色。表4-1列出了一些常用网页编辑、动画制作软件。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户18旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 表4-1 1 常用网页编辑、动画制作软件序号序号用用 途途软软 件件 名名 称称1 1编辑网页编辑网页NoteBookNoteBook、EditPlusEditPlus、FrontP

16、ageFrontPage、DreamweaverDreamweaver2 2图像编辑制作图像编辑制作PhotoShopPhotoShop、ACDSeeACDSee、CorelDrawCorelDraw3 3上载网页上载网页LeapFTPLeapFTP、CuteFTPCuteFTP4 4音乐编辑录制软件音乐编辑录制软件Audio EditorAudio Editor、GoldWaveGoldWave、WaveCNWaveCN、Cool Edit ProCool Edit Pro、ARWizardARWizard5 5FlashFlash编辑软件编辑软件FlashFlash、FlashMXFlas

17、hMX6 6GIFGIF动画制作动画制作Ulead GIF AnimatorUlead GIF Animator、GIF Movie GearGIF Movie Gear7 7三维字体制作三维字体制作COOL 3DCOOL 3D、3DS MAX3DS MAX8 8音乐播放软件音乐播放软件RealPlayerRealPlayer、WinampWinamp、豪杰音频解霸、豪杰音频解霸9 9屏幕抓图软件屏幕抓图软件HySnapDXHySnapDX、Super Screen Capture ProSuper Screen Capture Pro1010变脸软件变脸软件MorpherMorpher、Fa

18、ceWarpFaceWarp项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户19旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著 网页三剑客的概念网页三剑客的概念 网页三剑客，顾名思义，是一套强大的网页编辑工网页三剑客，顾名思义，是一套强大的网页编辑工具，最初是由具，最初是由Macromedia公司开发出来的。由公司开发出来的。由Dreamweaver、Fireworks、Flash三个软件组成。三个软件组成。之所以称之为三剑客，很大一部分是因为这三种软件能之所以称之为三剑客，很大一部分是因为这三种软件能相互无缝合作。现在，制作网页，通常由相互无缝合作。现在，制作网页，通常由Fireworks导出切片、图片等，然后在导出切片、图片等，然后在Dreamweaver中绘制表中绘制表格，在格，在Flash中实现场景和动画。较为流行的一种是在中实现场景和动画。较为流行的一种是在Fireworks中做好主要页面，然后导出，增加中做好主要页面，然后导出，增加Flash动画后，在动画后，在Dreamweaver中加以修改，添加链接等，中加以修改，添加链接等，便做出一个非常好看的页面。便做出一个非常好看的页面。项目项目4学习网站技术学习网站技术 探寻电商门户探寻电商门户20旅游电子商务旅游电子商务 葛晓滨编著葛晓滨编著