设计Web页面(2)
程序员文章站
2022-05-03 17:00:41
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是唯一的
拖动比较方便,也比较效率,但也建议大家多了解这些代码,对以后学前端使用标签语言的时候就不会那么难受了
推荐阅读
-
处理同一页面中借助form+input[type="file"]上传图片出现的input无法清空问题_html/css_WEB-ITnose
-
css控制div显示/隐藏方法及2种方法比较原码 转_html/css_WEB-ITnose
-
Web前端设计:Html强制不换行
标签用法代码示例_html/css_WEB-ITnose -
手机端第一屏页面文章的展开和隐藏_html/css_WEB-ITnose
-
静态页面上传到服务器后鼠标经过链接DIV就串(火狐正常IE串)_html/css_WEB-ITnose
-
今日推荐:12个获取手机应用程序设计灵感的网站_html/css_WEB-ITnose
-
求一B2C商城SKU的数据库设计及编程思路解决方法
-
Symfony2创建页面实例详解,symfony2实例详解_PHP教程
-
基础页面布局之div+css_html/css_WEB-ITnose
-
怎么在一个html页面添加元素_html/css_WEB-ITnose