Web技術導論複習大綱

時間  2019-11-11
標籤 web 技術 導論 複習 大綱 欄目 HTML 简体版
原文   原文鏈接

1. 什麼是URL，其通常形式是什麼？javascript

資源類型://網址[:端口號][/[文件路徑/文件名]][?參數名=參數值&參數名=參數值...]css

2. 什麼是B/S模式，與C/S模式相比有哪些優越性？html

B/S(Browser/Server); C/S(Clinet/Server);java

    B/S的優越性：
  1. 有良好的開放性,單一訪問點,用戶能夠在任何地點使用系統
  2. 跨平臺,只要使用相同瀏覽器界面訪問系統就行
  3. 沒有了客戶端的維護工做,減少了系統運行和維護成本

3. 什麼是HTML文檔？一個HTML文檔結構是怎樣的？web

(HyperText Mark-up Language)即超文本標記語言編程

文檔結構:瀏覽器

<html>

    <head>

        頭部信息

    </head>

    <body>

        文檔主體

    </body>

</html>

4. 瞭解文檔頭標記<title><meta><link><bgsound>的用法，好比：如何設置頁面標題，如何設置頁面每隔10秒自刷新一次，如何連接外部樣式單，如何設置背景音樂等。服務器

<title> 設置頁面標題:dom

<title>welcome to vell001<title>

<meta>設置頁面每隔10秒自刷新一次:函數

<meta http-equiv="refresh" content="10"></meta>

<link> 連接外部樣式單:

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

<bgsound>設置背景音樂:

<bgsound src="music.wav" autostart="true" loop="infinite">

5. 瞭解經常使用事件屬性。

onLoad(加載完成),onUnload(退出),onFocus(獲取焦點),onBlur(失去焦點),onChange(輸入組件內容改變時),onSubmit(表單提交時),onMouseOver(鼠標移入),onMouserout(鼠標移出),onClick(被單擊),onDblClick(被雙擊)

6. 須要掌握的文檔內容標記：標題、段落標記，文本格式標記，圖像標記，超連接標記，影像地圖標記，走馬燈標記，表格標記等。如要求設計一個3*3表格，寫出完整的HTML代碼，表格內容要居中顯示，表格的內容均爲「示例」。

標題：<h>

段落標記: <p>,<br/>換行

文本格式標記: <font>字體,<b>粗體,<u>下劃線,<i>斜體

圖像標記：<img src=""/>

超連接標記: <a href=""/>

影像地圖標記: <map>

走馬燈標記: <marquee>

表格標記: <table>,<tr>行,<td>列,<tbody>表格主體,<thead>表頭,<tfoot>表腳

3*3表格：

<table >

    <tr>

        <td align="center">示例</td>

        <td align="center">示例</td>

        <td align="center">示例</td>

    </tr>

    <tr>

        <td align="center">示例</td>

        <td align="center">示例</td>

        <td align="center">示例</td>

    </tr>

    <tr>

        <td align="center">示例</td>

        <td align="center">示例</td>

        <td align="center">示例</td>

    </tr>

</table>

7. 什麼是表單，其中method屬性及action屬性分別表示什麼？

在網頁中用來給訪問者填寫信息的組件，使網頁具備交互能力

method: 定義服務器處理程序從表單中獲取信息的方式，通常有GET/POST

action: 設置服務器處理程序的URL

8. 表單組件都有哪些輸入類型，每種輸入類型如何表示？可以用表格對錶單進行佈局，編寫簡單的用戶註冊、問卷調查等表單程序。

通常有：


單行文本輸入框: <input type="text"/>
密碼輸入框: <input type="password"/>
單行文本輸入框: <textarea></textarea>
button按鈕：<input type="button"/>
radio單選按鈕:<input type="radio"/>
複選框:<input type="checkbox"/>
複選列表:
<select>
    <option value=""></option>
</select>
隱藏信息：<input type="hidden" value=""/>
文件長傳:<input type="file"/>
表單提交：<input type="submit"/>
重置按鈕：<input type="reset"/>

表單有序結構通常使用:form+table組合

9. 什麼是層疊樣式單CSS？有幾種類型的樣式單（內聯、嵌入和外部）？經常使用的樣式單的選擇符有幾種？如何應用不一樣選擇符定義的樣式？樣式單的優先級是怎樣的？試完成下題：編寫一段CSS代碼使段落分紅三種不一樣的類別，每一類應用不一樣的樣式表規則。第一類文字字號16pt，顏色紅色，加粗，斜體；第二類字號20pt，顏色綠色，帶下劃線；第三類字號18pt，顏色藍色，帶上劃線，並分別將三類段落樣式應用於一樣的三段文字「CSS分類使用」。

