ASP.NET初了解（二）-- 页面构成介绍

 刚刚接触ASP.NET时，对于各种杂乱的页面特别头疼，不知道都是何方神圣，在初步学习后，有了最粗面的理解，下面我就来念念ASP.NET页面构成，帮助初学者可以更加容易分析和理解ASP.NET的示例界面，了解页面的具体含义。

      先来一张总图，向大家最宏观的介绍本篇博客的主要内容。

                        

      知道大概内容后，需要逐个破解了。

                                                                                                                                          

（一）组成元素

       首先，想和大家说说ASP.NET的页面构成。普通的页面文件使用的扩展名为HTML或者HTM，某些Web动态语言也有自己特有的页面文件扩展名，比如php、jsp等，ASP.NET页面的扩展名则为aspx。

      下图是一个简单的ASP.NET页面的.aspx文件。根据图示可看出，.aspx文件主要包含三个元素：页面指令、代码脚本和页面内容。

              

       1.页面指令

       （1）内容：以<%@...%>括起来的代码，比如上图示中的：

[html]  view plain copy

1. <%@ Page Language="C#"AutoEventWireup="true" CodeBehind="Login.aspx.cs"Inherits="Login.Login" %>  

       附注：

• AutoEventWireup="true"：指示控件的事件是否自动匹配，如果启用事件自动匹配,则为 true;否则为 false。默认值为 true。
• CodeBehind="Login.aspx.cs"：代码后置文件。关于CodeBehind技术，我们需要了解：asp.net中采用了页面“继承”的方式，即前台页面.aspx文件通过其页面指令@Page继承后台.cs文件,这样，不仅将页面的UI与逻辑分开，同时在程序编译后，其实现逻辑也被隐藏，以.dll文件代替。asp.net中的这种程序编写方式就被叫做code-Behind技术。
• Inherits="Login.Login"：定义供页继承的代码隐藏类。它可以是从 Page 类派生的任何类。

       （2）类型：

                                 

       （3）作用：用于指定当前页编译处理时所使用的设置。

       （4）注意事项：一个页面可包含多条页面指令；不区分大小写；可放置在任意位置，但是建议按照标准置顶。

       2.代码脚本

       （1）内容：是使用一种特定的描述性语言，依据一定的格式编写的可执行文件，又称作宏或批处理文件。由<script  runat ="server" > </script>标签对括起来的程序代码。

       （2）作用：可以定义页面中的全局变量和程序处理过程。并且，脚本通常可以由应用程序临时调用并执行。各类脚本目前被广泛地应用于网页设计中，因为脚本不仅可以减小网页的规模和提高网页浏览速度，而且可以丰富网页的表现，如动画、声音等。

       3.页面内容

       除了标准的HTML页面所具有的元素之外，还包含一个form元素、一些Web服务器控件以及相关的程序代码。

                                                                                                                                       

（二）布局

      ASP.NET的布局方式有两种，一种是网格模式（Grid Layout），另一种是流模式（Flow Layout）。

       1.网格模式

        按照坐标来排放网页元素的位置，要是其中一个元素特别大的时候，其他坐标还是不变。Grid Layout可以说是绝对定位，可以在整个设计视图表面上任意拖动元素，但是在生成页面有些元素可能会被其他元素盖住。

      2.流模式

        按元素在网页上出现的顺序，从上到下、从左到右自动排放网页元素为主。这样某个网页元素特别大时，其他网页元素也会相应的移动位置，不会造成覆盖。      

       根据以上了解，我们就可以发现，通常情况，网页制作中是不建议大量使用网格模式也就是绝对定位的方式来显示页面元素，而是使用流模式+表格定位来控制内容的输出。使用表格的优点是：页面可以根据浏览者机器分辨率大小及浏览器大小进行适当的变化，使用户在各种情况下都能获得比较好的浏览及操作体验。

原创：http://blog.youkuaiyun.com/sunliduan/article/details/17721453