JavaScript动态网页制作.doc

一、实验准备 实验名称： JavaScript动态网页制作 实验时间： 2014.10.30 实验类型：□ 验证性实验 □ 综合性实验 □设计性实验 实验目的和要求： 掌握JavaScript的基本语法。 初步掌握JavaScript在动态页面中的使用 2、实验材料及相关设备： （1）Visual Studio 2010 （2）计算机 （3）实验指导 实验方法步骤及注意事项： 打开Visual Studio 2010-新建网站 选择“ASP.NET空网站”-输入网站项目的文件名 二、实验内容、步骤和结果 1、打开Visual Studio 2010-新建网站 2、选择“ASP.NET空网站”-输入网站项目的文件名 3、点击确定 4、右键生成的项目-添加新项 5、选择新建“Web窗体”-输入文件名-点击“添加”按钮 6、默认进入代码界面如下： 7、在“div”标签中添加如下代码 //服务器端面板控件 asp:Panel ID=panel1 runat=server span 用户名:/span //服务器端文本框控件，用于用户输入用户名 asp:TextBox ID=tbYonghuming runat=server/asp:TextBoxbr/ span 密nbsp;nbsp;码:/span //服务器端文本框控件，用于用户输入密码 asp:TextBox ID=tbMimaTextMode=Passwordrunat=server /asp:TextBoxbr/ ///服务器端按钮控件 asp:Button ID=btnOk runat=server Text=确定 / /asp:Panel 运行效果如下： 三、实验小结 1、实验中出现过的问题（或错误）、原因分析 2、保证实验成功的关键问题 3、对本次实验的自我评价 指导教师评分： 评阅时间： 年 月 日