设计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,点击设计
4.在工具箱中,展开html工具卡,找到table,拖动过去
5.table中可以随意设计,把左边的控件拖动过去就可以了,摆设的差不多就完成了,这个就叫做添加服务器控件。
6.除了这种拖动的方式,还有一种方式就是通过写代码的方式来进行添加控件,在一开始左下角点击设计的旁边有个源,点击源可以看到你刚刚拖动进来的一些控件,都转成了代码,甚至一整个设计的界面,都全部转成了源码。我们可以自己写一个,比如添加一个名为测试的标签,注意的是id是唯一的
拖动比较方便,也比较效率,但也建议大家多了解这些代码,对以后学前端使用标签语言的时候就不会那么难受了
推荐阅读
-
myeclipse2014导入web项目后页面中文显示乱码怎么办?
-
ASP.NET Web API 2 的返回结果
-
为MIX 4预热?雷军晒出小米MIX 2S:好设计经得起考验
-
浅析404页面存在的意义和设计技巧
-
win2008 r2 web服务器IIS的安装与基本设置
-
基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
-
Winform中在使用Dock属性设计页面布局控件的顺序导致页面效果不同的问题
-
asp.net abp模块化开发之通用树2:设计思路及源码解析
-
Web API---part2课程介绍+part1复习
-
2年等待终取消!苹果AirPower宣告流产 微博CEO:本来就是反人类的设计