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

发布时间：2021-06-07

四川大学电子商务课件

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

四川大学电子商务课件

站点的规划首页

校园新闻

网上学园

课余生活