ASP.Net课堂--实验4

制作一个包含如下页面的网站:


首页(Default.aspx)页面效果:

要求在网站中添加主题:在主题中定义一个外观文件,通过外观文件设置文本框的高度为15px,宽度为80px,下拉菜单的宽度为80px,高度20px, 按钮的背景颜色为绿色。所有超链接的文字大小为13px, 字体为宋体。将此主题应用到首页。

mil.aspx页面效果:


cul.aspx页面效果:



汽车(auto.aspx)页面效果

在每个页面上添加导航控件显示每个页面的位置。


网站文件结构:



自定义主题:

在default.skin添加以下代码:

<asp:TextBox runat="server" Width="80px" Height="15px"/>
<asp:DropDownList runat="server" Width="90px" Height="20px"/>
<asp:Button runat="server" BackColor="#00FF00"/>
<asp:HyperLink runat="server" Font-Underline="False" Font-Size="13px"/>

在aspx文件中引入主题

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default"  Theme="主题1"%>



首页布局代码:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default"  Theme="主题1"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link type="text/css" href="App_Themes/主题1/StyleSheet.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <div style="background-color: #FFCC00">
    
    <asp:Label ID="Label1" runat="server" Text="Label">登录名</asp:Label>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:Label ID="Label2" runat="server" Text="Label">密码</asp:Label>
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True">
            <asp:ListItem>请选择去向</asp:ListItem>
        </asp:DropDownList>
        
        <asp:Button ID="Button1" runat="server" Text="登录" />
        <asp:Button ID="Button2" runat="server" Text="进入微博" />
        <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Default.aspx">通行证</asp:HyperLink>
        <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/Default.aspx">客服帮助</asp:HyperLink>
        <asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="~/Default.aspx">企业邮箱</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="~/Default.aspx">手机新浪网</asp:HyperLink>
        <asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="~/Default.aspx">设为主页</asp:HyperLink>
        <asp:HyperLink ID="HyperLink6" runat="server" NavigateUrl="~/Default.aspx">新浪导航</asp:HyperLink>
        <br />
        
    </div>
    <asp:SiteMapPath ID="SiteMapPath1" runat="server">
    </asp:SiteMapPath>
    <div>
        <asp:HyperLink ID="HyperLink7" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">新闻</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink8" runat="server" NavigateUrl="~/mil.aspx">军事</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink9" runat="server" NavigateUrl="~/cul.aspx">文化</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink10" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">体育</asp:HyperLink>
        <asp:HyperLink ID="HyperLink11" runat="server" NavigateUrl="~/Default.aspx">英超</asp:HyperLink>
        <asp:HyperLink ID="HyperLink12" runat="server" NavigateUrl="~/Default.aspx">NBA</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink13" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">博客</asp:HyperLink>
        <asp:HyperLink ID="HyperLink14" runat="server" NavigateUrl="~/Default.aspx">微博</asp:HyperLink>
        <asp:HyperLink ID="HyperLink15" runat="server" NavigateUrl="~/Default.aspx">轻博</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink16" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx"> 读书</asp:HyperLink>
        <asp:HyperLink ID="HyperLink17" runat="server" NavigateUrl="~/Default.aspx">教育</asp:HyperLink>
        <asp:HyperLink ID="HyperLink18" runat="server" NavigateUrl="~/Default.aspx">育儿</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink19" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">游戏</asp:HyperLink>
        <asp:HyperLink ID="HyperLink20" runat="server" NavigateUrl="~/Default.aspx">邮箱</asp:HyperLink>
        <asp:HyperLink ID="HyperLink21" runat="server" NavigateUrl="~/Default.aspx">出国</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink22" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">城市</asp:HyperLink>
        <asp:HyperLink ID="HyperLink23" runat="server" NavigateUrl="~/Default.aspx">广东</asp:HyperLink>
        <asp:HyperLink ID="HyperLink24" runat="server" NavigateUrl="~/Default.aspx">圆博</asp:HyperLink>
        <asp:HyperLink ID="HyperLink25" runat="server" NavigateUrl="~/Default.aspx">高尔夫</asp:HyperLink>
        <asp:HyperLink ID="HyperLink26" runat="server" NavigateUrl="~/Default.aspx">下载</asp:HyperLink>
        <asp:HyperLink ID="HyperLink27" runat="server" NavigateUrl="~/Default.aspx">导航</asp:HyperLink>
        <br />
        <asp:HyperLink ID="HyperLink28" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">财经</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink29" runat="server" NavigateUrl="~/Default.aspx">股票</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink30" runat="server" NavigateUrl="~/Default.aspx">基金</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink31" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">娱乐</asp:HyperLink>
        <asp:HyperLink ID="HyperLink32" runat="server" NavigateUrl="~/Default.aspx">明星</asp:HyperLink>
        <asp:HyperLink ID="HyperLink33" runat="server" NavigateUrl="~/Default.aspx">音乐</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink34" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">视频</asp:HyperLink>
        <asp:HyperLink ID="HyperLink35" runat="server" NavigateUrl="~/Default.aspx">微视频</asp:HyperLink>
        <asp:HyperLink ID="HyperLink36" runat="server" NavigateUrl="~/Default.aspx">综艺</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink37" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">女性</asp:HyperLink>
        <asp:HyperLink ID="HyperLink38" runat="server" NavigateUrl="~/Default.aspx">健康</asp:HyperLink>
        <asp:HyperLink ID="HyperLink39" runat="server" NavigateUrl="~/Default.aspx">中医</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink40" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">页游</asp:HyperLink>
        <asp:HyperLink ID="HyperLink41" runat="server" NavigateUrl="~/Default.aspx">棋牌</asp:HyperLink>
        <asp:HyperLink ID="HyperLink42" runat="server" NavigateUrl="~/Default.aspx">星座</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink43" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">旅游</asp:HyperLink>
        <asp:HyperLink ID="HyperLink44" runat="server" NavigateUrl="~/Default.aspx" 
            >航空</asp:HyperLink>
        <asp:HyperLink ID="HyperLink45" runat="server" NavigateUrl="~/Default.aspx">图片</asp:HyperLink>
        <asp:HyperLink ID="HyperLink46" runat="server" NavigateUrl="~/Default.aspx">环保</asp:HyperLink>
        <asp:HyperLink ID="HyperLink47" runat="server" NavigateUrl="~/Default.aspx">天气</asp:HyperLink>
        <asp:HyperLink ID="HyperLink48" runat="server" NavigateUrl="~/Default.aspx">爱问</asp:HyperLink>
        <br />
        <asp:HyperLink ID="HyperLink49" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">科技</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink50" runat="server" NavigateUrl="~/Default.aspx">手机</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink51" runat="server" NavigateUrl="~/Default.aspx">趣图</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink52" runat="server" Font-Bold="true" NavigateUrl="~/auto.aspx">汽车</asp:HyperLink>
        <asp:HyperLink ID="HyperLink53" runat="server" NavigateUrl="~/Default.aspx">报价</asp:HyperLink>
        <asp:HyperLink ID="HyperLink54" runat="server" NavigateUrl="~/Default.aspx">买车</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink55" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">应有</asp:HyperLink>
        <asp:HyperLink ID="HyperLink56" runat="server" NavigateUrl="~/Default.aspx">必备</asp:HyperLink>
        <asp:HyperLink ID="HyperLink57" runat="server" NavigateUrl="~/Default.aspx">手游</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink58" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">房产</asp:HyperLink>
        <asp:HyperLink ID="HyperLink59" runat="server" NavigateUrl="~/Default.aspx">二手车</asp:HyperLink>
        <asp:HyperLink ID="HyperLink60" runat="server" NavigateUrl="~/Default.aspx">家居</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink61" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">乐库</asp:HyperLink>
        <asp:HyperLink ID="HyperLink62" runat="server" NavigateUrl="~/Default.aspx">尚品</asp:HyperLink>
        <asp:HyperLink ID="HyperLink63" runat="server" NavigateUrl="~/Default.aspx">收藏</asp:HyperLink>
        |<asp:HyperLink ID="HyperLink64" runat="server" Font-Bold="true" NavigateUrl="~/Default.aspx">论坛</asp:HyperLink>
        <asp:HyperLink ID="HyperLink65" runat="server" NavigateUrl="~/Default.aspx">交友</asp:HyperLink>
        <asp:HyperLink ID="HyperLink66" runat="server" NavigateUrl="~/Default.aspx">SHOW</asp:HyperLink>
        <asp:HyperLink ID="HyperLink67" runat="server" NavigateUrl="~/Default.aspx">彩票</asp:HyperLink>
        <asp:HyperLink ID="HyperLink68" runat="server" NavigateUrl="~/Default.aspx">公益</asp:HyperLink>
        <asp:HyperLink ID="HyperLink69" runat="server" NavigateUrl="~/Default.aspx">佛学</asp:HyperLink>
    </div>
    
    </form>
