上一篇中我們使用了模板，裡面的樣式表是內嵌的，有人會問現在一般都是外部樣式表，那如何解決呢？
這個Umbraco也做的很好~！首先我們還是一樣，在外部先把樣式表，或者javascript編輯好，
然後再一部分一部分的考進來。
比如，這是我在外部編輯好的。
<!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>
<meta http-equiv="Content-Language" content="zh-cn" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HEAND</title>
<style>
#Content{
width:800px;
height: 455px;
background-color: #993333;
}
#Heand{
height: 136px;
width:100%;
background-color: #0000FF;
}
#Left{
height: 250px;
width: 400px;
background-color: #CCFFCC;
float: left;
}
#Right{
height: 250px;
width: 400px;
float: right;
background-color: #FF9966;
}
</style>
</head>
<body>
<div id="Content">
<div id="Heand">HEAND</div>
<div id="Left"></div>
<div id="Right"></div>
</div>
</body>
</html>
我們先把樣式表粘出來。
開啟Settings-〉Stylesheets新鍵一個樣式表檔案。
然後把樣式表內容粘進去。
這裡<style></style>標籤就不要了~！然後儲存。
接著開啟我們的主模板：把其餘內容放進去。
上面一句就為樣式表的引用，下面為我在右邊DIV裡顯示，我的子模板內容~！
儲存，在去預覽下你的頁面~！是不是很簡單？
下面我們說下javascript的引用：
前面還是一樣，先在外面用其他工具寫好。如下
<!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>
<meta http-equiv="Content-Language" content="zh-cn" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HEAND</title>
<script language="javascript" type="text/jscript">
function aa(){
alert("您好");
}
</script>
</head>
<body onload="aa()">
<div id="Content">
<div id="Heand">HEAND</div>
<div id="Left"></div>
<div id="Right"></div>
</div>
</body>
</html>
下面我們開啟Settings->Scripts新鍵一個檔案，這裡注意
請選擇.js file
然後我們把寫好的javascript代碼放進去，
這裡的<script language="javascript" type="text/jscript"></script>也不要啦~！然後儲存，
接著我們在去住模板裡引用，代碼如下：
<script src="/Scripts/bb.js" type="text/javascript"></script>
放到<heand>標籤裡面，
<body onload="aa()">
調用javascript;
儲存，我們再運行我們的頁面：
這樣，javascript的調用還有css的調用就完了~！
下節我會給大家介紹XSLT的應用。歡迎喜歡的繼續關注，也請大家多多提意見。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
