第7章 电子商务网站开发技术.pptVIP

第七章　电子商务网站开发技术 【学习目标】 了解电子商务网站开发工具及其主要特点 初步掌握电子商务网页开发常用工具的使用 了解电子商务网站运行环境建立的基本方法 本章内容 电子商务网页设计语言 电子商务网页制作工具 电子商务网页美化工具 电子商务网站运行环境的建立 1.1 超文本标记语言 1.2 其它开发语言简介 电子商务网站开发技术 * 1 电子商务网页设计语言 电子商务网站的建设离不开网页的设计与制作，常用的网页设计语言包括HTML、XML、JavaScript、ASP、JSP等语言。 HTML (Hypertext Markup Language，超文本标记语言) HTML文件基本架构： html head title 网页的标题/title /head body 这里是网页的内容 /body /html 说明: 1 HEAD …/ HEAD ：表示这 是网页的题头部分，用来说明文件 命名和文件本身的相关信息。 2 TITLE…/ TITLE ：网页的标题。 3 BODY…/BODY：网页的正文部分。 4 对于HTML标识，大、小写或混写 都可以。如HTML、html或Html， 其结果都是一样。 5 文件的扩展名是.htm或.html。 /html 图7-1 html文档的基本架构及其说明 1、基本标记 html headtitle显示蓝色文本/title/head body bgcolor=red text=bluep红色背景、蓝色文本/p/body /html 2、文本编辑 例2 文本标记的综合示例 html head title文本标记的综合示例/title /head body text=blue h1最大的标题/h1 h3使用h3的标题/h3 h6最大的标题/h6 pb黑体字文本/b /p pi斜体字文本/i /p pu下加一划线文本/u /p pfont size=“+1” color=“red”size取值“+1”、 color取值“red”时的文本/font/p /body /html 最大的标题 使用h3的标题 最大的标题 黑体字文本 斜体字文本 下加一划线文本 size取值“+1”、color取值“red”时的文本 图7-2 文本标记的综合示例显示效果 3、格式标记 p/p 用来创建一个段落 br 用来创建一个回车换行 dl/dl用来创建一个普通的列表 dt/dt用来创建列表中的上层项目 dd/dd用来创建列表中最下层项目 html head title一个普通列表/title /head body text=blue dl ? dt中国城市/dt dd北京 /dd dd上海 /dd dd广州 /dd dt美国城市/dt dd华盛顿 /dd dd芝加哥 /dd??? dd纽约 /dd/dl/bodyhtml 最终显示效果如下： 中国城市 北京 上海 广州 美国城市 华盛顿 芝加哥 纽约 图7-3 创建一个普通列表的显示效果 4、图像标记 img 例如：img src=images/logo.gif 5、hr hr标记是在Html文档中加入一条水平线 例如：hr width=600 size=1 color= blue 6、表格标记 table/table标记 用来创建一个表格 tr/tr标记 用来创建表格中的每一行 td/td标记 用来创建表格中一行中的单元格 例6 表格标记的综合示例。 html head title网上书城/title /head body h1网上img src=duke.gif商城/h1 hr brbr h3请从以下列表中选择您想购买的书籍：/h3 table border=1 tr td电子商务系统的开发与应用/td td作者：王宇川/td tdyen;28.00/td td添加进购物车/td /tr tr tdJava编程思想/td td作者：Bruce Eckel/td tdyen;66.00/td td添加进购物车/td /tr /table /body /html 图7-6 表格标记的综合示例在浏览器中显示的结果 7、超链接标记a href=/a a href=“url” target=“”text /a将url代表的资源显示 在一个新的窗口中，若target的值等于“_blank”，单击链接后将 会打开一个新的浏览器窗口来浏览新的Html文档。 8、表单标记form/form 表单在Web网页中用来给访问者填写信息，