我们以一个简单网页为主，力图以简捷的方式讲清楚网页制作的过程，使读者在看完本节内容以后能够制作简单的静态网页。
1．准备好DreamweaverMX工作环境
首先运行Dreamweaver MX， Dreamweaver MX默认打开窗口很多，给初学者增加了不少困难，为了方便简捷起见，我们将所有窗口全部关闭，只留下主窗口和属性窗口，如图所示。
图 Dreamweaver MX的主窗口
其次，在电脑的D:盘上新建一个文件夹，名称为myweb，再准备一个小图片文件，大小最好宽度为300点左右，高度为100点左右，将其拷贝到myweb下备用。可以从网上下载，也可以用扫描仪扫描。
如果图像规格不符合要求，可以用图像处理软件进行简单的处理，这里介绍一个简单的图像处理软件Acdsee，它其实是一个看图软件，具有简单的图像处理能力。假如图片大小不符合要求，我们可以用Acdsee打开该图像文件，然后点击图像增强按钮，再点击图像大小按钮，输入新图像文件的点阵大小，最后再存盘即可。具体见图所示。
图 用Acdsee调整图像大小
2．网页制作过程 1）站点建立
打开Dreamweaver MX，首先是建立一个站点，所谓站点就是我们要制作的网站的名称，它里面可以包含很多各种各样的文件，如网页文件、图像文件、声音文件等。这些文件将全部存放在我们刚才建立的文件夹D:\\myweb中。
依次点击站点、新建站点、高级，在本地信息里面进行相应设置，假设我们网站的名称为“国学研究”，具体设置如图所示。
图建站点
2）首页规划
其次是进行网页的首页规划，假设我们将网页布局分成四个部分，上部为标题区，左下部为菜单区，中下部为新闻区，右下部为链接区，我们依次将其称为层1、层2、层3、层4。为了排版方便，我们可以借助图层来进行网页的分区，图层是一种为网页元素进行定位的工具，通过对图层的操作，可以对图层及图层内部的网页、图像等进行任意的排版，甚至可以做出动态效果。
插入图层的方法很简单，只要点击菜单中的插入层即可，我们一共要插入4个层，每个层插入完毕后可以用拖放调整其大小和位置，为了清晰起见，我们先将属性窗口关闭，调整结束后的结果见图。
图网页首页的图层设置
我们在层1中插入图片文件和网站标题；在层2中插入表格后再填写相关内容，需要说明的是，插入表格时要注意将表格线设置适当的宽度，如果宽度为0，则网页浏览时是看不到表格线的，合理利用表格既可以方便排版，也可以通过设置表格不同单元格的色彩而使网页丰富多彩；在层3中输入相应新闻标题；在层4中输入相应链接的网址。
这里面需要强调的是，属性窗口非常重要，它可以非常灵活地对相关内容的属性进行设置，从而随心所欲地进行网页的编排。
编排结束后，结果如图所示。
3）超级链接
我们现在进行网页设计中的关键一环，建立超级链接。我们可以将网页中的图像、文字等链接到网页文件、邮件、图像、声音等文件，如果供软件下载的话，也可以链接到任意文件，简捷起见，我们做如下链接：
将层2菜单中的“国学大师”链接到文件，该文件还没有建立，我们稍后建立这个文件。方法是用鼠标选择“国学大师”4个字，然后在属性窗口的链接中输入：。具体见图。
将层2中的“联系我们”链接到一个Email地址，如，方法是用鼠标选择“联系我们”4个字，然后在属性窗口的链接输入。具体见图。
将层4中的中国社会科学院考古研究所链接到网站，方法是用鼠标选择“中国社会科学院考古研究所”，然后在属性窗口的链接中输入：。具体见图。
图主页内容
这里需要强调的是，以上菜单中的所有网页、新闻中的所有网页以及友情链接中的所有
网址都必须一一进行链接，一个网站往往由数十上百个文件组成，这些文件都要进行拷贝或制作，并且都要放在d:\\myweb文件夹下面。
超级链接做完后网页首页就制作完成了，我们将其存盘，文件名暂定为，这是默认的主页文件名。
图网页链接
图邮件链接
图网页链接
4）其它相关网页制作
其它相关网页其实很多，我们这里仅以国学大师网页为例做简要说明，基本的制作步骤和首页制作是一样的，唯一不同的是不需要再建立新站点了，我们只要打开刚才定义的站点“国学研究”即可。
另外，如果浏览完成后需要返回首页，我们也可以输入“返回首页”4个字，再将其超级链接到即可。当然，如果有必要，中的相关内容可以继续链接其他网页、图片、网址等，对链接内容的多少原则上是没有限制的，这也正是WWW之所以风靡的原因。这个网页我们简单一些，结果如图。
图子页面的建立
5）模拟显示
至此，整个网页就建立好了，我们可以用浏览器预览一下效果，并测试一下超级链接是否有效，我们可以在Dreamweaver MX中打开首页文件，然后按F12预览，也可以关闭Dreamweaver，然后双击的d:\\myweb\\。当然我们也可以用同样的方法预览其它页面。结果如图所示。
图 制作成功网页
当然，网页制作是一门专门的学科，牵涉到图像处理、程序编制、多媒体技术等多项内容，我们所讲述的内容只是抛砖引玉，进一步的内容可以参考相关书籍。
【实训心得】
网站建设是电子商务的基础，而网页制作是网站建设的第一步。WWW服务器提供给用户许多信息资源，如网页、外部应用程序、数据库、图片、动画、视频、音频文件等等，其中网页是保存在WWW服务器中供用户访问的主要的WWW资源，是一种可以在Internet上传输并被浏览器认识和翻译成页面显示出来的文件。网页不但包含多种字体和样式的文本、图片、图形、电影片断、声音，还包含一些高级语言所编写的应用程序，由此可以分为两种类型的网页——静态网页和动态网页。
现在，网页制作工具不断呈现，各自的功能特点也不尽相同。常用网页制作工具包括： 1．FrontPage是由Microsoft公司推出的新一代Web网页制作工具。它使我们能够更加方便、快捷地创建和发布网页。FrontPage的特点是具有直观的网页制作和管理方法，简化了大量的技术工作。它的界面与编辑方式与Office软件相似，为使用者带来了极大的方便。因此FrontPage除了适合于非专业的网页编写人员外，对于有经验Web站点开发人员来说，则便于处理那些导入、导出、删除、更名和进行故障诊断以找出失效链接等。
2．Dream weaver MX是专业网页设计、网站管理、网页可视化编辑的软件。用它可以制作出非常好的站点，可以快速提升网页制作效率。与flash、fireworks合称为梦幻组合。
Dream weaver MX是美国MacroMedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器。它是针对专业网页设计师特别发展的视觉化网页开发工具。利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
实 训 六 电子支付
【实训目的】
1．掌握电子支付的原理及流程，并能用银行卡进行电子支付。 2．了解电子支付中数字证书的应用。 【实训内容与练习】
1．用其它银行卡进行类似操作，比较各大银行电子支付之间的差异。 2．请问网上能够用活期存折进行类似操作吗 3．用电子支付方式在网上购买小件商品。 4．电子支付的安全性是如何保障的 【实训指导】
在进行本实训前，要申请可用的银行卡一张（借记卡、信用卡均可）一张。
【实训步骤】
一、以建设银行的网上银行为例 1．申请开通网上银行服务
（1）要使用中国建设银行的网上银行的各项功能（包括网上支付、帐户查询、网上转帐、网上缴费等），须先注册成为建行网上银行的客户；已经是建行网上银行客户的，直接选择“登录”，来管理查询自己的银行卡帐务。
首先，第一步必须要申请开通网上银行服务功能。在IE的地址栏中输入进入中国建设银行的首页，单击页面左上角的“登录网上银行”链接，进入到网上银行业务页面，可以看出中国建设银行网上银行业务大致分为个人网上银行、简版企业银行和网上支付商户这三方面。在本书中，如没有特殊说明，网上支付一般都指个人网上银行业务。在使用网上银行业务之前，必须先申请开通网上银行服务，单击“开通网上银行服务”。 （2）单击“同意”，出现如图所示的中国建设银行网上银行个人申请表。
图 中国建设银行网上银行个人申请表
在此申请表中，填写自己的相关资料，如姓名、性别、证件类型、号码等信息，这里特别要注意的是：（1）为了保证网上交易的安全，尽量使用密码输入器点击输入密码（2）登录密码与交易密码尽量不要相同（3）如果遗忘登录密码或交易密码，应尽快终止网上银行服务，并重新申请开通网上银行服务。
（3）所有的资料填写完毕后，单击确定按钮，出现如图所示的界面。
图 网上银行注册成功
（4）在网上银行注册成功的界面上，注意要牢记自己的证件号码，这个号码在登录时要用。单击“登录网上银行”按钮，进入网上银行登录界面，如图所示。正确输入“个人证件号码”、“登录密码”和“附加码”，单击“登录”按钮，进入个人登录界面。
图 个人网上银行登录界面
（5）单击“确定”按钮，进入个人网上银行后台管理界面，如图所示。
图 个人网上银行后台管理
可以看到个人网上银行后台管理具有“账户管理”、“转账汇款”、“缴费业务”、“外汇买卖”、“银汇业务”、“证券业务”、“信息中心”、“服务管理”、“贷记卡业务”等功能，除此之外，还可以进行个人账户余额查询、收支明细查询、账户挂失等操作。
（6）为了使得网上交易更加安全、可靠，首先需要下载认证证书，点击“下载证书”链接，进入如图所示的界面。
图 证书下载
（7）可以看到网上银行签约的整个流程和数字证书的号码。此时，注意一旦选择下载证书后，要牢记自己所要下载的证书号码：如03784541H，以后使用网上银行时将提示您是否使用启用证书保护，启用证书保护将可使用签约客户的全部功能，不启用证书保护很多功能将不能使用。如证书下载失败或证书丢失，要终止网上服务，并重新开通网上服务。点击“下载证书”，进入如图所示的证书生成界面。
图 生成证书界面
（8）选择证书的存储介质为：本机磁盘（高级加密程度）、证书和私钥为可备份（除了本机外，此证书和私钥还可备份到别的PC机上使用），单击“生成证书”按钮，如图所示的界面。
图 用户证书申请成功
（9）要牢记住已安装的证书号码，单击“下一步”出现图所示的客户身份认证窗口。
图 客户身份认证
（10）上图中，单击“详细信息”按钮可以了解到微软有关数字证书和安全身份认证的帮助文件，单击“查看证书”按钮，可以看到有关证书的相关信息，如图所示。
图 证书详细信息
（11）单击“确定”按钮返回客户身份认证界面，选择你需要激活的数字证书，单击“确定”按钮，进行证书激活，如图所示。
图 证书激活成功
至此，中国建设银行网上银行服务功能申请开通程序已全部结束，接下来就可以利用刚开通的网上银行服务功能进行网上电子交易。 2．电子支付
（1）这里以网上手机交费为例，说明电子支付过程，登录网上银行，进入个人网上银行页面。
电子商务概论实训指导书
