4-2电子商务开发的前台技术

四川大学电子商务课件

Electronic CommerceElectronic Commerce

电

子

商

务

四川大学电子商务课件

第四章 电子商务网站建设与电 子商务开发的前台技术—2

四川大学电子商务课件

Review

页面的层次结构：一级页面、二级页面、三级页面 无论是复杂的商业网站，还是简单的个人网站， 在网页的层次结构上都存在一些共同点，即任何一 个网站均可用三层结构实现，也就是： 首页-栏目页-文章页(内容页) 或 一级页面-二级页面-三级页面。

四川大学电子商务课件

本节课的目标 简单了解一下站点、网页、主页

等概含 了解网页的制作工具的特点 学习制作简单网页

四川大学电子商务课件

站点与网页 网站

:1、是计算机网络上的位置 2、有各种信息

可以把一个网站想像成一个国家：它首 先有一位置；其二包含各种内容

网页是网站的其本组成文件，可 以包含文本、图片、动画、音乐、 链接等元素5

四川大学电子商务课件

网页 与主页

主页组成与一般网页一样，核心是html语 言 使用浏览器访问网站时，网站中第一个被 执行的文件称为主页，主页的基本功能是 帮助访问者轻松浏览网站如把网站比成一本书，则网页为书中的每 一张，而主页为书的目录页

四川大学电子商务课件

制作工具

可以用任何文字编辑工具制作网页 前提 是熟练掌握html语言 现在出现了不用面对语言的工具软件如 frontpage、还有flash、dreamweave

四川大学电子商务课件

制作工具

要想学做网页，首先得了解制作网页的工具。 制作网页主要 有以下一些工具 Frontpage,操作简单，实用，学起来比较轻松。 Dreamweaver:这是网页三剑客之一，专门制作网页的工具， 可以自动将网页生成代码，是普通网页制作者的首选工具，界面 简单，实用功能比较强大。建议初学者选用。 另外一个工具就是代码编辑工具，例如写字本、EditPlus等， 这些工具主要编辑asp等动态网页。 此外还有一些网络编程工具，javascript、java编辑器等。 要真正做一个好的网站，还必须有良好的设计功底。所以还 得学很多边缘性的软件，例如photoshop、flash等。 大型的网站 往往还需要数据库的支持，所以还得懂数据库。8

四川大学电子商务课件

网页制作基础知识 不要忘记加入网页的title<标题> ——title是显示在浏览器标题栏的文字，在 网页下载时，它是最先出现的，所以你可以 用它提示网页的主要内容，或者写些欢迎的 话 将首页命名为index.htm ——这是规定，没什么好多说的，哪页一旦 被取名叫index.htm以后，等整个网站上传了 以后，它就是别人用你的网址看到你网站的 第一页 。

四川大学电子商务课件

网页制作基础知识 将所有文件的文件名统一格式用英文字母或数字。 图片应使用.gif 和.jpg (jpeg)格式 ——这是两种位图文件格式，在同样的视觉清晰度下，文件

量 往往比其他文件格式小，也就是说在网上下载的时候时间会更 短。

用链接连接各个页面 ——建议这步最后做，先将各个页面的其它部分做好10

四川大学电子商务课件

用dreamweave 制作网页的过程先建立站点 然后添加网页 然后添加内容

四川大学电子商务课件

站点结构站点 主页文件 Index.htm

……网页文件1 网页文件2 如Interest.htm 如Photo.htm 图片素材 声音素材

视频素材

四川大学电子商务课件

各网页之间通过“超链接”,构成一个整体超链接 主页

网页

网页

网页

网页

网页

网页

四川大学电子商务课件

超级链接有三种情况。

another location in the same document (from TOP of the page to BOTTOM of the page) another document on the same host machine (another webpage in a folder on my pc) another document on the Internet (from SCU to SINA)14

四川大学电子商务课件

例：设计、制作以校园生活为内容的网站学习目的： 1.掌握有关网页制作的基本知识。包括：站点、网页、 HTML语言、网页的各种元素特性以及超链接等知识。

2.掌握制作简单网页的方法和技巧。

返回

四川大学电子商务课件

站点的规划标题根据需要，确定网站 首页包括“校园新 闻”、“网上学园”、 “课余生活”、“资 源下载”、“友情链 接”、“留言板”共 六大板块，接下来进 行站点各页面的规划。

校园新闻网上学园资源下载

友 情 链 接 课余生活 留言板16

四川大学电子商务课件

站点的规划首页

校园新闻

网上学园

课余生活

资源下载

留言板

校园趣话

校园文学

音乐无限

娱乐新闻

体育新闻

四川大学电子商务课件

选择网页制作软件

进行了网站的规划、相关信息资料的收集后，接下来的任务 就是建立站点。要建立一个找点，就要选定创建站点、制作网 页的工具，即网页制作软件。网页制作软件非常多，现在比较 流行的有Dreamweaver, FrontPage等工具软件。

返回

四川大学电子商务课件

某教育网主页网站名和 网站LOGO

导航区

网页 内容19

四川大学电子商务课件

HTML语言标记性语言。用来编制网页文档(也称 HTML文档) 。并不需要经过编译，只需要通过 浏览器来打开就可以看到结果采用了标记方式，描述了每个在网页上的 组件，例如文本段落、文本格式、图像、超链接 等 通过超文本链接能方便地进行各种信息之 间切换20

四川大学电子商务课件

网页制作的基础是HTML语言 HTML是一种超文本置标语言，是一种标记语 言，而不是编程语言 为了提高网页制作(特别是动态网页制作)的技术 水平，就有必要了解、熟悉甚至精通HTML语言及 脚本语言

本文来源：https://www.bwwdw.com/article/9a11.html