透過設置display屬性,可以改變某個標記本來的元素類型,或把某個元素隱藏起來。

有三種屬性值:inline(行內)block(區塊)none(無)


chenmike 發表在 痞客邦 留言(1) 人氣()

position屬性有四個屬性值可以設定,分別是static, relative, absolute, fixed


static(靜態定位)

為預設值,表示區塊保持在原本應該在的位置上,即該值沒有任何移動的效果。

chenmike 發表在 痞客邦 留言(0) 人氣()

背景設定(background)

body
background :
色碼;                                         
   /*背景底色*/
background-image : url('
背景圖片網址');          /*背景圖片網址*/
background-repeat :
 repeat;                          /*背景圖片重複排列*/

chenmike 發表在 痞客邦 留言(0) 人氣()

在CSS中,一個獨立的盒子模型由content(內容)border(邊框)padding(內邊距)margin(外邊距)四個部分組成。

 

倘若將盒子模型比作展覽館裡展出的一幅幅畫,那麼content就是畫面本身,padding就是畫面與畫框之間的留白,border就是畫框,margin就是畫與畫之間的距離。

 



chenmike 發表在 痞客邦 留言(0) 人氣()

1.標記選擇器:用來宣告哪些標記採用那種CSS樣式。每一種HTML標記的名稱都可以作為對應的標記選擇器的名稱。

如: <style>

h1{

color:red;

font-size:25px;

chenmike 發表在 痞客邦 留言(0) 人氣()

1.行內式:在標記的style屬性中設定CSS樣式。

2.嵌入式:將對面面中各種元素的設置集中寫在<head>和</head>之間。

3.連結式:使用HTML的標記引入外部CSS檔。

例: <link href="mystyle.css" rel="stylesheet" type ="text/css"/>

4.匯入式:使用CSS的規則引入外部CSS檔。

chenmike 發表在 痞客邦 留言(0) 人氣()

  • Mar 23 Tue 2010 14:32
  • Canvas

<canvas> 是 HTML 的新元素,可透過 Script(通常是 JavaScript)繪製圖形。例如,可以用來繪圖、合成圖照片,或播放動畫。

Mozilla 應用程式從 Gecko 1.8(也就是 Firefox 1.5)起開始支援 <canvas>。這個元素最初由蘋果 OS X Dashboard 和 Safari 引入。Internet Explorer 本身並不支援 <canvas>,不過網頁可以從 Google 的 Explorer Canvas 專案那裡含入 Script,就能得到有效的支援。Opera 9 也支援 <canvas>

chenmike 發表在 痞客邦 留言(0) 人氣()

jQuery 是一套物件導向式簡潔輕量級的 JavaScript Library。透過 jQuery 你可以用最精簡少量的程式碼來輕鬆達到跨瀏覽器 DOM 操作、事件處理、設計頁面元素動態效果、AJAX 互動等。

再談談 jQuery 的好

1. 官方文件詳細。(重要)
2. 簡潔不笨重,壓縮後大約15KB (v1.2.6)。
3. 只要你有 JavaScript 的基礎,不用再多去學習一大堆新語法。
4. 不用去煩惱跨瀏覽器的問題,jQuery 已經幫你作好了。(IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+)
5. 支援CSS3選擇器。
6. 社群活躍,你可以有很多人家寫好免費的 plugin 用。
7. 跟其它 library 一起使用也不衝突。(jQuery.noConflict())
8. 
jQuery UI 幫你漂亮搞定 (Web 2.0?) 網站使用者介面。

開始 jQuery

先下載 jQuery Library
http://docs.jquery.com/Downloading_jQuery
接著將此 JS 檔放進您網頁 HTML 的 <head> 及 </head> 之間...

<script type="text/javascript" src="jQuery 檔案路徑"></script>

 也可以透過 Google 載入 jQuery  Google AJAX Libraries API

chenmike 發表在 痞客邦 留言(0) 人氣()

注意事項:

1.使用UTF-8文字碼

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

2.把檔案放在網路伺服器之後再進行測試


chenmike 發表在 痞客邦 留言(0) 人氣()

XMLHttpRequest物件是用來進行HTTP通訊的物件。

藉由使用Script,並以HTTP程式為基礎來連接伺服器;而JavaScript則可藉由使用XMLHttpRequest()建構子來建立實體。

var 物件名稱 = new XMLHttpRequest()

【在ie中,則是:  物件名稱 = new ActiveXObject("Msxml2.XMLHTTP")

       物件名稱 = new ActiveXObject("Microsoft.XMLHTTP") 】

chenmike 發表在 痞客邦 留言(0) 人氣()

Ajax的全名為Asynchronous JavaScript and XML,定義為:

  • 使用XHTMLCSS的標準技術為基礎的網頁。
  • 使用DOM作動態顯示與互動。
  • 使用XMLXSLT來變更和操作資料。
  • 使用XMLHttpRequest來非同步地交換資料。
  • 使用Javascript來結合上述功能。


chenmike 發表在 痞客邦 留言(0) 人氣()

檔案物件模型Document Object Model,簡稱DOM),是W3C組織推薦的處理可擴充套件置標語言的標準程式介面。

根據W3C DOM規範(http://www.w3.org/DOM/),DOM是一種與瀏覽器,平台,語言的接口,使得你可以訪問頁面其他的標準組件。簡單理解, DOM解決了Netscaped的Javascript和Microsoft的Jscript之間的衝突,給予web設計師和開發者一個標準的方法,讓他們來訪問他們站點中的數據、腳本和表現層對像。 

文件物件模型(Document Object Model,DOM)是給 HTML 與 XML 文件使用的一組 API。它提供了文件的結構表述(representation),讓你可以更動其中的內容及可見物。其本質是建立網頁與 Script 或程式語言溝通的橋樑

chenmike 發表在 痞客邦 留言(0) 人氣()

API指Application Programming Interface, 應用程式界面

什麼是API,做個簡單的解釋,拿個大家最常看到的幾個東西來做解釋:『筆』。

今天我們要寫一份文章,我們的手=程式筆=API紙=電腦,API就是介於我們的手和電腦之間的一個工具。

如果,少了筆,我們一樣可以把字寫到紙上,不過得要自己做出一個可以寫出字來的東西才行。

chenmike 發表在 痞客邦 留言(13) 人氣()

Mind Mapping / Mind Maps 是一種思考的輔助工具,因此用途非常的廣,只要是需要用到腦袋思考的事,都可以用到它!

企業在推動Mind Mapping時,著重在利用心智圖法(思維導圖)來幫助員工(主管)完成他們的工作;

Mind Mapping不像是ERP系統,也不能把它當成是一種系統,它只是一種方法、一種工具


chenmike 發表在 痞客邦 留言(0) 人氣()

「傳統的樹狀圖」,應該叫決策圖或分析樹,比較偏向左腦的功能,如邏輯、序列等,而心智圖則特別加入右腦的聯想、創造力等,協助全腦發展。

心智圖中,除了擴散性思考外,色彩與圖像的運用,亦是一大特色,以幫助聯想與記憶。例如提到宴會,用紅色線條,並加上雞尾酒圖形。至於色彩、圖形使用的原則,則看個人對某件事情、觀念的認知與聯想了。

條列式重點整理是我們慣用的方式,但重點整理完後,仍無法深刻印在記憶深處。

chenmike 發表在 痞客邦 留言(0) 人氣()

步驟:
1.工具方面,只要可畫圖之紙張(一般A4A3) 及方便使用之顏色筆即可;若你懂得用電腦,這也是一種極方便的工具 。
2.一開始就把主題擺在中央。
3.向外擴張分枝,近中央的分枝較粗,相關的主題可用箭號連結。 
4.使用「關鍵字」表達各分枝的內容---- 心智圖目的是要把握事實的精粹,方便記憶, 所以不要把完整的句子寫在分枝上。

chenmike 發表在 痞客邦 留言(0) 人氣()

Mind Maps/Mind Mapping(心智圖),又稱腦圖思維導圖靈感觸發圖概念地圖思維地圖,是一種圖像式思維的工具與及一種利用圖像式思考輔助工具來表達思維的工具。

MindMaps是一種新的思維模式,它將左腦的邏輯、順序、條例、文字、數字,以及右腦的圖像、想像、顏色、空間、整體等各種因素全部調動起來,把一長串枯燥的信息變成彩色的、容易記憶的、有高度組織性的圖,它繪製起來非常簡單,而且十分有趣這樣。利用MindMap不但可以增強思維能力,提升注意力與記憶力,更重要的是,能够啟發我們的聯想力與創造力。

心智圖是使用一個中央關鍵詞想法引起形象化的構造和分類的想法; 它用一個中央關鍵詞或想法以輻射線形連接所有的代表字詞、想法、任務或其它關聯項目的圖解方式。它可以利用不同的方式去表現人們的想法,如引題式,可見形象化式,建構系統式和分類式。它是普遍地用作在研究、組織、解決問題和政策制定中。

下圖為一張知識管理(KM)的心智圖。

chenmike 發表在 痞客邦 留言(0) 人氣()