</body>
</html>

添加网站地图:Web.sitemap

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
  <siteMapNode url="Default.aspx" title="首页"  description="">
    <siteMapNode url="mil.aspx" title="军事"  description="" />
    <siteMapNode url="cul.aspx" title="文化"  description="" />
    <siteMapNode url="auto.aspx" title="汽车"  description="" />
  </siteMapNode>
</siteMap>


mil.aspx布局代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="mil.aspx.cs" Inherits="mil" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:SiteMapPath ID="SiteMapPath1" runat="server">
        </asp:SiteMapPath>
       <h2>中俄十年来最大订单的玄机</h2>

近日,中国与俄罗斯两国刚刚签署了两份重大军售框架协议,中俄合作建造4艘先进的“拉达级”AIP潜艇出售给中国;中国向俄罗斯采购24架苏35战机。这是时隔近10年后中国首次向俄罗斯采购重大军事技术装备。

       <h2>2艘潜艇将在中国建造</h2>

据称,这次俄罗斯向中国出售的拉达级AIP潜艇静音能力十分出色,这4艘潜艇将以2+2的形式为中国海军联合设计和建造,其中两艘将在俄罗斯建造,另外两艘在中国建造。拉达级是俄罗斯第四代柴电动力潜艇,自苏联解体后研制的第一级柴电潜艇,也是俄罗斯首款单壳体潜艇。达拉级较基洛级有较大的发展,俄罗斯官方称该级潜艇还采用了“不依赖空气推进装置”(AIP)。该艇装备了高自动化的战斗系统,从而将艇员减至35人。
    </div>
    </form>
