资源简介

(共19张PPT)
*
《旅游电子商务教程》
*
课程目标
了解旅游电子商务的网站设计的相关概念与技术
熟悉网页制作过程，了解网页常用的设计元素及设计软件
实践目标
学会旅游电子商务的网站基本技能
建立旅游电子商务网站的一定技术基础
*
任务导入
通过前一章节的内容的学习，我们了解到互联网及数据库的一些基本知识。但是对于如何在浩渺如烟的互联网中去设计一个独特的专业型旅游电子商务网站并不了解。而网站技术是实现旅游电子商务必不可少的环节。
项目4　学习网站技术 探寻电商门户
*
任务分析
旅游电子商务网站涉及到的技术也很多，在上一章中，我们对计算机网络和数据库有了一定的了解，有了这个基础，我们可以去探索旅游电子商务的网站技术。旅游电子商务网站技术涉及到较多的概念和软件，本章里，我们先从网页基本概念入手，逐步深入地探索旅游电子商务的网站技术这个精彩的世界。
项目4　学习网站技术 探寻电商门户
*
任务实施
首先，我们先从网页的基本概念入手，逐步深入地探索旅游电子商务网站设计技术。
项目4　学习网站技术 探寻电商门户
*
第一步：网页的基本概念
1、超文本标记语言
HTML是Hyper Text Mark-up Language的首字母缩写，中文意思是“超文本标记语言”，用它编写的文件的扩展名是.html或.htm，是可供浏览器解释浏览的文件格式。我们可以使用记事本、写字板或FrontPage、Dreamweaver等编辑工具来编写HTML文件。HTML是一种专门用于WWW的编程语言，用于描述超文本各个部分的构造，告诉浏览器如何显示文本，怎样生成文档链接等信息。
项目4　学习网站技术 探寻电商门户
*
HTML语言使用标签对的方法编写文件，既简单又方便，它通常使用<标签名>来表示标签的开始和结束（例如标签对），下面我们了解一下HTML的基本标签。
（1）HTML标签
标签用于HTML文档的最前边，用来标识HTML文档的开始。而标签是放在HTML文档的最后边，用来标识HTML文档的结束，两个标签必须成对使用。
项目4　学习网站技术 探寻电商门户
*
（2）“文件头”标签
和构成HTML文档的开头部分，在此标签对之间可以使用、等标签对，这些标签对都是描述HTML文档相关信息的标签对，和标签对之间的内容是不会在浏览器窗口内显示出来的，两个标签对必须成对使用。
项目4　学习网站技术 探寻电商门户
*
（3）“文本体”标签
是文档的主体部分，在此标签对之间可包含

、

等众多的标签，所定义的文本、图像等内容会在浏览器窗口中显示出来，标签必须成对使用。
项目4　学习网站技术 探寻电商门户
*
（4）“文件标题”标签
在浏览器窗口中，最上边显示的文本信息一般是网页的“标题”，只要在网页的HTML代码中的标签对之间加入要显示的文本，就可以设置网页的标题了。
项目4　学习网站技术 探寻电商门户
*
（5）“换行”标签
上面所讲的都是双标签，即只能成对地使用，另外某些标签称为“单标签”，因为它只需单独使用就能完整地表达意思，最常用的单标签是
，它表示换行。
项目4　学习网站技术 探寻电商门户
*
（6）“段落”标签
为了排列的整齐、清晰，文字段落之间，常用

来做标签。文件段落的开始由

来标记，段落的结束由

来标记，

是可以省略的，因为下一个

的开始就意味着上一个

的结束。

标签还有一个属性为ALIGN，它用来指明字符显示时的对齐方式，一般值有CENTER、LEFT、RIGHT三种。
项目4　学习网站技术 探寻电商门户
*
（7）“水平线段”标签

---

标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。该标签有四个属性，分别为：SIZE、WIDTH、ALIGN以及NOSHADE属性。
项目4　学习网站技术 探寻电商门户
*
2、网页及其主要类型
网页（Web Page）：是通过WWW发布的包含有文本、图片、声音和动画等多媒体信息的页面，它是网站最基本的组成单位。众多的网页有机地集合在一起就组成了网站。
一个网页实际上就是一个普通的文本文件。在IE浏览器中打开一个网页时，单击“查看”菜单下的“源文件”命令，就会打开一个记事本窗口，显示该网页源文件内容。
项目4　学习网站技术 探寻电商门户
*
3、网页及网页中的元素
在因特网上浏览时，我们直观看到的每一个页面就是网页，很多网页组成一个网站。一个网站的第一个网页称为主页（Home Page）。主页是所有网页的索引页，通过单击主页上的超链接，可以打开其他的网页。正是由于主页在网站中的特殊作用，人们也常常用主页指代所有的网页，将个人网站称为“个人主页”，将建立个人网站、制作专题网站称为“网页制作”。 网页中的基本元素包括，文字、图片、音频、动画、视频。这个意义上说，网页是一种可以在WWW上传输，并被浏览器识别、翻译并能显示的特殊文件。
项目4　学习网站技术 探寻电商门户
*
网站标志和名称
站点的Banner动画
网页搜索项，可以在站点中搜索指定的内容和信息
网页可以通过无线表格来定位和安排内容
网站的导航栏，使浏览者可以迅速访问站点中的主要页面
网页中的图像和动画，通常是超级链接
网页中的视频信息
网站地址栏
图4-1 网页元素概览
项目4　学习网站技术 探寻电商门户
*
第二步：常用网页设计软件
从最简单记事本、EditPlus等纯文本编写工具，到FrontPage、Dreamweaver等所见即所得的工具都可以作为网页制作编辑工具。众多的网页制作软件各有特色。表4-1列出了一些常用网页编辑、动画制作软件。
项目4　学习网站技术 探寻电商门户
*
表4-1 常用网页编辑、动画制作软件
序号 用 途 软 件 名 称
1 编辑网页 NoteBook、EditPlus、FrontPage、Dreamweaver
2 图像编辑制作 PhotoShop、ACDSee、CorelDraw
3 上载网页 LeapFTP、CuteFTP
4 音乐编辑录制软件 Audio Editor、GoldWave、WaveCN、Cool Edit Pro、ARWizard
5 Flash编辑软件 Flash、FlashMX
6 GIF动画制作 Ulead GIF Animator、GIF Movie Gear
7 三维字体制作 COOL 3D、3DS MAX
8 音乐播放软件 RealPlayer、Winamp、豪杰音频解霸
9 屏幕抓图软件 HySnapDX、Super Screen Capture Pro
10 变脸软件 Morpher、FaceWarp
项目4　学习网站技术 探寻电商门户
*
网页三剑客的概念
网页三剑客，顾名思义，是一套强大的网页编辑工具，最初是由Macromedia公司开发出来的。由Dreamweaver、Fireworks、Flash三个软件组成。之所以称之为三剑客，很大一部分是因为这三种软件能相互无缝合作。现在，制作网页，通常由Fireworks导出切片、图片等，然后在Dreamweaver中绘制表格，在Flash中实现场景和动画。较为流行的一种是在Fireworks中做好主要页面，然后导出，增加Flash动画后，在Dreamweaver中加以修改，添加链接等，便做出一个非常好看的页面。
项目4　学习网站技术 探寻电商门户

展开更多......

收起↑