电子商务网页制作教学课件ppt作者谢嵘010课件.ppt

主编：谢嵘 项目导学 随着网络技术的日新月异，网页技术不紧紧局限于制作一个网页或者一个网站，人们将网页分为了静态动态网页和动态网页。前面我们所讲的都是静态网页的制作，那么什么是动态网页呢？细心的人们发现：现在许多网页的文件扩展名不再只是“.html”，还有“asp”、“php”、“jsp”等等，这些都是采用动态网页技术制作出来的。无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。 本项目从认识动态网页入手，介绍了动态网页的特点和功能，以及动态网页的制作方法。 体验活动一：体验用户注册和登录 活动任务： 进行用户注册，了解网上注册的流程；并使用注册账号进行登录。 活动指导： 动态网站是时下最流行，那么我们平时所接触到的哪些网站是动态网站呢？让我们体验一下最熟悉的淘宝网站，在淘宝网站上进行用户注册，然后试一下，换一台机器进行用户登录，我们会看到什么呢？ 体验活动一：体验用户注册和登录 活动步骤： 打开IE浏览器，进入“淘宝网”，地址：。 用户注册：进入“邮箱注册”。 体验活动一：体验用户注册和登录 活动步骤： 填写注册信息：在注册页面上填写相关信息。 确认邮件：通过邮箱验证注册信息。 体验活动一：体验用户注册和登录 活动步骤： 登录邮箱，点击链接网页。 完成注册（记住淘宝账户名和支付宝账户名）。 体验活动一：体验用户注册和登录 活动步骤： 换一台机器，使用刚注册的用户名登录。 活动小结 在完成了以上体验活动后，根据操作步骤请填写完后面的操作。 体验活动二：安装、设置IIS辑图像 活动任务： 安装IIS组件并配置IIS。 活动指导： IIS是 Internet Information Server的缩写，它是一个World Wide Web Server。Gopher Server和FTP Server全部包容在里面。 有了IIS，就意味着你能发布网页，并且有ASP（Active Server Pages）、JAVA、VBscript产生页面，有着一些扩展功能，是做动态网页的必备程序之一。 体验活动二：安装、设置IIS辑图像 活动步骤： 进入“控制面板”，双击打开“添加或删除程序”，选择“添加或删除Windows组件”。 在打开的组件中，将“Internet信息服务”前面的复选框内打勾，接着插入Windows XP操作系统的安装光盘。 体验活动二：安装、设置IIS辑图像 活动步骤： 点击“下一步”进行安装，直到完成。 在“控制面板”下的“管理工具”中，双击打开Internet信息服务即IIS。 体验活动二：安装、设置IIS辑图像 活动步骤： 单击左侧的树形图标的“+”，直到打开“默认网站”，选中“默认网站”，点击右键，选择“属性”。 在打开的“默认网站属性”对话框中，选择“主目录”选项卡，将本地路径和权限设置如图所示。 体验活动二：安装、设置IIS辑图像 活动步骤： 接下来，选择“文档”选项卡，点击“添加”，然后在文本框中输入index.asp，点击“确定”。将默认网页设置为新添加的index.asp。 在浏览器中输入http://localhost/查看显示页面。 体验活动三：创建数据库 活动任务： 创建数据库文件；添加数据内容；创建数据库链接。活动指导： 制作动态网页，数据库是必不可少的条件。这里以Microsoft Access2007为例，讲解如何创建数据库和建立数据库连接。 体验活动三：创建数据库 活动步骤： 在D盘Test文件夹下，单击右键，选择“新建Access数据库”，将文件名改为Test.mdb。 双击打开Test.mdb，选择“创建”菜单中的“表设计”。 体验活动三：创建数据库 活动步骤： 根据图所示的步骤进行设计：将“字段名称”和“数据类型”按照图所示进行创建，并设置username字段为主键；前三个字段大小改为20，email字段改为30；将“表名称”设置为UserTable。 体验活动三：创建数据库 活动步骤： 添加数据，按照图所示的步骤进行数据的添加；右击表名“UserTable”，选择“数据表视图”，切换到数据编辑方式下。在4列中分别输入数据，username中输入“user”，userpass中输入“123”，conpass中输入“123”，email中输入“123@163.com”。 体验活动四：制作登陆页面 活动任务： 创建站点；新建登录页面。 活动指导： 运用Dreamweaver工具，和前面所学过的知识制作登录页面。 体验活动四：制作登陆页面 活动步骤： 创建站点。编辑站点名称：Test。 选择服务器技术为“ASP VBScript”。 体验活动四：制作登陆页面 活动步骤：