第十一讲 页面布局及母版页

主要内容

    页面布局方式：
    样式结构：简单实用，条理分明，格局清晰严谨，适合信息大的页面

    区域结构：页面精美，适合信息较少的页面

    页面布局技术：
        1. Table：简单，方便，现已较少用于布局
        2. DIV+CSS：更加美观，在页面展示和浏览速度上有很大优势

    1. 熟悉页面布局

    2. 掌握母版页的使用
        1. 母版页后缀名.Master
        2. 母版页代码首先使用的是<%@Master ...%>指令，除指令关键以外，其它属性同Page指令
        3. 母版页的后台代码继承的是system.Web.UI.MasterPage
           相比较Page指令的后台代码继承的是System.Web.UI.Page
        4. 母版页是无法直接运行的。
        5. 引用了母版页的页面被答为内容页
            内容页的首行，使用的是<%@Page...>指令，它比一般的页面Page指令多了两个属性：
            1. 一个是Title=网页标题
            2. 一个是MasterPageFile=母版页的路径+母版页名称
            3. 内容页中禁止出现head,body,html标签的，它是母版页中才有，即它会从母版页继承过来。

        6. ContentPlaceHolder控件
            1. 可编辑区域定义控件，在母版页中设置好后，在内容页中可以进行内容的录入。
            2. 如果需要在内容页中使用脚本，就写此控件中即可


        7. 一个非引用母版页的页面，如何引用母版页？
            去除页面中的HTML标签，修改页面的首行Page指令，添加母版页特有的两个属性即可。

        母版页的特点：
            1. 有利于站点修改和维护，降低开发人员的工作强度
            2. 提供高效的内容整合能力
            3. 有利于实现页面布局
            4. 提供一种便于利用的对象模型