下载文档原格式
《网站开发工具的使用与网页制作》实验指导书指导教师：蔡莉百度。
Com 云南大学软件学院综合技能实 践——《网站开发工具的使用与网页制作》实验指导 书 指导教师：蔡莉（注意：请先简要阅读实验指导书的要求再开始做实验）一、 实验目的1． 2． 3． 4． 5． 认识网页 构成网页的基本要素 制作网页的基本工具 美化网页的基本工具 网页制作的基本步骤二、 实验内容预习一、 网页概述 网页其实是在这个世界的某一个地方某一台计算机上的一个文件， 通过互联 网，也就是 Internet 将两个不同的地址相连，把人们的信息传达到网络世界的各 个角落。
人们通过互联网，可以在世界的任何一个地方互相交流沟通。
早期的 Web 1.0 时代，大部分网页只有文字、图像信息可以浏览，这个时候 最典型的互联网标志就是门户网站，如网易、搜狐。
从 2001 年开始，人们认为 互联网开始进入 Web 2.0 时代，这时的网页可以包含动画、音频、视频，也可以 在网页中进行交流、上传文件，使用完全交互式的程序。
互联网开始更注重个人 化的网络服务，任何使用网络的人，都可以参与到网页的制作中。
静态网页的后缀通常为.html 或者.htm，例如：index.html 或者 sunny.htm。
动态网页的后缀可以为.asp，.aspx，.php，.jsp 等，例如：index.asp 或者 first.jsp 等。
二、 构成网页的基本要素 1、文字第 1 页 共 15 页《网站开发工具的使用与网页制作》实验指导书指导教师：蔡莉文字是网页发布信息所用的主要形式，由文字制作出的网页占用空间小，因 此，当用户浏览时，可以很快的展现在用户面前。
另外，文字性网页还可以利用 浏览器中“文件”菜单下的“另存为”功能将其下载，便于以后长期阅读，也可 对其进行编辑打印。
2、图形 这里的图形概念是广义的，它可以是普通的绘制图形，可以是各种图像，还 可以是动画。
电子商务网站设计与开发作业指导书一、项目背景随着互联网的快速发展，电子商务已经成为了现代商业中不可或缺的一部分。
为了满足市场需求，各种电子商务网站应运而生。
本次作业旨在通过设计和开发一个电子商务网站，使学生能够熟悉并掌握相关技术和方法，提高实战能力。
二、项目目标1. 设计一个功能完善、页面美观、用户友好的电子商务网站；2. 实现用户注册、登录、购物车、订单管理等基本功能；3. 掌握电子商务网站的数据库设计和开发技术；4. 熟悉网页前端开发和后端开发技术；5. 学会使用常见的开发框架和工具。
三、项目要求1. 网站首页设计与开发- 页面风格要符合电子商务网站的特点，色彩搭配协调，布局合理；- 包含网站logo、导航栏、搜索框等基本元素，并能够实现页面响应式设计；- 展示热门商品、优惠活动等相关信息，吸引用户浏览。
2. 用户模块设计与开发- 包含用户注册、登录、个人信息管理等功能；- 用户注册时需要验证用户输入的数据是否合法，并保证用户信息的安全；- 用户登录后可以查看个人订单、购物车、收货地址等相关信息。
3. 商品模块设计与开发- 实现商品的分类、搜索、列表展示等功能；- 商品详情页面要包括商品名称、价格、库存、商品描述、商品评价等信息；- 支持商品的购买和加入购物车操作。
4. 购物车模块设计与开发- 用户登录后可以将商品加入购物车，并实时更新购物车商品数量；- 用户可以选择结算购物车中的商品，并生成订单。
5. 订单模块设计与开发- 用户下单后生成订单，包括订单号、商品信息、收货地址、订单金额等；- 用户可以查看订单列表和订单详情，并进行确认收货等操作。
6. 后台管理模块设计与开发- 实现对商品、订单、用户信息等数据的管理和操作；- 后台管理系统需具备权限管理功能，确保只有管理员可以进行相关操作。
四、开发工具和技术1. 前端开发技术：HTML、CSS、JavaScript、Bootstrap等；2. 后端开发技术：PHP、Python、Java、Node.js等；3. 数据库技术：MySQL、MongoDB等；4. 开发工具：Sublime Text、Visual Studio Code、Eclipse等；5. 开发框架：Laravel、Django、Spring等。
电子商务网站设计一、实验目的1．掌握电子商务网站的功能结构；2．掌握网页与数据库连接、添加、删除和修改信息等前台功能实现；3．管理员对网上信息进行维护（后台建设）；4．学会如何进行网站的结构设计、站点风格的选择、网站层次规划原则和页面布局等知识。
5．能设计电子商务网站二、实验要求1. 设计要求(1) 学生在《电子商务网站设计》期间，要严格遵守纪律、规章制度，有事离校必须请假。
(2) 在设计过程中，要严格要求自己，树立严肃、严密、严谨的科学态度，必须按时、按质、按量完成课程设计。
同时，要注意锻炼自学能力，自己分析问题、解决问题的能力，自主的去寻找资料、方法解决设计难点。
(3) 独立完成规定的工作任务，不得弄虚作假，不准抄袭他人内容，否则成绩以不及格计。
(4) 小组成员之间，既要分工明确，又要保持联系畅通、密切合作，培养良好的互相帮助和团队协作精神。
2. 选题要求本次训练要求1-3人（最多3人）组成一个课题小组选择一个题目，在充分论证该网站的基础上，完成网站的前期设计工作。
课题题目类型举例：A在线分享评价类平台（类似豆丁网功能）、房地产信息在线交流平台、商业BBS类型等在线评价和交流类网站B 企业门户类网站C 团购类网站D 网上商城类E 交易平台类（类似淘宝网）3. 软件开发工具学生可根据课题的要求和实验室环境以及自己的经验进行选择，包括语言类、数据库类、综合类都可以，对此不做统一要求。
网页设计与制作课程教学大纲4. 课程设计的成果形式本课程设计的最终成果是《电子商务网站》报告和计算机软件，最后以答辩形式（可结合ppt讲述）简介设计过程。
三、实验内容实现一****电子商务网站，例如一般交易网站实现的主要功能包括：1、网站前台功能模块（1）会员注册及登录模块(登陆后可以查看订单)为了确保交易信息的有效性和网站功能拓展，购物网站需要以会员机制运作，浏览者必须成为会员，才能够在网站中购物。
该模块通过与浏览者的交互，记录浏览者的基本信息，通过后台审核确定其信息的有效性。
实验项目《网页设计制作》实验指导书一、实验内容用Ｄreamweaver专业网页开发软件，设计制作静态网页。
二、实验目的本实验通过实例讲解了利用Ｄreamweaver制作静态网页的方法，步骤详细，即使是初次接触Ｄreamweaver的学生也可以轻松完成操作。
本实验最具特色的部分经过学习以后，学生能自行设计制作一个个人主页。
三、实验要求1、了解网页设计常用的几种版式；2、掌握表格的创建、结构调整与美化。
3、熟悉表格与单元格的主要属性及其设置。
4、掌握在表格和单元格中插入文字或图片。
5、掌握绘制及编辑布局表格和布局单元格；6、掌握利用布局表格的嵌套来设计较复杂的版面；7、掌握在布局表格中添加具体内容；8、掌握设置布局表格和单元格属性四、实验条件计算机，Dreamweaver软件五、实验内容利用布局表格制作如图1所示的网页。
图1知识点分解：图2由图2我们可以知道在进行该网页布局时，先要布最外面的表格，然后布最上端的表格，用来放置LOGO和BANNER，然后再布一个单元格放置导航菜单，接着下面布三个并排的表格，分别放置左边的导航，中间的网页内容，右边的网页内容，最下面再布一个单元格，放置版权信息。
实验步骤：1、新建一个文档，打开“属性面板”，单击按钮，在弹出的页面属性对话框中将“背景图像”设为“bg-greenline.jpg”。
2、将“插入”栏中的“常用”选项卡改为“布局”选项卡，此时就出现“布局”工具栏，如图3所示。
图33、单击布局工具栏中的按钮，进入布局模式。
4、首次执行以上操作之一后，会打开“从布局模式开始”对话框，在该对话框中给出在“布局模式”下创建表格的方法的提示。
单击按钮即可切换到布局模式。
切换到“布局”模式后，在“文档”窗口的顶部会出现标有“布局模式”的蓝色长条。
5、在“插入”栏的“布局”选项卡中单击“绘制布局表格”按钮。
6、将鼠标光标放置在页面上，此时鼠标光标变为加号（+）。
7、将鼠标移到要创建表格的左上角位置并按住鼠标不放拖动到要创建表格的右下角后释放鼠标。
《综合网站开发课程设计》实训指导书实训性质：综合实训实训时间、学分：3周、适用专业：计算机网络技术开训学期：四一、实训目的与要求实训目的：《综合网站开发》是一门实用性和实践性都很强的课程，课程设计环节占有重要的地位。
通过课程设计培养学生具有专业网站初步的规划、设计、制作能力。
具体表现在网站内容、功能、安全等方面合理策划和规划；培养具有主页和二级页面的创意、设计、美工等方面的技术处理能力和具有强大的动态效果制作能力。
培养学生具有基于后台数据库的编程技术，实现客户—服务器端交互式动态网页的制作能力。
基本要求：整个课程设计的各个环节都要求学生自己动手；网页风格应与网站主题相符合；网站LOGO与网页风格应该协调一致；内容重点突出、网站结构应层次分明。
具体要求：1.网站的文件夹规范站点文件夹命名为:班级+学号+姓名，如：网专07101于强；站点应包含文件夹：Images （存放图片文件）Templates（存放模版文件）Library （存放库文件）素材（存放自己设计的图形、动画文件）其余视文件夹需要而添加，全部用英文命名站点文件夹中所包含文件：index （首页）*.css （样式表文件）其文件余视需要而添加，全部用英文命名2.静态页面不少于12个，结构为：3.网页设计时应尽可能多地应用各种网页设计技巧（表格布局、CSS样式、框架、模板等等）；4.文字大小控制在9-14pt，适度使用图片；5.设置方便快捷的导航系统；6.数据库可采用SQL Server或Access；7.动态部分要能完成数据库的基本操作（增、删、改、查）、网站的首页统一命名为index.html(若为动态首页命名为default.asp或default.aspx)；8.站点首页中必须包括设计者的完整信息（班级、学号、姓名、联系方式等）。
二、实训项目、内容及参考题目实训项目、内容：1. 站点的构思布局的设计，网页素材的搜集（同时编写实训日记）2. 站点的建立，主页或首页的制作3. 其他静态页面的制作4. 数据库设计及动态网页设计4. 测试5. 编写网站设计说明书参考题目：计算机系网站教师个人教学网站精品课网站电子商务网站三、实训报告要求、考核方式及成绩评定标准1．实训报告要求：本设计的实训报告在实训日记基础上整理完成的一份网站设计说明书，包括网站的主题与页面风格设计说明、网站的总体规划与网站的结构框图、网站Logo 设计说明、典型网页的设计过程与应用技术、动态网页设计说明（数据库设计）、网站测试与维护操作步骤、网站的改进意见及部分主要编码和实训总结。
网页设计与制作实验指导书主编教师：李显萍吉林省经济管理干部学院国际商务系2007年9月实验一网页设计基础实验一、实验目的1．掌握商务网站设计的基本原则、网站及网页的基本风格与基本构图特点；2．熟悉页面排版，掌握网页布局的方法。
二、实验内容1．上网访问实际若干电子商务网站，了解各网站的风格（主题图形形象、导航是否清晰，整体色调的搭配是否协调，主题是否突出等）。
2．在网上找出下列版面布局的结构形式：⑴．“T”结构布局⑵．“口”型（“国”字型）布局⑶．“三”型布局⑷．对称对比布局⑸．POP布局3．找出使用大色块和抽象线条构图风格的网站（至少各2个）；4．使用电脑中的图片工具（Photoshop）把不同图片转换为.JPG或.GIF格式，比较两种图片格式的区别。
三、实验步骤与要求按“实验内容”中1～4完成网上的操作，完成实验报告，在实验报告中要求记录如下内容：⑴．所访问各商务网站的风格及特点；⑵．各种版面布局网站的域名和所采用的版面布局形式；⑶．使用大色块和抽象线条构图风格网站的域名和所采用的构图形式；⑷．10个国内外著名企业或商务网站主页上的宣传标语或体现企业精神的代表性词句。
四、说明：1、所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。
2、存成doc文件和html文件，上传到教师机D：\zuoye目录下实验二建立站点（2学时）一、实验目的：(1)熟悉DreamWeaverMX的界面及其操作(2)熟悉使用DreamWeaverMX建立站点，理解本地站点和远程站点的概念二、实验内容本实验的内容主要是制作一个“我最喜欢的歌曲”的站点，它包括一个用来描写自己喜欢的歌曲的介绍的简单主页和若干介绍单个歌曲的网页。
三、实验步骤与要求实验前认真预习，熟练掌握有关概念和知识。
实验过程中记录发生的现象并分析原因。
实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。
网站设计开发实验报告网站设计开发实验报告一、引言随着互联网的迅猛发展，网站设计与开发成为了一个热门的领域。
本实验报告旨在介绍我们小组在网站设计开发实验中的经验和成果。
二、实验目标我们小组的实验目标是设计并开发一个具有良好用户体验的网站。
我们希望通过这个实验，学习并掌握网站设计与开发的基本原理和技术，提升我们的团队协作能力和创造力。
三、实验过程1. 需求分析在开始设计与开发之前，我们首先进行了需求分析。
我们通过用户调研和市场调查，了解到目标用户的需求和偏好。
基于这些信息，我们确定了网站的定位和功能。
2. 界面设计在界面设计阶段，我们注重用户体验和视觉效果。
我们选择了简洁明了的设计风格，并采用了响应式布局，以适应不同屏幕尺寸的设备。
我们还使用了一些流行的设计元素和颜色搭配，以增强用户的视觉吸引力。
3. 数据库设计为了支持网站的功能，我们设计了一个合适的数据库结构。
我们根据网站需求，确定了数据库中的表和字段，并进行了关系建模和规范化处理。
我们还考虑了数据库的性能和安全性，采取了一些合适的优化策略。
4. 前端开发在前端开发过程中，我们使用了HTML、CSS和JavaScript等技术。
我们根据设计稿，编写了网站的HTML结构和样式，并添加了一些交互效果和动画。
我们还进行了跨浏览器和跨设备的兼容性测试，确保网站在不同环境下的正常运行。
5. 后端开发在后端开发过程中，我们使用了一种流行的服务器端语言和框架。
我们根据需求，编写了网站的后端逻辑和业务处理代码。
我们还进行了性能优化和安全防护，以确保网站的稳定和可靠。
四、实验结果经过几个月的努力，我们成功地完成了网站设计与开发实验，并取得了以下成果：1. 网站界面美观大方，符合用户期望；2. 网站功能完善，能够满足用户的需求；3. 网站响应速度快，用户体验良好；4. 数据库结构合理，能够支持网站的扩展和维护；5. 网站安全性高，能够有效防护各类攻击。
五、实验总结通过这次实验，我们小组深入学习了网站设计与开发的理论和实践。
网站设计与前端开发作业指导书第1章网站设计基础 (3)1.1 网站设计概述 (3)1.2 设计原则与规范 (3)1.2.1 设计原则 (3)1.2.2 设计规范 (4)1.3 设计工具与技术 (4)1.3.1 设计工具 (4)1.3.2 前端技术 (4)第2章前端开发技术概览 (4)2.1 前端开发概念 (4)2.2 HTML/CSS/JavaScript简介 (4)2.2.1 HTML (4)2.2.2 CSS (5)2.2.3 JavaScript (5)2.3 常用前端框架与库 (5)2.3.1 常用前端框架 (5)2.3.2 常用前端库 (5)第3章网站结构设计 (6)3.1 网站布局与导航 (6)3.1.1 网站布局 (6)3.1.2 网站导航 (6)3.2 网站信息架构 (7)3.2.1 信息分类 (7)3.2.2 信息组织 (7)3.3 用户体验设计 (7)3.3.1 界面设计 (7)3.3.2 内容呈现 (7)3.3.3 功能设计 (7)第4章网页视觉设计 (8)4.1 色彩与字体设计 (8)4.1.1 色彩选择与搭配 (8)4.1.2 字体设计 (8)4.2 图标与图片处理 (8)4.2.1 图标设计 (8)4.2.2 图片处理 (8)4.3 动画与交互设计 (9)4.3.1 动画设计 (9)4.3.2 交互设计 (9)第5章 HTML基础 (9)5.1 HTML文档结构 (9)5.1.1 文档类型声明（Doctype） (9)5.1.3 头部（Head） (9)5.1.4 主体（Body） (10)5.1.5 注释 (10)5.2 标签与属性 (10)5.2.1 标签 (10)5.2.2 属性 (10)5.3 表单与表格 (10)5.3.1 表单 (10)5.3.1.1 输入类型 (10)5.3.1.2 标签和字段集 (10)5.3.2 表格 (10)5.3.2.1 表格标题和表头 (10)5.3.2.2 行和单元格 (11)第6章 CSS样式与布局 (11)6.1 CSS选择器与优先级 (11)6.2 常用CSS样式属性 (11)6.3 布局方法与响应式设计 (12)第7章 JavaScript编程基础 (12)7.1 JavaScript语法与数据类型 (12)7.1.1 语法规则 (12)7.1.2 数据类型 (13)7.2 函数与对象 (13)7.2.1 函数 (13)7.2.2 对象 (13)7.3 事件处理与DOM操作 (13)7.3.1 事件处理 (13)7.3.2 DOM操作 (14)第8章前端框架应用 (14)8.1 Bootstrap框架 (14)8.1.1 Bootstrap优势 (14)8.1.2 Bootstrap使用方法 (14)8.2 Vue.js框架 (15)8.2.1 Vue.js优势 (15)8.2.2 Vue.js使用方法 (15)8.3 React.js框架 (15)8.3.1 React.js优势 (15)8.3.2 React.js使用方法 (15)第9章网站优化与调试 (16)9.1 页面功能优化 (16)9.1.1 优化资源加载 (16)9.1.2 优化页面渲染 (16)9.1.3 优化JavaScript执行 (16)9.1.4 优化浏览器缓存 (16)9.2.1 优化HTTP请求 (16)9.2.2 优化传输内容 (16)9.2.3 优化服务器响应 (17)9.3 常用调试工具与技巧 (17)9.3.1 浏览器开发者工具 (17)9.3.2 功能分析工具 (17)9.3.3 命令行工具 (17)9.3.4 代码调试技巧 (17)第10章前端工程化与部署 (17)10.1 版本控制与协同开发 (17)10.1.1 版本控制概述 (17)10.1.2 Git的使用 (17)10.1.3 团队协同开发 (18)10.2 自动化构建与部署 (18)10.2.1 自动化构建 (18)10.2.2 构建工具的选择 (18)10.2.3 自动化部署 (18)10.3 前端安全防护策略 (18)10.3.1 前端安全问题概述 (18)10.3.2 防护策略 (18)10.3.3 加密与认证 (18)第1章网站设计基础1.1 网站设计概述网站设计是指通过对网站的整体布局、色彩搭配、版面结构、交互效果等方面进行创意和规划，以实现用户界面美观、功能完善、易于使用的设计过程。
《网站设计与开发》实验指导书辽宁工程技术大学营销管理学院电子商务系目录实验 1 HTML网页制作 (1)实验 2 C#.NET基本程序设计 (4)实验 3 HTML控件和Web服务器控件的使用 (7)实验 4 验证控件的使用 (8)实验 5 访客计数器 (9)实验 6 数据库基本操作 (11)实验7 使用DataSet对象访问数据 (14)实验8 用户控件、自定义控件和Web服务的使用 (21)实验1 HTML网页制作一、目的与要求1. 掌握HTML常用网页标记的使用。
2. 掌握表格的建立方法。
3. 掌握表单的建立方法。
二、实验环境任何一个文本编辑器、IE或者其它网页浏览器三、内容和步骤【实验题1】在网页上创建一个课表。
步骤如下。
1. 打开记事本，输入如下代码，并以testl_1.html为文件名保存该文件：<html><HEAD><TITLE>表格标记应用</TITLE></HEAD><BODY><TABLE border ID="Table1"><CAPTION>课表</CAPTION><TR><TH>节次</TH><TH>星期一</TH><TH>星期二</TH><TH>星期三</TH><TH>星期四</TH><TH>星期五</TH> </TR><TR><TD>1、2</TD><TD>专业英语</TD><TD>操作系统</TD><TD>网络基础</TD><TD>专业英语</TD><TD>数据库</TD></TR><TR><TD>3、4</TD><TD>Java</TD><TD>数据库</TD><TD>实验</TD><TD>Java</TD><TD>操作系统</TD></TR><TR><TD>5、6</TD><TD>网络基础</TD><TD>实验</TD><TD>实验</TD><TD>实验</TD><TD>操作系统</TD></TR></TABLE></BODY></html>2. 通过浏览器打开该文件，得到该程序的执行结果，如图l-1所示。
图1-l “课表”网页运行结果【实验题2】创建一个新用户注册的表单。
步骤如下。
1. 打开记事本或其它文本编辑工具，添加如下代码，并以testl-2.html为文件名保存该文件；<HTML><HEAD><TITLE>新用户注册</TITLE></HEAD><BODY bgcolor="#0099ff"><FORM action="userreg.aspx" method="post"><H3>新用户注册</H3>姓名：<INPUT type="text" id="姓名" name="姓名"><BR>性别：<SELECT size="l" name="usersex" tabindex="5" ID="Select1"><OPTION selected value="男">男</OPTION><OPTION value="女">女</OPTION></SELECT><BR>地址：<INPUT type="text" id="地址" name="地址"><BR>邮政编码：<INPUT type="text" id="邮政编码" name="邮政编码"><BR>电话：<INPUT type="text" id="电话" name="电话"><BR>电子邮件：<INPUT type="text" id="电子邮件" name="电子邮件"><BR>个人爱好：<BR><INPUT type="checkbox" name="checkbox" value="cheekbox" ID="Checkbox1">体育<INPUT type="checkbox" name="checkbox" value="checkbox" ID="Checkbox2">音乐<BR> <INPUT type="checkbox" name="cheekbox" value="checkbox" ID="Checkbox3">上网<INPUT type="checkbox" name="checkbox" value="checkbox" ID="Checkbox4">旅游<BR> <BR><P><INPUT type="submit" id="btnSub" name="btnSub" value="注册"> <INPUT type="reset" Value="重写" name="B2" tabindex="9" ID="Reset1"></P></FORM><P align="center"><A href="index.htm">返回</A></P></BODY></HTML>2. 通过浏览器打开该文件，得到该程序的运行结果，如图1-2所示。
图1-2 “新用户注册”运行结果四、思考与练习1. 网页的基本语法格式是什么?包含了哪些内容?2. 试使用HTML制作一个人主页，将接受教育的情况用表格在网页上列出来。
实验2 C#.NET基本程序设计一、目的与要求1. 掌握Visual C#．NET语言的数据类型，熟悉定义各种数据类型的变量的方法。
2. 熟练掌握if语句和Switch…Case语句。
3. 熟练掌握visual C#.net中各种循环语句的使用。
二、实验环境1. 计算机一台；2. Microsoft Visual Studio .NET 2010工具软件；三、内容和步骤【实验题1】编程实现下述功能，并上机调试运行程序。
给出一个百分制成绩，要求输出其对应的成绩等级‘A’，‘B’，‘C’，‘D’，‘E’。
其中：90分(包括90分)以上为‘A’，80~89分为‘B’，70~79分为‘C’，60~69分为‘D’，60分以下为‘E’。
步骤如下。
1. 在VS．NET主选单中选择：文件一新建一项目，在“模板”框中选择“ASENET Web应用程序”选项，然后在“名称”文本框中输入Web应用程序的名称，单击“确定”按钮。
2. 设计程序主页面test2_1．aspx界面，所包含的控件及属性列于表1中。
在界面上放置两个Label控件，一个textbox控件和一个Button控件。
3. 双击“等级”按钮，打开test2_1.aspx界面的代码设计器窗口。
在buttonl_click事件处理器的编辑区中输入下列代码：private void Button1_Click(object sender, System.EventArgs e){int score ;string grade ;score=Convert.ToString(TextBox1.Text);If (score>=90)grade=”A”;Else lf (score>=80)grade=”B”;Else lf (score>=70)grade=”C”;Else lf(score>=60)grade=”D”;Elsegrade=”E”;Label2.Text=”该成绩的等级为：”+grade;}【实验题2】编程实现下述功能，并上机调试运行程序。
求1!+2!+3!+4!+5!步骤如下:1. 在中，新建一个Web应用程序。
2. 设计程序主页面test2_2.aspx界面，如图2-1所示。
图2-1 test2_2.aspx界面3. 双击“for”按钮，打开test2_2.aspx界面的代码设计器窗口。
在buttonl_click 事件处理器的编辑区中输入下列代码：private void Button1_Click(object sender, System.EventArgs e){int i,term,sum ;sum=0;term=1;For(i=1;i<=5;i++)term=term*i;sum=sum+term;Labell.Text=”for…next的结果为：”Label2.Text=Convert.ToString (sum)}4. 对While按钮操作与上面的做法相同。
