网页制作-页面跳转.docVIP

设计default.aspx页面 添加已有文件到solution; (将所给资料文件夹Unit01\Unit01\Labfiles\Solution\CS中的四张图片 通过右击选择，逐一通过此方法添加四张图片。 添加完之后。 ) 切换到设计视图 （） 添加一个html表格 （工具箱中选择Table.） 调整表格的大小 在属性中设置表格的宽度为100%(右击表格，选择“属性”) 右击表格,选择插入行（） 选中第一行的所有单元格,右键鼠标,选择合并单元格. () 在属性窗体中,设置此行的align属性为right() 第二行中,设置最左边的单元格宽度10%,最右边的宽度也是10%. (先对左边单元格进行设置 可用两种方法： 方法一：右击单元格选择“样式” 方法二：“属性”中选择单击后面的三个点 通过此方法都可弹出选择“位置”，对“高度”和“宽度”设值 最右边的单元格也做同样操作) 合并第四行的单元格,并设置align属性为right（之前提过的） 添加一个标准控件中的Image控件到第一行中,并设置它的imageURL属性为AdvWork sLogo.gif （设置后的效果） 在表格第二行最左边的单元格里添加一个标准控件中的lable控件,设置它的text属性为home，字体为verdana（） 添加一个HyperLink的控件到第二行的第二格 设置他它的text属性为Contact Us 设置NavigateUrl属性为Contact.aspx （） 添加标准控件中的Image控件到第三行的第一格,设置ImageUrl属性为AdvWorksSideBar.gif （添加后的效果图：） 在第三行的中间一个单元格里输入: Welcom to Adventure-W,并设置此单元格的valign属性为top; () 添加一个image控件到第三行的第三格,不用设置它的ImageUrl属性,而设置它的ID属性为BikeImage. (。设置ID是为了稍后通过代码实现添加图片。) 在第四行添加一个label控件,把它的text属性改为: Copyright Adventure Work 2005 () 添加一个新的Contact.aspx页面 右键点击站点,添加新项,选择web窗体,名称为:Contact.aspx （） 复制default页面中的表格到Contact.aspx 替换第二行第一格的home标签为hyperLink,并将其text属性设置为Home 将它的navigateUrl属性设置为default.aspx 将第二行的第二格的Contact Us的HyperLink替换为一个label控件,它的text属性为Contact us. 删除第三行第二格的Welcom to Adventure-W,替换成label,设置它的text属性为hello. 删除BikeImage,换成button,设置它的text属性为Show More Contact Details. （修改后的效果图：） 双击Default.aspx.cs，在“设计”中，右击表格，选择“查看代码”，在protected void Page_Load中添加如下代码： Random rndGen = new Random(); int rndNum = rndGen.Next(10); if (rndNum 5) this.BikeImage.ImageUrl = RedBike.gif; else this.BikeImage.ImageUrl = BlueBike.gif; 运行时，可直接点。 也可以右击项目，选择“在浏览器中查看” 默认是“内部web浏览器”。可在“浏览方式”中修改默认值 使用“内部web浏览器”运行时的效果如图。 当不断刷新页面时自行车会随机显示蓝色或红色。 点击 会显示 点击，会切换回 相当于刷新下页面，自行车会随机显示蓝色或红色。