cssdiv页面布局练习

《cssdiv页面布局练习》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、实训二页面布局综合练习成绩专业班级*********学号******姓名****报告日期2013/10/21.1.实验目的通过本次实训理解在VisualStudio环境在创建、编辑和引用CSS+DIV样式表文件的基本步骤；理解层元素在页面布局中的重要作用及使用方法；综合运用CSS+DIV布局技术，设计出使用的网站主页。2.实训要求新建一个ASP.NET网站，在Default.aspx中使用CSS+DIV技术设计出网站主页效果。要求页面的导航栏、销售排行榜中的内容使用ASP.NET标准控件HyperLink，商品名称、商品种类、用户名、密码栏使用ASP.NET标准控件TextBox，

2、所有按钮使用ASP.NET标准控件Button，商品种类栏使用ASP.NET标准控件DropDownList。3.实训步骤1)准备需要的图片文件2)设计页面布局3)分区域页面设计网站在IE浏览器中显示结果如下图所示：4.实训感受：通过这次实训学会了运用CSS+DIV布局技术，理解了层元素在页面布局中的重要作用及使用方法。在网页制作过程中编写完代码后预览网页发现和目标的网页局部不一致，然后分析出现这种情况的原因，再在源代码中查找错误，最后实现上图的效果。平时在课堂上学习时只是对知识有大概的了解，而在实际操作中可能会忽略细枝末节的东西导致出错，查错的过程帮助我发现了这些错误，有些时无意

3、的失误，有些则是编写代码的习惯。在以后的网页制作过程中我会慢慢积累经验，学会总结，尽量少犯相同的错误。源代码：7文件Default.aspx源代码：<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%>

4、//www.w3.org/1999/xhtml">