旅游电子商务网站技术课件

,*,1,旅游电子商务网站技术,项目,4,1 旅游电子商务网站技术 项目4,2,项目,4,旅游电子商务网站技术,课程目标,了解旅游电子商务的网站设计的相关概念与技术,熟悉网页制作过程，了解网页常用的设计元素及设计软件,实践目标,学会旅游电子商务的网站基本技能,建立旅游电子商务网站的一定技术基础,2项目4 旅游电子商务网站技术 课程目标,3,本项目的思维导图,3本项目的思维导图,4,项目导入,通过前一章节的内容的学习，我们了解到互联网及数据库的一些基本知识。但是对于如何在浩渺如烟的互联网中去设计一个独特的专业型旅游电子商务网站并不了解。而网站技术是实现旅游电子商务必不可少的环节。,项目,4,旅游电子商务网站技术,4项目导入项目4 旅游电子商务网站技术,5,项目分析,旅游电子商务网站涉及到的技术也很多，在上一章中，我们对计算机网络和数据库有了一定的了解，有了这个基础，我们可以去探索旅游电子商务的网站技术。旅游电子商务网站技术涉及到较多的概念和软件，本章里，我们先从网页基本概念入手，逐步深入地探索旅游电子商务的网站技术这个精彩的世界。,项目,4,旅游电子商务网站技术,5项目分析项目4 旅游电子商务网站技术,6,项目实施,首先，我们先从网页的基本概念入手，逐步深入地探索旅游电子商务网站设计技术。,项目,4,旅游电子商务网站技术,6项目实施项目4 旅游电子商务网站技术,任务一,熟悉网页的基本特性,7,任务一 熟悉网页的基本特性7,8,第一步：网页的基本概念,1,、超文本标记语言,HTML,是,Hyper Text Mark-up Language,的首字母缩写，中文意思是,“,超文本标记语言,”,，用它编写的文件的扩展名是,.html,或,.htm,，是可供浏览器解释浏览的文件格式。我们可以使用记事本、写字板或,FrontPage,、,Dreamweaver,等编辑工具来编写,HTML,文件。,HTML,是一种专门用于,WWW,的编程语言，用于描述超文本各个部分的构造，告诉浏览器如何显示文本，怎样生成文档链接等信息。,项目,4,旅游电子商务网站技术,8第一步：网页的基本概念项目4 旅游电子商务网站技术,9,HTML,语言使用标签对的方法编写文件，既简单又方便，它通常使用,来表示标签的开始和结束（例如,标签对），下面我们了解一下,HTML,的基本标签。,（,1,）,HTML,标签,标签用于,HTML,文档的最前边，用来标识,HTML,文档的开始。而,标签是放在,HTML,文档的最后边，用来标识,HTML,文档的结束，两个标签必须成对使用。,项目,4,旅游电子商务网站技术,9 HTML语言使用标签对的方法编写文件，既,10,（,2,）,“,文件头,”,标签,和,构成,HTML,文档的开头部分，在此标签对之间可以使用,、,等标签对，这些标签对都是描述,HTML,文档相关信息的标签对，,和,标签对之间的内容是不会在浏览器窗口内显示出来的，两个标签对必须成对使用。,项目,4,旅游电子商务网站技术,10（2）“文件头”标签项目4 旅游电子商务网站技术,11,（,3,）,“,文本体,”,标签,是文档的主体部分，在此标签对之间可包含,、,、,等众多的标签，所定义的文本、图像等内容会在浏览器窗口中显示出来，标签必须成对使用。,项目,4,旅游电子商务网站技术,11（3）“文本体”标签项目4 旅游电子商务网站技术,12,（,4,）,“,文件标题,”,标签,在浏览器窗口中，最上边显示的文本信息一般是网页的,“,标题,”,，只要在网页的,HTML,代码中的,和,标签对之间加入要显示的文本，就可以设置网页的标题了。,项目,4,旅游电子商务网站技术,12（4）“文件标题”标签项目4 旅游电子商务网站技术,13,（,5,）,“,换行,”,标签,上面所讲的都是双标签，即只能成对地使用，另外某些标签称为,“,单标签,”,，因为它只需单独使用就能完整地表达意思，最常用的单标签是,，它表示换行。,项目,4,旅游电子商务网站技术,13（5）“换行”标签项目4 旅游电子商务网站技术,14,（,6,）,“,段落,”,标签,为了排列的整齐、清晰，文字段落之间，常用,来做标签。文件段落的开始由,来标记，段落的结束由,来标记，,是可以省略的，因为下一个,的开始就意味着上一个,的结束。,标签还有一个属性为,ALIGN,，它用来指明字符显示时的对齐方式，一般值有,CENTER,、,LEFT,、,RIGHT,三种。,项目,4,旅游电子商务网站技术,14（6）“段落”标签项目4 旅游电子商务网站技术,15,（,7,）,“,水平线段,”,标签,标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。该标签有四个属性，分别为：,SIZE,、,WIDTH,、,ALIGN,以及,NOSHADE,属性。,项目,4,旅游电子商务网站技术,15（7）“水平线段”标签项目4 旅游电子商务网站技术,16,2,、网页及其主要类型,网页（,Web Page,）：是通过,WWW,发布的包含有文本、图片、声音和动画等多媒体信息的页面，它是网站最基本的组成单位。众多的网页有机地集合在一起就组成了网站。,一个网页实际上就是一个普通的文本文件。在,IE,浏览器中打开一个网页时，单击,“,查看,”,菜单下的,“,源文件,”,命令，就会打开一个记事本窗口，显示该网页源文件内容。,项目,4,旅游电子商务网站技术,162、网页及其主要类型项目4 旅游电子商务网站技术,17,3,、网页及网页中的元素,在因特网上浏览时，我们直观看到的每一个页面就是网页，很多网页组成一个网站。一个网站的第一个网页称为主页（,Home Page,）。主页是所有网页的索引页，通过单击主页上的超链接，可以打开其他的网页。正是由于主页在网站中的特殊作用，人们也常常用主页指代所有的网页，将个人网站称为,“,个人主页,”,，将建立个人网站、制作专题网站称为,“,网页制作,”,。网页中的基本元素包括，文字、图片、音频、动画、视频。这个意义上说，网页是一种可以在,WWW,上传输，并被浏览器识别、翻译并能显示的特殊文件。,项目,4,旅游电子商务网站技术,173、网页及网页中的元素项目4 旅游电子商务网站技术,18,网站标志和名称,站点的,Banner,动画,网页搜索项，可以在站点中搜索指定的内容和信息,网页可以通过无线表格来定位和安排内容,网站的导航栏，使浏览者可以迅速访问站点中的主要页面,网页中的图像和动画，通常是超级链接,网页中的视频信息,网站地址栏,图,4-1,网页元素概览,项目,4,旅游电子商务网站技术,18网站标志和名称站点的Banner动画网页搜索项，可以在站,任务二,熟悉常用的网页制作软件,19,任务二 熟悉常用的网页制作软件19,20,常用网页设计软件,从最简单记事本、,EditPlus,等纯文本编写工具，到,FrontPage,、,Dreamweaver,等所见即所得的工具都可以作为网页制作编辑工具。众多的网页制作软件各有特色。表,4-1,列出了一些常用网页编辑、动画制作软件。,项目,4,旅游电子商务网站技术,20常用网页设计软件项目4 旅游电子商务网站技术,21,表,4-,1,常用网页编辑、动画制作软件,项目,4,旅游电子商务网站技术,21表4-1 常用网页编辑、动画制作软件项目4 旅游电子,22,网页三剑客的概念,网页三剑客，顾名思义，是一套强大的网页编辑工具，最初是由,Macromedia,公司开发出来的。由,Dreamweaver,、,Fireworks,、,Flash,三个软件组成。之所以称之为三剑客，很大一部分是因为这三种软件能相互无缝合作。现在，制作网页，通常由,Fireworks,导出切片、图片等，然后在,Dreamweaver,中绘制表格，在,Flash,中实现场景和动画。较为流行的一种是在,Fireworks,中做好主要页面，然后导出，增加,Flash,动画后，在,Dreamweaver,中加以修改，添加链接等，便做出一个非常好看的页面。,项目,4,旅游电子商务网站技术,22网页三剑客的概念项目4 旅游电子商务网站技术,思 考,1.,旅游电子商务网站的概念是什么,?,2.,旅游电子商务网站具有什么特点,?,3.,旅游电子商务的网页有什么样的设计风格,?,23,思 考 23,