电子商务网页设计与制作ppt (8)[20页]
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
(3)在弹出的新站点对话框中选择“高级”选项。在这里首先设置“本地信息”。
(4)之后点击“测试服务器”进行设置。
(5)确认后回到“管理站点”对话框,可见wxkj已添加,如图10-12所示。
— 9—
四、架设站点
为了使创建的站点可以在IIS下运行,常用的方法是在IIS中添加虚拟目录,也就 是把站点信息放到IIS环境中。虚拟目录是一项技术,通过它可以将服务器硬盘上任 何位置的文件目录映射到网站的目录结构中,它类似于Windows下经常使用到的快 捷方式,用户可以通过它像直接访问文件一样对文件进行操作,用户只需要设置一 个指向原有目录的映射即可。
— 6—
(3)在图10-4所示对话框的“组件”列表中勾选“Internet信息服务(IIS)”复选框。此时可以点击“详细信息” 按钮,在打开的对话框中取消或选择相应服务,如图10-5所示。 (4)选定要安装的服务后,点击“确定”按钮,返回图10-4,再点击“下一步”按钮,就可以进行IIS的安装,然后 依照向导的提示进行安装,如图10-6所示。
(1)在图10-12所示“Internet信息服务(IIS)管理器”界面依次选择“默认网站/ 新建/虚拟目录(V)…”,打开“虚拟目录创建向导”对话框,如图10-13所示。
(2)点击“下一步”按钮,输入虚拟目录名称,建议使用与目录相同的名 称,如图10-14所示。
— 10 —
Biblioteka Baidu
(3)点击“下一步”按钮,选择虚拟目录映射到的网站目录,如图10-15所示。
Windows 2000/2003 Server和Windows XP都自带了IIS组件,通过IIS组件可以架设Web、FTP、Mail等服 务器。下面以Windows XP为平台,简要介绍安装IIS的过程,Windows 2000 Server和Windows 2003 Server 的安装也类似。具体操作如下: (1)依次选择“开始/控制面板/添加或删除程序”,打开“添加或删除程序”对话框。 (2)在该对话框的左侧按钮面板中点击“添加/删除Windows组件”,打开“Windows 组件向导”对话框,如图10-3和图10-4所示。
— 4—
第一节 动态网站的创建 IIS是ASP动态网站运行常用的Web服务器,因此本节的首要目标是创建IIS环境,创建 成功后的界面如图10-1所示。然后在Dreamweaver中将静态网站转变为动态网站,命名为wxkj,创建 好的网站在“管理站点”里的效果如图10-2所示。
— 5—
一、IIS的安装
— 12 —
第二节 用户注册页面的制作
(1)打开“ODBC数据源管理器”。
一、数据库连接 1.建立数据库 2.建立系统的DSN
(2)选择“系统DSN”项,并点击“添加”按钮,弹出如图10-3所示对话框,让我们选 择驱动程序,因为我们使用Microsoft Access创建数据库,所以在这里选择 “Microsoft Access(*.mdb)”,点击“完成”按钮。
— 2—
知识目标
(1)了解动态网站的概念和ASP动态网页技术的工作原理。 (2)了解IIS构建ASP环境的方法。 (3)掌握ASP连接Access数据库的方法。 (4)掌握表单的设计与制作方法。 (5)了解客户端验证和服务器验证的方法。 (6)了解存储和取回Session变量的方法。
— 3—
能力目标
(2)在该界面左侧的列表中依次展开“Internet信息服务/本地计算机/网站/默认网站”,如图10-7所示。 在该列表下显示的是“C:\inetpub\wwwroot”下的文件和文件夹,也就是网站存放的路径,这是系统 的默认设置。 (3)在“默认网站”上点击鼠标右键,选择“属性”,打开“默认网站属性”对话框。选择“主目录”选项卡, 在该选项卡的“本地路径”文本框中输入网站所在的路径即可,如图10-8所示。
学习完本章后,学生应当能够依据公司要求完成动态网站的创建和动态页面的制作,包括: (1)能搭建动态网站环境并创建动态网站。 (2)利用ODBC实现对数据库的连接。 (3)可以制作用户注册页面并实现客户端和服务器端的行为验证。 (4)可以制作用户登录页面并实现对数据库的数据验证。 (5)利用Session实现页面之间的传值。
— 11 —
五、站点测试
(1)在Dreamweaver中,选择“站点/管理站点/wxkj”,然后点击“完成”,这 时会在Dreamweaver界面侧边“文件”窗口的“文件”项中弹出“wxkj”站 点。 (2)添加站点网页。 (3)在文件设计视图里输入文字“欢迎您来到杭州网轩科技有限公 司,just测试。
(4)点击“下一步”按钮后,设置站点的权限,如图10-16所示,一般来说只要 勾选“读取”和“运行脚本”两项就可以了。如果不选择“运行脚本”,那么 该站点就无法解析ASP网页。
(5)再次点击“下一步”按钮即可完成该站点的创建,这时会在“默认网站”下面多 出一个名字为“wxkj”的站点,如图10-17所示,说明IIS站点架设顺利完成。
电子商务网页设计与制作
第十章 设计与制作表单页面
网页表单是Web设计中讨论最多的元素之一,一个没有 任何表单的网站,就像一潭死水。我们总是需要用到各种表 单,比如用户注册、用户登录等。尽管在HTML中,把表单拼 凑到一块相当容易,但是对于可用的、“友好”的表单来说,编 码、制作样式和设计也不是一件很容易的事情。因此,一个 好的网站,表单始终扮演着很重要的角色,同时我们需要处理 表单提交的信息,在这里我们将采用动态网页技术,本章使用 的是HTML+ASP语言。
— 7—
二、IIS属性设置
安装好IIS组件后就可以使用IIS服务了,此时的Web服务器还没有配置完成,因此还需要对IIS进行配 置,具体操作如下:
(1)依次选择“开始/控制面板/管理工具”,此时出现“Internet信息服务”图标,双击该图标,打开 “Internet信息服务”界面,如图10-1所示。
— 8—
三、创建站点
首先用Dreamweaver管理站点,具体操作如下: (1)站点内容存放在硬盘的某个文件夹下,这里我们可以在D盘下新建wxkj文件夹,并将网 站代码复制到该文件夹下面。 (2)在Dreamweaver里选择主菜单中的“站点|管理站点”命令,弹出“管理站点”对话框,如图 10-9所示。
(4)之后点击“测试服务器”进行设置。
(5)确认后回到“管理站点”对话框,可见wxkj已添加,如图10-12所示。
— 9—
四、架设站点
为了使创建的站点可以在IIS下运行,常用的方法是在IIS中添加虚拟目录,也就 是把站点信息放到IIS环境中。虚拟目录是一项技术,通过它可以将服务器硬盘上任 何位置的文件目录映射到网站的目录结构中,它类似于Windows下经常使用到的快 捷方式,用户可以通过它像直接访问文件一样对文件进行操作,用户只需要设置一 个指向原有目录的映射即可。
— 6—
(3)在图10-4所示对话框的“组件”列表中勾选“Internet信息服务(IIS)”复选框。此时可以点击“详细信息” 按钮,在打开的对话框中取消或选择相应服务,如图10-5所示。 (4)选定要安装的服务后,点击“确定”按钮,返回图10-4,再点击“下一步”按钮,就可以进行IIS的安装,然后 依照向导的提示进行安装,如图10-6所示。
(1)在图10-12所示“Internet信息服务(IIS)管理器”界面依次选择“默认网站/ 新建/虚拟目录(V)…”,打开“虚拟目录创建向导”对话框,如图10-13所示。
(2)点击“下一步”按钮,输入虚拟目录名称,建议使用与目录相同的名 称,如图10-14所示。
— 10 —
Biblioteka Baidu
(3)点击“下一步”按钮,选择虚拟目录映射到的网站目录,如图10-15所示。
Windows 2000/2003 Server和Windows XP都自带了IIS组件,通过IIS组件可以架设Web、FTP、Mail等服 务器。下面以Windows XP为平台,简要介绍安装IIS的过程,Windows 2000 Server和Windows 2003 Server 的安装也类似。具体操作如下: (1)依次选择“开始/控制面板/添加或删除程序”,打开“添加或删除程序”对话框。 (2)在该对话框的左侧按钮面板中点击“添加/删除Windows组件”,打开“Windows 组件向导”对话框,如图10-3和图10-4所示。
— 4—
第一节 动态网站的创建 IIS是ASP动态网站运行常用的Web服务器,因此本节的首要目标是创建IIS环境,创建 成功后的界面如图10-1所示。然后在Dreamweaver中将静态网站转变为动态网站,命名为wxkj,创建 好的网站在“管理站点”里的效果如图10-2所示。
— 5—
一、IIS的安装
— 12 —
第二节 用户注册页面的制作
(1)打开“ODBC数据源管理器”。
一、数据库连接 1.建立数据库 2.建立系统的DSN
(2)选择“系统DSN”项,并点击“添加”按钮,弹出如图10-3所示对话框,让我们选 择驱动程序,因为我们使用Microsoft Access创建数据库,所以在这里选择 “Microsoft Access(*.mdb)”,点击“完成”按钮。
— 2—
知识目标
(1)了解动态网站的概念和ASP动态网页技术的工作原理。 (2)了解IIS构建ASP环境的方法。 (3)掌握ASP连接Access数据库的方法。 (4)掌握表单的设计与制作方法。 (5)了解客户端验证和服务器验证的方法。 (6)了解存储和取回Session变量的方法。
— 3—
能力目标
(2)在该界面左侧的列表中依次展开“Internet信息服务/本地计算机/网站/默认网站”,如图10-7所示。 在该列表下显示的是“C:\inetpub\wwwroot”下的文件和文件夹,也就是网站存放的路径,这是系统 的默认设置。 (3)在“默认网站”上点击鼠标右键,选择“属性”,打开“默认网站属性”对话框。选择“主目录”选项卡, 在该选项卡的“本地路径”文本框中输入网站所在的路径即可,如图10-8所示。
学习完本章后,学生应当能够依据公司要求完成动态网站的创建和动态页面的制作,包括: (1)能搭建动态网站环境并创建动态网站。 (2)利用ODBC实现对数据库的连接。 (3)可以制作用户注册页面并实现客户端和服务器端的行为验证。 (4)可以制作用户登录页面并实现对数据库的数据验证。 (5)利用Session实现页面之间的传值。
— 11 —
五、站点测试
(1)在Dreamweaver中,选择“站点/管理站点/wxkj”,然后点击“完成”,这 时会在Dreamweaver界面侧边“文件”窗口的“文件”项中弹出“wxkj”站 点。 (2)添加站点网页。 (3)在文件设计视图里输入文字“欢迎您来到杭州网轩科技有限公 司,just测试。
(4)点击“下一步”按钮后,设置站点的权限,如图10-16所示,一般来说只要 勾选“读取”和“运行脚本”两项就可以了。如果不选择“运行脚本”,那么 该站点就无法解析ASP网页。
(5)再次点击“下一步”按钮即可完成该站点的创建,这时会在“默认网站”下面多 出一个名字为“wxkj”的站点,如图10-17所示,说明IIS站点架设顺利完成。
电子商务网页设计与制作
第十章 设计与制作表单页面
网页表单是Web设计中讨论最多的元素之一,一个没有 任何表单的网站,就像一潭死水。我们总是需要用到各种表 单,比如用户注册、用户登录等。尽管在HTML中,把表单拼 凑到一块相当容易,但是对于可用的、“友好”的表单来说,编 码、制作样式和设计也不是一件很容易的事情。因此,一个 好的网站,表单始终扮演着很重要的角色,同时我们需要处理 表单提交的信息,在这里我们将采用动态网页技术,本章使用 的是HTML+ASP语言。
— 7—
二、IIS属性设置
安装好IIS组件后就可以使用IIS服务了,此时的Web服务器还没有配置完成,因此还需要对IIS进行配 置,具体操作如下:
(1)依次选择“开始/控制面板/管理工具”,此时出现“Internet信息服务”图标,双击该图标,打开 “Internet信息服务”界面,如图10-1所示。
— 8—
三、创建站点
首先用Dreamweaver管理站点,具体操作如下: (1)站点内容存放在硬盘的某个文件夹下,这里我们可以在D盘下新建wxkj文件夹,并将网 站代码复制到该文件夹下面。 (2)在Dreamweaver里选择主菜单中的“站点|管理站点”命令,弹出“管理站点”对话框,如图 10-9所示。