电子商务网站建设与管理实训教学课件作者余爱云项目六.ppt

《电子商务网站建设与管理实训教学课件作者余爱云项目六.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、项目六电子商务网站制作单元一静态网页基础知识单元二动态网页制作任务一静态网页制作任务二动态网页制作技能训练制作网站公告栏单元一静态网页基础知识初期的网站都是由静态网页组成的，网页中只有文字、图形、图像等，用户只能被动地接受这些信息。那时的Web页面的核心是HTML（一种标记语言），它编写很方便，不要求有特定的语言环境，可以用任何一种编辑器写好，便可以放到浏览器观看结果。现在HTML已经有许多专门的编辑软件，如FrontPage、Hotdog、Dreamweaver等。下一页返回单元一静态网页基础知识最初的Web是完全的

2、静态，仅仅提供大量的信息服务，没有服务器端/客户端的概念。“静态”指的就是网站的网页内容“固定不变”。当用户浏览器通过互联网的HTTP（HypertextTransferProtocol）协议向Web服务器请求提供网页内容时，服务器仅仅是将原已设计好的静态HTML文档传送给用户浏览器。其页面的内容使用的是标准HTML代码，再加上GIF格式的动态图片。下一页返回上一页单元一静态网页基础知识一、HTML简介HTML（HypertextMarkupLanguage，超文本标志语言）是构成Web页面（Page）的主要工具，是用来

3、表示网上信息的符号标志语言。在网上，如果要向全球范围内出版和发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于出版的“母语”。WWW（WorldWideWeb）所使用的出版语言就是HTML语言。通过HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML“翻译”成可以识别的信息，就是现在所见到的网页。下一页返回上一页单元一静态网页基础知识1.HTML的功能（1）出版在线的文档，其中包含标题、文本、表格、列表以及照片等内容。（2）通过超链接检索在线的信息。（

4、3）为获取远程服务而设计表单，可用于检索信息、订购产品等。（4）在文档中直接包含表格数据、视频剪辑、声音剪辑以及其他的一些应用。下一页返回上一页单元一静态网页基础知识2.HTML的编写工具用HTML编写的文件（文档）的扩展名是.html或.htm，它们是供浏览器解释浏览文件的格式。可以使用记事本、写字板等编辑工具来编写HTML文件。HTML语言使用标志对（标签）的方法来编写文件，既简单又方便。它通常使用<标志名>来表示标志的开始和结束（例如标志对），因此在HTML文档中这样的标志对都

5、必须是成对使用的。下一页返回上一页单元一静态网页基础知识在今天，做网页的工具到处都是，只要动几下鼠标，一个精彩的网页就出来了，HTML是否要学呢？答案是肯定的，因为工具就是工具，它们生成的代码是机械的，不够简洁，使网页打开的速度减慢。还有很多新的功能，工具是生成不了的，必须对代码进行编辑。3.HTML文件的本质HTML文件的实质是以.htm或.html为扩展名的纯文本文件。下一页返回上一页单元一静态网页基础知识4.HTML文件的格式查看网页源文件，可见HTML文件的格式如下：……………………下一页返回上一页单元一静态网页基础知识其中省略号部分是网页的内容，其实每个标记都是一一对应的。每个网页文件都是以开始和以结束。之间的内容是网页的标题，会显示在浏览器的标题栏上。与之间放的是网页内容。下一页返回上一页单元一静态网页基础知识5.标志（tag）的结构特点（1）用<>包围。（2）多数成对出现。（3）结束标记用/。（4）标签是嵌入式的。（5）标签

7、可有多种属性和属性值。（6）标签用西文半角字符，对大小写不敏感。下一页返回上一页单元一静态网页基础知识6.HTML文件的组成（1）头部和主体。（2）标志和普通文本。7.文件标题标志文件标题标志为。使用过浏览器的人可能都会注意到浏览器窗口最上边的蓝色部分显示的文本信息，那些信息一般是网页的“主题”。要将网页的主题显示到浏览器的顶部其实很简单，只要在标志对之间加入要显示的文本即可。下一页返回上一页单元一静态网页基础知识8.颜色表示方法HTML用#RRGGBB字符串代

8、表色彩，称为RGB值。RGB值中的RR、GG和BB分别代表红绿蓝三原色的两位十六进制整数值。每种原色的取值范围为00～FF（即十进制的0～255），即一个字节存储一种原色。每种原色都有256种由浅至深的色彩变化，网页中呈现的色彩都是由这三种原色调配出来的。RGB值可以表示出（256×256×256）种颜色。下一页返回