天天看點

步步為營VS 2008 + .NET 3.5(1) - VS 2008新特性之Multi Targeting(多定向)

步步為營VS 2008 + .NET 3.5(1) - VS 2008新特性之Multi Targeting(多定向)、Web Designer and CSS(內建了CSS的web設計器)和Nested Master Page(嵌套母版頁)

介紹

    ·Multi Targeting(多定向):發人員就可以明确地指定.NET Framework 2.0或者3.0或者3.5版本,VS會自動地過濾Intellisense、工具箱控件、模闆等諸如此類的東西

    ·Web Designer and CSS(內建了CSS的web設計器):增加了“拆分”設計視圖,增加了“管理樣式”、“應用樣式”和“CSS屬性”,“視圖”菜單中增加了“标尺和網格”、“可視輔助”和“格式标記”

    ·Nested Master Page(嵌套母版頁):支援母版頁的多層嵌套

示例

MultiTargeting.aspx(解釋“多定向”)

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="MultiTargeting.aspx.cs" 

        Inherits="Feature_MultiTargeting" Title="Multi Targeting(多定向)" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server"> 

</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> 

        <div style="text-indent: 24px; width: 600px"> 

                VS 2008允許開發人員針對多個.NET Framework版本開發。 建立項目的時候可以在彈出的“建立項目”對話框的右上角選擇目标架構。 這樣,開發人員就可以明确地指定.NET 

                Framework 2.0或者3.0或者3.5版本,VS會自動地過濾Intellisense、工具箱控件、模闆等諸如此類的東西。之是以能實作此功能,是因為.NET 3.0和3.5實際上隻是建構于CLR 

                2.0上的類庫。 

        </div> 

</asp:Content>

Feature.css(為了示範“內建了CSS的web設計器”而寫的CSS)

.cssBox 

        font-size: 14px; 

        background-color: #99CCFF; 

        padding: 20px; 

.cssTitle 

        font-size: 18px; 

        background-color: #FFFFCC; 

.cssList 

        list-style: none; 

        margin: 0px; 

        width: 350px; 

        background-color: #CCC; 

.cssList li 

        float: left; 

        width: 100px; 

        line-height: 30px; 

        padding: 5px; 

}

CSS.aspx(示範“內建了CSS的web設計器”)

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="CSS.aspx.cs" 

        Inherits="Feature_CSS" Title="Web Designer and CSS(內建了CSS的web設計器)" %> 

        <link href="../CSS/Feature.css" rel="stylesheet" type="text/css" /> 

        <style type="text/css"> 

                ul 

                { 

                        background-color: Red; 

                        margin: 500px; 

                        width: 5000px; 

                } 

                ul.cssExplain 

                        background-color: White; 

                        margin: 0px; 

                        width: 600px; 

                        text-indent: 24px; 

                ul.cssExplain li 

                        line-height: 20px; 

        </style> 

        <div class="cssBox"> 

                <h3 class="cssTitle"> 

                        Web Designer and CSS(內建了CSS的web設計器)</h3> 

                <ul class="cssList"> 

                        <li>abc</li> 

                </ul> 

        <div> 

                 </div> 

                <ul class="cssExplain"> 

                        <li>有3個設計視圖,分别是“設計”、“拆分”和“源”。“拆分”是新增的一個設計視圖,它可以将“設計”和“源”同時顯示,并且支援設計上的同步 </li> 

                        <li>管理樣式:可建立CSS或附加一個已有的CSS;列出頁内的CSS和被頁附加的CSS,并且可以預覽CSS;紅色 - 元素ID,綠色 - 類,藍色 - 元素</li> 

                        <li>應用樣式:列出可應用的CSS(有預覽效果),單擊相應的規則後,則在你選中之處或你光标所在之處應用相應的CSS</li> 

                        <li>CSS屬性:列出目前選中之處或目前光标所在之處被應用的CSS;藍色 - 目前CSS規則的屬性,藍色加紅色删除線 - 被覆寫的父級CSS規則的屬性;單擊“摘要”則列出目前CSS規則所使用的屬性</li> 

                        <li>“視圖”菜單中增加了“标尺和網格”、“可視輔助”和“格式标記”</li> 

NestedMasterPage.master(嵌套母版頁)

<%@ Master Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="NestedMasterPage.master.cs" 

        Inherits="Feature_NestedMasterPage" %> 

        <p> 

                我是一個嵌套母版頁(注:“ContentPlaceHolder”控件可以從工具箱中拖拽進來)(支援母版頁的多層嵌套) 

        </p> 

        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 

        </asp:ContentPlaceHolder> 

NestedMasterPage.aspx(使用了嵌套母版頁的内容頁)

<%@ Page Language="C#" MasterPageFile="~/Feature/NestedMasterPage.master" AutoEventWireup="true" 

        CodeFile="NestedMasterPage.aspx.cs" Inherits="Feature_NestedMasterPage" Title="Nested Master Page(嵌套母版頁)" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> 

                我是内容頁,使用了嵌套母版頁 

<a href="http://down.51cto.com/data/100967">[源碼下載下傳]</a>

<a href="http://down.51cto.com/data/100967" target="_blank">[源碼下載下傳]</a>

     本文轉自webabcd 51CTO部落格,原文連結:http://blog.51cto.com/webabcd/344902,如需轉載請自行聯系原作者