iLMS知識社群ePortfolioeeClass學習平台空大首頁Login
3月11日的重點
by 徐偉智 2012-03-11 23:43:55, Reply(0), Views(1426)

*** HTML 語法
<html>
 <body>
  <center>歡迎光臨我的網站</center>
 </body>
</html>

*** HTML語法的解釋者是瀏覽器 (Browser)
-- 每個HTML標籤對Browser都是有意義的,雖然是純文字檔,但是經由Brower後就能呈現(render)不同的視覺效果.
-- <html> 與 </html> 是告訴Browser,htm 文件的開始與結束
-- <body>與</body>所包含的其他標籤,其效果會呈現在Browser畫面上.
-- <center>歡迎光臨我的網站</center> , 文字內容表現在Browser畫面的中間.

*** HTML 標籤可以設定參數值 (argument) , 也會影響Browser render 的效果, 或者引發其他作用.
-- <body bgcolor="#ffff00">
-> bgcolor 參數值會影響Browser背景的顏色.

*** 命令 Browser表現圖像的 <img> 標籤
-- <img src="sunset.jpg" width="50%" height="50%">

*** 超連結標籤 <a>
-- <a href="
http://www.nkfust.edu.tw/">第一科大</a>
-> Browser看到這個標籤會在畫面上出現"第一科大"的文字
-> 滑鼠滑過會有超連結效果,也就是按下後, href 參數所指向的網頁內容會出現在畫面上.也就是取代原畫面.

-- 如果要產生一個新Browser視窗,可以使用以下的語法
<a href="
http://www.nkfust.edu.tw/" target="_new">第一科大</a>
-> target 參數會命令Browser把網址的內容呈現在名為 _new 的視窗上.如果此視窗不存在,就開啟一個新的.

*** 除了HTML語法,網頁文件還有2種語法, CSS 與 Javascript .
-- CSS (Cascading Style Sheet), 串接排板樣式
-> 統一設定網頁的排版的一種語法

-- Javasctipt 用來表現網頁元素的特效,例如一張小圖由上而下慢慢移動.
<script type='text/javascript'>
  var divOs = new divOsClass('divOs');
  divOs.setInfo('imagedir','/images');
  divOs.setInfo('styledir','/style');
  divOs.setInfo('waitWord','');
  var _SiteCounter=2857897
  divOs.Cookie.setCookie('_counter',_SiteCounter,0,'')
 
  $(document).ready(function(){
     divOs.runOnload();
  });
  var ssoLoginUrl = "";
</script>
-- Browser 看到 <script type='text/javascript'> 就知道至</script>為止都是Javascrpt語法,它無能為力,只好請出它的好兄弟, Javascript解譯器來執行這一段程式碼.


*** HTML <head>標籤
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=big5" />
 <title>Flash 1234567</title>
</head>

-- <head>通常為了設定文件的資訊.
-> <title>Flash 1234567</title> 是設定標題.

*** Browser 也無法執行Flash動畫,必須請它的兄弟, Flash Player 來幫忙.
-- 如何內嵌Flash 動畫到一個 html 標籤 ? <object > 與 <embed>都可以.
-- 有那些參數可以設定 ?

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="512" height="384" id="test" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
   <param name="movie" value="test.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#ffff00" /> 
</object>