文档详情

《网页设计》电子商务-教学课件-设计制作网上店铺的元素PPT课件.pptx

发布:2025-05-13约7.44千字共59页下载文档
文本预览下载声明

网页设计

项目描述项目分解项目二设计制作网上店铺的元素2体验ASP动态网页的设计制作熟悉数据库在电子商务中的应用动手设计制作网上书店动态网页任务一设计制作动态网页和数据库任务二设计制作网上书店动态网页

任务一设计制作动态网页和数据库活动一制作第一张ASP动态网页活动二设计制作网上书店数据库3活动三链接网上书店WEB数据库

活动背景活动一制作第一张ASP动态网页4大家往往有这种体验,到电子商务网站购物之前需要注册登记,在线交易时网站需要记录客户选购的商品信息和支付信息,实施订单管理,信息交互更新量大。这些都需要采用动态网页技术来实现。

活动实施5Step1:活动任务分析ASP(全称ActiveServerPage,动态服务器主页)是微软公司推出的一种动态网页技术。ASP是提供了一种嵌在HTML中的脚本程序在Web服务器端执行的环境。ASP同HTML文件一样都是文本文件,是以.asp为扩展名的文本文件。利用ASP,可以创建和运行动态的Web应用程序。ASP工作流程

活动实施6Step2:新建网站(1)创建动态网页打开Dreamweaver,单击新建下的“ASPVBScript”按钮,选择ASPVBScript编写网页程序,创建动态网页。(2)新建站点打开网上书店站点bookshop,执行“站点/新建站点”命令,设置站点名称为“网上书店”,本地文件夹为“bookshop”。ASP工作流程(3)输入标题设置网页标题“我的第一张ASP网页”。(4)保存文件执行“文件/保存”命令,在站点下,文件名为“HomePage”,保存类型为ASP。

活动实施7Step3:制作网页(1)输入代码将显示模式切换为代码模式,在body之间输入代码。ASP网页切代码在编辑窗口输入代码输入代码

活动实施8Step3:制作网页(2)设计效果返回设计状态,可以看到插入的代码ASP情况。单击“实时代码”、“实时视图”,可以看到代码与设计制作后服务器实时反馈的情况。实时视图

活动实施9Step4:预览效果按“F12”,预览效果。127.0.0.1为本地默认的IP地址,也可用localhost代替。预览效果

任务拓展10在bookshop站点下新建文件名为“asp1”的ASP网页。要求如下。(1)网页标题:网上书店ASP网页。(2)在第一行输出文字:“谢谢光临网上书店”。(3)在第二行输出服务器的日期。(4)在第三行输出文字:制作者姓名。体验活动评价表

活动背景活动二设计制作网上书店数据库11数据库是一个用来储存数据信息的仓库,许多相关数据的集合构成一个数据库。也可以将同类的数据集合在一起,采用表的方式来统一管理,形成了数据表。Access是微软公司开发的Office组件之一。由于其操作简单,并能胜任小型的数据库应用,得到了广泛应用。

活动实施12Step1:活动任务分析在网页中增加了对数据库的运用,就可以十分便利和有效地对数据库的各项信息进行新增、修改、删除和查询等操作,实现对网络数据的处理,从而达到网页的交互功能,为管理和决策提供必要的信息。网上书店的用户注册与管理、图书购入和销售管理都需要对数据进行信息管理。

活动实施13Step2:创建数据库(1)创建数据库运行Access,选择“空数据库”,单击文件夹图标,将数据库取名为“bookshop”,并保存到站点的“data”文件夹下,再单击“创建”按钮。新建数据库(2)创建表格单击开始工具栏中“设计视图”创建表。在“另存为”对话框中输入表名称为“yh”。

活动实施14Step3:设计数据表①首先设计一张存储用户各种信息的“yh”数据表。分别建立注册时所需信息的字段名和数据类型。②依次输入字段名称、数据类型和说明,并在字段属性中做对应设置。选中“用户账号”字段,单击“表格工具/设计”中的“主键”按钮。设置主键注册日期时间两个字段的默认值分别为函数date()和time()。

活动实施15Step4:输入记录双击表“yh”输入一条记录。

任务拓展16创建网上书店的图书表格(1)在bookshop数据库中创建“book”表,存储各类书籍的相关信息。(2)自选五本,依据内容输入5条记录。(3)保存“book”表。体验活动评价表

活动背景活动三链接网上书店WEB数据库17用Access建立了书店的数据库bookshop,数据库中有两张表,一张是存放用户信息的“yh”表,另一张是存放书籍信息的“book”表。

活动实施18Step1:活动任务分析数据库应用,首先解决的问题就是数据库的链接。ASP应用程序通过ODBC驱动程序就可以成功地与Access数据库链接。在DW中数据库的链接方式有两种:数据源名称(DSN)方式和使用字符串方式。

活动实施19S

显示全部
相似文档