1. 所謂層疊，指對於容器元素指定的全部選項，將被自動地應用到其包含的全部元素中；

2. 標籤名（a{}）、class（.vell{}）、id（#vell{}）、組合（p .vell#bibi{}）、重用（.vell,#vell{}）、僞類（a:hover{}、a:visited{}）等

3. 使用空格，如: <a class="vell bibi">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Insert title here</title>

<style type="text/css">

.v1{

    font-size: 16pt;

    color: red;

    font-weight: bold;

    font-style: italic;

}

.v2{

    font-size: 20pt;

    color: green;

    text-decoration: underline;

}

.v3{

    font-size: 18pt;

    color: blue;

    text-decoration: overline;

}

</style>

</head>

<body>

    <p class="v1">CSS分類使用</p>

    <p class="v2">CSS分類使用</p>

    <p class="v3">CSS分類使用</p>

</body>

</html>

 

效果:

image

10. JavaScript腳本的特色及優勢有哪些，掌握JavaScript基於對象與事件驅動的特色，可以編寫JavaScript程序，例如編寫一段JavaScript代碼實如今網頁狀態欄上顯示時間，時間格式爲「9時21分22秒AM」，而且實現每秒更新與系統時鐘同步。

<span id="timer"></span>

<script type="text/javascript">

var timer = document.getElementById("timer");

function updateTime(timer){

    var myDate = new Date();

    var h = myDate.getHours();

    var m = myDate.getMinutes();

    var s = myDate.getSeconds();

    var ap = "AM";

    if(myDate.getHours() > 12){

        ap="PM";

        h = h - 12;

    }

    timer.innerHTML=h+"時"+m+"分"+s+"秒"+ap;

    setTimeout("updateTime(timer)",1000);

}

updateTime(timer);

</script>

11. 掌握JavaScript經常使用的內部對象及函數的用法，如String、Math、Date、Array對象及其經常使用屬性和方法。

String.length 字符串長度

String.substring(start,end)截取字符串

String.indexOf(searchvalue,fromindex) 從fromindex到尾檢索字符串，返回 searchvalue 的第一次出現的位置。沒找到返回-1

String.lastIndexOf (searchvalue,fromindex)從fromindex到頭地檢索字符串，返回 searchvalue 的第一次出現的位置。沒找到返回-1

更多詳見：http://www.w3school.com.cn/js/jsref_obj_string.asp

Math.PI 返回圓周率

Math.max(value1,value2) 比較最大，返回最大值

Math.pow(value1,10)數的10次方

Math.round(value1)把一個值四捨五入爲最相近的整數值

Math.random()隨機數，返回0~1之間的隨機數

Math.floor(value1)返回任意浮點數的整數部分Array

更多詳見：http://www.w3school.com.cn/js/jsref_obj_math.asp

Date見：http://www.w3school.com.cn/js/jsref_obj_date.asp

Array見：http://www.w3school.com.cn/js/jsref_obj_array.asp

12. 掌握JavaScript瀏覽器對象模型BOM的層次結構，以及window對象、history對象、location對象的經常使用屬性和方法。

window.open() - 打開新窗口

window.close() - 關閉當前窗口

window.moveTo() - 移動當前窗口

window.resizeTo() - 調整當前窗口的尺寸

更多詳見：http://www.w3school.com.cn/js/js_window.asp

history.back() - 與在瀏覽器點擊後退按鈕相同

history.forward() - 與在瀏覽器中點擊按鈕向前相同

更多詳見：http://www.w3school.com.cn/js/js_window_history.asp

location.hostname 返回 web 主機的域名

location.pathname 返回當前頁面的路徑和文件名

location.port 返回 web 主機的端口 （80 或 443）

location.protocol 返回所使用的 web 協議（http:// 或 https://）

更多詳見：http://www.w3school.com.cn/js/js_window_location.asp

13. 掌握JavaScript文檔對象模型DOM的層次結構，以及document對象的經常使用屬性及方法，可以正確引用文檔對象進行編程。

詳見：http://www.w3school.com.cn/htmldom/dom_obj_document.asp

14. 區分body及其它文檔所包含對象的innerHTML和innerText的屬性。

innerHTML: 從對象的起始位置到終止位置的所有內容,包括Html標籤

innerText: 從起始位置到終止位置的內容, 但它去除Html標籤

15. 可以使用JavaScript進行表單數據的有效性驗證、禁止用戶複製頁面內容等綜合處理。

禁止用戶複製頁面內容<body  oncopy="return false">

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程