欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

设计Web页面(2)

程序员文章站 2022-08-12 08:29:04
1.前面我们新建了一个空白的ASP.NET网页,那么接下来这章我们就讲一下设计Web页面 2.布局页面有两种方法,一种是通过Table表格来布局页面窗体,另一种是通过CSS+DIV来布局窗体,其中作为前端,包括我,以后也会经常用到CSS+DIV来布局窗体,不过这个涉及的比较多,知识领域就不同了,CS ......

1.前面我们新建了一个空白的asp.net网页,那么接下来这章我们就讲一下设计web页面

2.布局页面有两种方法,一种是通过table表格来布局页面窗体,另一种是通过css+div来布局窗体,其中作为前端,包括我,以后也会经常用到css+div来布局窗体,不过这个涉及的比较多,知识领域就不同了,css样式和div就先不讲,这一章我们就用table表格来布局页面窗体

3.打开之前的项目,找到之前的login.aspx,点击设计

设计Web页面(2)

 

4.在工具箱中,展开html工具卡,找到table,拖动过去

5.table中可以随意设计,把左边的控件拖动过去就可以了,摆设的差不多就完成了,这个就叫做添加服务器控件。

6.除了这种拖动的方式,还有一种方式就是通过写代码的方式来进行添加控件,在一开始左下角点击设计的旁边有个源,点击源可以看到你刚刚拖动进来的一些控件,都转成了代码,甚至一整个设计的界面,都全部转成了源码。我们可以自己写一个,比如添加一个名为测试的标签,注意的是id是唯一的

设计Web页面(2)

 

 设计Web页面(2)

 

 拖动比较方便,也比较效率,但也建议大家多了解这些代码,对以后学前端使用标签语言的时候就不会那么难受了