前言：假如我們把src理解為web 服務器的后臺，那么WebRoot就為web服務器的前臺。Src里面主要是.java類，包括一般的類與servlet類。
前臺主要是讓用戶通過瀏覽器去瀏覽所用。后臺主要是管理員處理業務邏輯所用。
一、HTML 與CSS介紹
標記性語言，解釋用的。
新建html，basic的。
?
Top.html bottom.html left.html main.html right.html
(Frame)
<body>
這里是index.html
</body>
?
如果是frameset的話，就不需要body了。
?
代碼如下：（百分比都是可以調整的）
<framesetrows="15%,70%,15%"cols="*"border="0">
<framesrc="top.html"name="topFrame"srcolling="no"marginwidth="0"marginheight="0"/>
<framesetrows="*"cols="20%,80%"border="0">
<framesrc="left.html"name="leftFrame"srcolling="no"marginwidth="0"marginheight="0"/>
<framesrc="welcome.html"name="mainFrame"srcolling="no"marginwidth="0"marginheight="0"/>
</frameset>
<framesrc="bottom.html"name="bottomFrame"srcolling="no"marginwidth="0"marginheight="0"/>
</frameset>
?
第一個然后add ，如果有tomcat服務器的話，直接部署就可以了。
常見的錯誤：
錯誤：
解決辦法：left沒有資源，出現404錯誤。
我們在搞框架的時候，frameset 可以理解為tr 行，frame可以理解為td列，一行里面有多個列是允許的。
而且，我們在寫src的時候，系統默認會從你的文件夾下面尋找資源，所以，最好是先把html（jsp）名寫好，然后粘貼過來即可。
小技巧：
如何去掉框架里面的線：將 border="1"改為 border = "0"即可
框架里面假如沒有全部顯示的話，我們可以設置下frameset里面的 rows =" 15%,14% ,xxxx" ;修改比例。
4、CSS介紹
1）css是什么
Html5 + CSS3 很炫
Css 樣式表，對頁面進行美化
2）css格式
選擇符、屬性、屬性值
格式： 選擇符{屬性：屬性值}
1、標記選擇器 body table等 對html里面的標記進行風格化
2、類選擇器 以 . 開頭， .類名稱{屬性：屬性值}
3、ID選擇器
4、格式： 以 # 開頭， #ID名稱{屬性：屬性值}
3）CSS主要有兩種模式：內嵌式與外嵌式
一個界面后臺不變，變得大多數是樣式。
CSS 有內嵌式，寫在html前面的style里面。
<style>
a{
Font-size:30px
}
.one
{
Font-size:30px;
Color: red;
Font-Family:隸書；
}
.two
{
Font-size:30px;
Color: red;
Font-Family:隸書；
}
.three
{
Font-size:30px;
Color: red;
Font-Family:隸書；
}
?
#first
{
Color:red;
}
#secoed
{
Color:blue;
}
</style>
最好用外嵌式，可以直接引用即可。
<link rel = "sytlesheet" type="text/css" href="css/day4.css" />
Rel為指向
二、JavaScript 介紹
1、基本語法：區分大小寫，變量類型不分，統一var . 每個語句結尾可以省略分號。這里的可以，可以理解為可以加也可以不加。
2、關鍵字: break,case,do,else,for,if,function,retrun,while,catch,continue,default,delete
3、變量聲明: 同C++
控制語句： if if else switch
Alert 彈出一個對話框
4、在html或者jsp當中嵌入js
????????<scripttype="text/javascript">
????????function logincheck()
????????{
???????? alert("我出來了")
????????}
????????</script>
?
對于JavaScript語句，結尾千萬不能有；分號，不然會報錯，而且錯一個全盤錯。（這句話有問題。。。）
????????<scripttype="text/javascript">
????function logincheck() {
????????var userName = document.login.userName.value //這玩意需要一層層往下剝離，其中 document是整個文檔對象，login是form的name，userName是text文本框
的name; .value 是獲取文本框你輸入的值。
????????var passWord = document.login.password.value
????????if (userName == "") {
???????? alert("用戶名不能為空")
???????? returnfalse
?
????????} elseif (password == "") {
alert("密碼不能為空")
returnfalse
????????}
????????alert("我出來了"+userName + password)
????}
這個小例子也說明了，返回值假如為空或者 null都是不行的。只有false才可以。
這個就叫做腳本語言，其實腳本語句JavaScript是最簡單的一種，做用戶密碼驗證比較合適 。其實，內嵌java語言，就是jsp語言也是腳本語言。Jquery也是腳本語言。
還有就是，我們在做頁面的時候，要驗證肯定是在提交的時候驗證。我們需要添加單擊事件。
<inputtype="submit"value="保存"name="btn"
onclick="return logincheck();">
函數中有返回的話，就直接用return 函數();即可。
5、常見錯誤：
Js的常見錯誤：
頁面需要實時的刷新并保存。
Web常見的錯誤：
1、未啟動tomcat 無法顯示網頁 ， 就是一張白皮
2、404問題 請求的資源不存在 ， 查看url 是否正確（統一資源定位器 URL） 協議+IP+文件路徑
?
Html登錄界面，可以找別人的模板。
新聞熱點
疑難解答