</body>
</html>

cul.aspx布局代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="mil.aspx.cs" Inherits="mil" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:SiteMapPath ID="SiteMapPath1" runat="server">
        </asp:SiteMapPath>
       <h2>中俄十年来最大订单的玄机</h2>

近日,中国与俄罗斯两国刚刚签署了两份重大军售框架协议,中俄合作建造4艘先进的“拉达级”AIP潜艇出售给中国;中国向俄罗斯采购24架苏35战机。这是时隔近10年后中国首次向俄罗斯采购重大军事技术装备。

       <h2>2艘潜艇将在中国建造</h2>

据称,这次俄罗斯向中国出售的拉达级AIP潜艇静音能力十分出色,这4艘潜艇将以2+2的形式为中国海军联合设计和建造,其中两艘将在俄罗斯建造,另外两艘在中国建造。拉达级是俄罗斯第四代柴电动力潜艇,自苏联解体后研制的第一级柴电潜艇,也是俄罗斯首款单壳体潜艇。达拉级较基洛级有较大的发展,俄罗斯官方称该级潜艇还采用了“不依赖空气推进装置”(AIP)。该艇装备了高自动化的战斗系统,从而将艇员减至35人。
    </div>
    </form>
</body>
</html>

auto.aspx布局代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="auto.aspx.cs" Inherits="auto" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:SiteMapPath ID="SiteMapPath1" runat="server">
        </asp:SiteMapPath>
        <h1>764马力法拉利F12berlinetta改装案例</h1>
         <div class="article_info">
                	    <span>2013年03月26日 05:00</span>
                        
                        <span>来源:<a target="_blank" href="http://www.autohome.com.cn/" target="_blank">汽车之家</a></span>
                        
                        <span>类型:原创</span>
                        <span>编辑:<a target="_blank" href="http://www.autohome.com.cn/ExpertBlog/editor_4069.html">孟欢</a></span>
                        
                        <span>评论:<a target="_blank" href="http://reply.autohome.com.cn/Articlecomment.aspx?articleid=494955" id="articleCount">0条</a></span>
         </div>
          <p> [<a class="ShuKeyWordLink" href="http://car.autohome.com.cn/shuyu/detail_29_31_100.html" target=_blank>汽车之家</a> 改装] 德国超跑改装公司DMC近日发布了一辆<a class="ShuKeyWordLink" href="http://car.autohome.com.cn/price/brand-42.html" target=_blank>法拉利</a><a class="ShuKeyWordLink" href="http://www.autohome.com.cn/2682/" target=_blank>F12berlinetta</a>改装案例,外观加装了一套碳纤维空气动力学套件,动力进行小幅提升,其V12自然吸气<a class="ShuKeyWordLink" href="http://car.autohome.com.cn/shuyu/detail_8_9_555.html" target=_blank>发动机</a>的最大<a class="ShuKeyWordLink" href="http://car.autohome.com.cn/shuyu/detail_40_41_98.html" target=_blank>功率</a>从原来的741马力升至764马力,最高时速从原来的340km/h升至350km/h。</p>

    </div>
    <asp:Image ID="Image1" runat="server" ImageUrl="~/images/法拉利.jpg" />
    </form>
</body>
</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值