Microsoft Word - Part_II_CSS.doc

Size: px
Start display at page:

Download "Microsoft Word - Part_II_CSS.doc"

Transcription

1 Web Development Part II 網頁樣式製作 -CSS 技巧 i Table of Contents CSS 概念...1 CSS 的優勢...1 程式碼比較...1 集體宣告...2 集體宣告的方法...2 分項宣告...3 分項宣告...3 外部呼叫...3 製做 CSS 檔...3 從網頁呼叫 CSS 檔...3 單獨使用...4 加入 STYLE 屬性...4 STYLE 屬性...4 自定類別...4 類別的定義...4 用 CSS 畫重點...5 自定類別的用法...5 文字屬性...5 文字屬性的設定...5 文字顏色 { COLOR }...6 文字類別 { FONT }...6 下載字型 }...6 文字字型 { FONT-FAMILY }...6 文字大小 { FONT-SIZE }...6 文字樣式 { FONT-STYLE }...7 文字變化 { FONT-VARIANT }...7 文字粗細 { FONT-WEIGHT }...7 連結屬性...8 定義連結屬性...8 屬性分類...8 邊框屬性...8 屬性分類...8 段落屬性...10 定義段落屬性...10 屬性分類...10 滑鼠屬性...11

2 Web Development Part II 網頁樣式製作 -CSS 技巧 ii 滑鼠屬性...11 屬性分類...11 背景屬性...11 定義背景屬性...11 屬性分類...11 網頁 CSS 性質參考資料表...13 字型...13 顏色與背景...13 文字...14 區塊...15 分類...17 定位...18

3 Web Development Part II 網頁樣式製作 -CSS 技巧 1 CSS 概念 CSS 的全名是 [Cascading Style Sheet], 以字面上來解釋就是 [ 連 ( 串 ) 接樣式表 ], 是一種網頁的文字格式設定! CSS 的優勢 通吃瀏覽器 -CSS 樣式表, 不管瀏覽者是使用何種瀏覽器來觀賞網頁皆能表現出網頁獨特的風格, 不像 JavaScript 或 VBScript 語言會因為瀏覽器的不同而產生差異, 不單是市場上使用率最高的 Microsoft Internet Explorer (IE) 與 Netscape Communicator 瀏覽器支援, 甚至許多非主流的瀏覽器, 如 Emacs-W3 Arena... 等, 都有支援解析的能力 特立獨行的風格 - 一個人氣旺盛的網站之所以吸引人就是因為擁有獨一無二的風格! 舉例來說 : 在 CSS 樣式表出現之前, 幾乎所有網頁中的超鏈結文字都會加上底線 (Under Line), 而且並無特色變化, 如果加上 CSS 語法那可就大大不同了! 網路環保 - 在大家全力推廣全民上網的同時, 出現了一個嚴重的危機 [ 網路頻寬不足 ], 一方面是因為上網人口的急速增加造成頻寬不足, 但最大的原因是網頁設計者在網頁設計過程中使用了大量的圖片, 圖片檔的體積大, 在傳輸的過程中消耗了大量的網路資源, 而 CSS 的出現將使這個問題獲得部分紓解,CSS 可使用單純的文字來達到與圖片相同的表現效果! 也就是說 : 一段簡短的文字就可以取代體積龐大的圖片! 不但傳輸速度加快, 同時也獲得與圖片相同的視覺效果 網頁維護容易 - 為了維持特立獨行的網站風格, 同時也為了維持網頁的一致性, 可以建立一個獨立的 CSS 樣式表檔案, 讓我們建立的每一個網頁樣式都能參照此一樣式檔案, 當此一樣式檔案內容改變後, 所有參照此一樣式檔案的網頁外觀也就會全部跟著改觀了, 因此我們不必一一的修改各個網頁來達到網站風格的一致性, 如果維護的網頁只有幾頁, 或許並不會感受到它的便利性, 如果是上百頁甚至數百頁, 就會體會到它所帶來的便利性 隱藏樣式 - 自行設定的樣式, 可在 HTML 程式碼中用 <!-- //--> 隱藏起來, 或另外存於外部的 CSS 檔案裡呼叫出來使用 程式碼比較 無 CSS 程式碼 <html> <head><title> 無 CSS 程式碼網頁 </title></head> <body> <p align="center"><b><font color="#0000ff" size="5"> 天下無難事 </font></b></p> <p><b><i><font color="#ff0000" size="2"> 只怕有心人 </font></i></b></p> </body> </html>

4 Web Development Part II 網頁樣式製作 -CSS 技巧 2 有 CSS 程式碼 <html> <head><title> 有 CSS 程式碼文件 </title> <style type="text/css">.style1 {color: #0000FF; font-weight: bold; font-size: 18px;}.style2 {color: #FF0000; font-style: italic; font-size: 12px; font-weight: bold;} </head> <body> <p class="style1"> 天下無難事 </p> <p class="style2"> 只怕有心人 </p> </body></html> 集體宣告 集體宣告的方法 集體宣告有兩種方法, 第一種就是針對一個標籤, 然後一次設定好幾個樣式性質 第二種就是同時對好幾個標籤設定一樣的樣式性質 針對一個標籤, 然後一次設定好幾個樣式性質 <style type="text/css"> body{font-size:9pt; color:red; background:white} 同時對標籤宣告了 : 字形大小為 9pt 字形顏色為紅色 背景為白色, 這三個樣式性質, 利用分號 ";" 來將之隔開, 這樣才不會無法運作 當然, 若是覺得這樣一列一列的寫出來很浪費空間, 也可以寫成一列, 如下 : <style type="text/css"> body{font-size:9pt; color:red; background:white} 數個標籤同時宣告 <style type="text/css"> h1,h2,td{font-size:12pt; font-color:red; font-family: 標楷體 } 以此例而言, 同時設定了三組標籤 <h1> <h2> <td>, 換言之, 凡是被這三個標籤包起來的, 其文字大小都會變成 12pt 紅色字 並且以標楷體顯示

5 Web Development Part II 網頁樣式製作 -CSS 技巧 3 分項宣告 分項宣告 分項宣告並不是什麼特別的用法, 如下例 : <style type="text/css"> body{font-size:9pt; color:red} body{font-family: 標楷體 ; background:white} 上例中同時對標籤做了兩次宣告, 此即分項宣告 在分項宣告中, 如下情形要特別注意 <style type="text/css"> body{font-size:9pt; font-color:red} body{font-family: 標楷體 ; font-color:blue} 同一個標籤來作分項宣告, 結果裡面的樣式性質有一組竟是一樣的 (font-color 性質一樣, 但是設定值不一樣 ), 其結果是, 後出現的屬性值會蓋過先出現的屬性值, 所以被標籤包起來的文字還是藍色 外部呼叫 外部呼叫的優點 網頁處理速度會快一點, 尤其在很多網頁共用一份 CSS 表時更好用 因為不用每一頁網頁都擺同樣的 CSS 碼, 網頁自然就會瘦一點 輕快一點 可以防止一些電腦程度較低的使用者直接看到 CSS 語法 ( 就是有人不喜歡被看見語法 ), 當然指的是無法直接看到, 而非無法看到, 稍微有點道行的, 要查看 CSS 檔的內容簡直易如反掌 維護方便, 要修改一個 CSS 檔, 不管有幾千篇網頁, 都會以最新修改的版本為準 製做 CSS 檔 首先將原來宣告中的 <style type="text/css"> 拿掉 (CSS 檔裡, 不需這兩個標籤... 因為, 瀏覽器看副檔名是 css 就知道這是一個 css 檔了 ), 然後利用任一文字編輯軟體輸入以下的語法 : body{font-size:9pt} 接著將之存檔, 副檔名存成 css, 例如 my_css.css, 並放置於和網頁同一目錄下, 然後利用任一文字編輯軟體輸入以下的語法 從網頁呼叫 CSS 檔 做好 CSS 檔後, 呼叫的方法如下 :

6 Web Development Part II 網頁樣式製作 -CSS 技巧 4 <head> <title>css 外部呼叫範例 </title> <link rel=stylesheet type="text/css" href="my_css.css"> </head> 單獨使用加入 STYLE 屬性 單獨使用 顧名思義, 就是將 CSS 宣告套用在單獨的一個網頁元件上 ( 任一個文字 圖片 表格... 等, 都是網頁元件 ), 此時,CSS 將不再以一個表來狀態來呈現, 而是利用 style 屬性來加到標籤中 需要 單獨使用 CSS 的原因是 : 比較靈活 例如, 希望讓輸入表單的底色, 不要是白色的, 想將之改成淺綠色, 就需要單獨使用 Style 了 STYLE 屬性 幾乎每個 HTML 標籤都有其各自的屬性, 例如 <p align="center"> 其中的 align 便是標籤 <p> 的 align ( 對齊 ) 屬性, 加上 align 屬性後, 就可以設定段落要置左 置中或置右 相同的,STYLE 也可以當作是一個屬性, 一樣加在標籤之中, 以們上面的問題而言, 其原先的語法應該是這樣 : <input type="text" value=" 淺綠色的底 "> 替這個輸入表單加入 STYLE 屬性, 也就是在 <input> 標籤中加入 style 屬性 : <input type="text" value=" 淺綠色的底 " style="background-color:#ccffcc"> style="*****" 就是把 style 當作屬性的用法, 其後一樣將 CSS 宣告放在 "" 裡面 background-color:#ccffcc 表示 背景顏色 :( 為 )#ccffcc 的意思 基本上, 任何標籤都可以加上 style 屬性 所以不用擔心會有標籤不接受 不過, 單獨針對網頁元件加入 style 屬性雖然非常靈活, 但是, 卻喪失了 CSS 的一個優點, 那就是統一性 所以在使用時, 除非只有部份元件需要單獨的 CSS 格式, 否則, 盡量使用之前介紹的套用方法, 如此, 日後在維護上會比較簡單 自定類別 類別的定義 在 HTML 標籤中, 有個屬性叫做 class, 稱為 類別 屬性, 能夠讓我們在不同的標籤中使用相同的 CSS 設定 舉個例子如下 : 在讀書的時候, 常常會在課本上用紅筆用螢光筆畫畫重點, 如果, 今天在網頁上, 也想將一些比較重要的地方, 用 紅色 粗體字 來呈現, 把上一段拿來畫重點 : <font color="red"><b> 類別 </b></font>

7 Web Development Part II 網頁樣式製作 -CSS 技巧 5 用 CSS 畫重點 若是網頁中有 1000 多個所謂的 重點, 今天突然想把重點通通換成 藍色 的, 那該怎麼辦? 這時, 就請出 CSS 的 自定類別 派上用場 <style type="text/css">.important { color:red ; font-weight:bold } 新原始碼 <font class="important"> 類別 </font> 首先, 在 CSS 表中做一個叫做 important 的類別, 然後利用 class 屬性, 套用在網頁中, 以後若是要將 紅色 改成 藍色, 那麼只要改類別裡的設定就行 自定類別的用法 自定類別方法和一般的 CSS 宣告沒什麼兩樣, 唯一的不同是,CSS 宣告是針對某標籤 ; 而自定類別則不針對某標籤, 而是要自己命名 樣式語法 <style type="text/css">.important { color:red ; font-weight:bold } 以上為例,.important { color:red ; font-weight:bold } 就是自定的類別, 其中的 {} 部份和一般的 CSS 宣告方法一模一樣! 差別就在前面的.important, important 就是自定的名稱, 有了名稱, 才能呼叫 注意! 前面記得在自定名稱前加一個小點., 這樣就完成了自定一個類別! 這個類別可以利用 class 來呼叫並套用到任何標籤中! 文字屬性 文字屬性的設定 文字屬性是可以設定文字的顏色 大小 字型 粗細等等 例如 <style> span.c1 {color:red;position:relative;font-size:12px;font-family:arial;font-weight:700} span.c2 {color:blue} span.c3 {color:green} span.c4 {color:pink} <span class=c1>a</span> <span class=c2>b</span> <span class=c3>c</span> <span class=c4>d</span>

8 Web Development Part II 網頁樣式製作 -CSS 技巧 6 文字顏色 { COLOR } 語法 :{ color: ( color ) } 範例 <style> span.test {color:red} <span class=test>a b c d</span> 文字類別 { FONT } 設定字體樣式 大小寫變化 粗細 大小 文字行列高度 字型 語法 : { font : ( font-style ) ( font-variant ) ( font-weight ) ( font-size ) ( font-family ) / ( line-height ) } 範例 <style> span.test {font:italic bold 細明體 12pt/18pt} <span class=test>a b c d</span> 下載字型 } 語法 :@font-face { font-family : ( font-family ) ; src : url ( url ) } 範例 { font-family : ( 未型 ) ; src : url ( 下載地址 ) } 文字字型 { FONT-FAMILY } 語法 :{ font-family : ( font-name ) ( generic-family ) } 範例 <style> span.test {font-family:"arial black"} <span class=test>a b c d</span> 文字大小 { FONT-SIZE } 設定字體大小 ( 可設單位屬性 : 點 pt 英寸 in 公分 cm 像素 px 百分比 % ) 語法 : { font-size : large medium smaller ( length ) ( percentage ) }

9 Web Development Part II 網頁樣式製作 -CSS 技巧 7 範例 <style> span.test1 {font-size:large} span.test2 {font-size:10pt} span.test3 {font-size:50%} <span class=test>a b c d</span> <span class=test1>e f g h</span> <span class=test2>i j k l</span> 文字樣式 { FONT-STYLE } 設定字體樣式 ( 分為 : 正常 斜體 ) 語法 : { font-style : normal italic } 範例 <style> span.test1 {font-style:italic} <span class=test>a b c d</span> 文字變化 { FONT-VARIANT } 設定字體變化 ( 分為 : 正常 小字體 ) 語法 :{ font-variant : normal small-caps } 範例 <style> span.test1 {font-variant:small-caps} <span class=test>a b c d</span> 文字粗細 { FONT-WEIGHT } 設定字體粗細 ( 分為 : 正常 粗字體 ) 語法 :{ FONT-WEIGHT : NORMAL BOLD } 範例 <style> span.test1 {font-weight:bold}

10 Web Development Part II 網頁樣式製作 -CSS 技巧 8 <span class=test>a b c d</span> 連結屬性 定義連結屬性 以往 HTML 文件裡的超連結文字經過瀏覽器的解譯後都會以加底線的方式來顯現, 並沒有動態的效果, 透過 CSS 之 Anchor Pseudo Classes, 可以將超連結文字的顯現方式做幾種不同的變化 例如 :<A HREF=" 以上的超連結經過在瀏覽器畫面上是以加底線的方式顯示 但如果利用 CSS 之 Anchor Pseudo Classes 則可以做出動態的效果, 其標籤如下 : 記得兩個屬性間以 " ; " 隔開, 詳細屬性值設定請參閱 CSS 常用屬性 ( Properties ) 與設定值一覽表 屬性分類 範例 a:link{color:blue; font-size:9pt; text-decoration:none} a:visited{color:blue; font-size:9pt; text-decoration:none} a:hover{color:red; font-size:9pt; text-decoration:underline} a:active{color:red; font-size:9pt; text-decoration:underline} a:link 是代表普通狀態的連結 a:visited 是代表造訪過的連結 a:hover 是代表滑鼠移到連結 a:active 是代表按下去連結 color 是代表連結顏色 font-size 是代表連結文字大小, 適用 point(pt) 或是 pixels(px) text-decoration 是代表文字樣式,none 代表沒有底線 邊框屬性 定義邊框屬性 : 在 CSS 中, 幾乎所有的元件都可以使用框線設定, 不像 HTML 般, 只有表格才可使用框線 CSS 不但可任意控制框線粗細 顏色, 就連框線的形式都可以設定 屬性分類 BORDER 語法 :{ border : ( border-width ) ( border-style ) ( color ) } ( color ) - 可設為顏色名稱 ( 16 種 ) 或 16 進制表示法 - #rrggbb ( 00 暗 ~ ff 亮 ) #rgb ( 0 暗 ~ f 亮 ) 代表紅綠藍強度

11 Web Development Part II 網頁樣式製作 -CSS 技巧 9 ( border-style ) - 可設無 實線 雙線 溝線 脊線 嵌入線 浮出線 ( border-width ) - 可設薄 普通 厚 長度 - 單位屬性 : 點 pt 英寸 in 公分 cm 像素 px border-color: 設定邊框顏色, 可設為顏色名稱 ( 16 種 ) 或 16 進制表示法 - #rrggbb ( 00 暗 ~ ff 亮 ) #rgb ( 0 暗 ~ f 亮 ) 代表紅綠藍強度語法 :{ border-color : ( color ) } border-style: 設定邊框樣式 ( 可設無 實線 雙線 溝線 脊線 嵌入線 浮出線 ) 語法 :{ border-style : none solid double groove ridge inset outset } border-width: 設定邊框寬度 ( 可設薄 普通 厚 長度 - 單位屬性 : 點 pt 英寸 in 公分 cm 像素 px ) 語法 :{ border-width : thin medium thick ( length ) } border-top: 設定上邊框語法 :{ border-top : ( border-top-width ) ( border-style ) ( color ) } border-top-color: 設定上邊框顏色, 可設為顏色名稱 ( 16 種 ) 或 16 進制表示法 - #rrggbb ( 00 暗 ~ ff 亮 ) #rgb ( 0 暗 ~ f 亮 ) 代表紅綠藍強度語法 :{ border-top-color : ( color ) } border-top-style: 設定上邊框樣式 ( 可設無 實線 雙線 溝線 脊線 嵌入線 浮出線 ) 語法 :{ border-top-style : none solid double groove ridge inset outset } border-top-width: 設定上邊框寬度 ( 可設薄 普通 厚 長度 - 單位屬性 : 點 pt 英寸 in 公分 cm 像素 px ) 語法 :{ border-top-width : thin medium thick ( length ) } border-right: 設定右邊框語法 :{ border-right : ( border-right-width ) ( border-style ) ( color ) } border-right-color: 設定右邊框顏色, 可設為顏色名稱 ( 16 種 ) 或 16 進制表示法 - #rrggbb ( 00 暗 ~ ff 亮 ) #rgb ( 0 暗 ~ f 亮 ) 代表紅綠藍強度語法 :{ border-right-color : ( color ) } border-right-style: 設定右邊框樣式 ( 可設無 實線 雙線 溝線 脊線 嵌入線 浮出線 ) 語法 :{ border-right-style : none solid double groove ridge inset outset } border-right-width: 設定右邊框寬度 ( 可設薄 普通 厚 長度 - 單位屬性 : 點 pt 英寸 in 公分 cm 像素 px ) 語法 :{ border-right-width : thin medium thick ( length ) } border-bottom: 設定下邊框語法 :{ border-bottom : ( border-bottom-width ) ( border-style ) ( color ) } border-bottom-color: 設定下邊框顏色, 可設為顏色名稱 ( 16 種 ) 或 16 進制表示法 - #rrggbb ( 00 暗 ~ ff 亮 ) #rgb ( 0 暗 ~ f 亮 ) 代表紅綠藍強度

12 Web Development Part II 網頁樣式製作 -CSS 技巧 10 語法 :{ border-bottom-color : ( color ) } border-bottom-style: 設定下邊框樣式 ( 可設無 實線 雙線 溝線 脊線 嵌入線 浮出線 ) 語法 :{ border-bottom-style : none solid double groove ridge inset outset } border-bottom-width: 設定下邊框寬度 ( 可設薄 普通 厚 長度 - 單位屬性 : 點 pt 英寸 in 公分 cm 像素 px ) 語法 :{ border-bottom-width : thin medium thick ( length ) } border-left: 設定左邊框語法 :{ border-left : ( border-left-width ) ( border-style ) ( color ) } border-left-color: 設定左邊框顏色, 可設為顏色名稱 ( 16 種 ) 或 16 進制表示法 - #rrggbb ( 00 暗 ~ ff 亮 ) #rgb ( 0 暗 ~ f 亮 ) 代表紅綠藍強度語法 :{ border-left-color : ( color ) } border-left-style: 設定左邊框樣式 ( 可設無 實線 雙線 溝線 脊線 嵌入線 浮出線 ) 語法 :{ border-left-style : none solid double groove ridge inset outset } border-left-width: 設定左邊框寬度 ( 可設薄 普通 厚 長度 - 單位屬性 : 點 pt 英寸 in 公分 cm 像素 px ) 語法 :{ border-left-width : thin medium thick ( length ) } 段落屬性 定義段落屬性 利用這些設定可以輕易的控制字距 行高 縮排 凸排 水平對齊 垂直對齊等 這些性質對網頁設計的排版非常有用! 屬性分類 letter-spacing: 設定文字間隙 ( 可設單位屬性 : 點 pt 英寸 in 公分 cm 像素 px ) 語法 :{ letter-spacing : normal ( length ) } line-height: 設定文字行列高度 ( 可設單位屬性 : 點 pt 英寸 in 公分 cm 像素 px 百分比 % ) 語法 :{ line-height : normal ( number ) ( length ) ( percentage ) } text-align: 設定調整文字 ( 可設左邊 右邊 置中 整齊 ) 語法 :{ text-align : left right center justify } text-decoration: 設定文字裝飾 ( 分為 : 無 加底線 加橫線 加頂線 ) 語法 :{ text-decoration : none underline line-through overline } text-indent: 設定文字縮排 ( 可設單位屬性 : 點 pt 英寸 in 公分 cm 像素 px 百分比 %) 語法 :{ text-indent : ( length ) ( percentage ) } text-transform: 設定文字改變 ( 可設無 第一個字母大寫 大寫 小寫 )

13 Web Development Part II 網頁樣式製作 -CSS 技巧 11 語法 :{ text-transform : none capitalize uppercase lowercase } 滑鼠屬性 滑鼠屬性 可以設定滑鼠游標有很多類形可以使用 ( 十字 箭頭 手形 移動 雙箭頭 文字 等待 求助等等 ) 屬性分類 NO 語法 顯示 NO 語法 顯示 01 cursor : n-resize 指北箭頭 02 cursor : s-resize 指南箭頭 03 cursor : w-resize 指西箭頭 04 cursor : e-resize 指東箭頭 05 cursor : sw-resize 指西南箭頭 06 cursor : se-resize 指東南箭頭 07 cursor : ne-resize 指東北箭頭 08 cursor : nw-resize 指西北箭頭 09 cursor : hand 手形符號 10 cursor : move 十字箭頭 11 cursor : help 問號箭頭 12 cursor : text 工字符號 13 cursor : wait 漏斗符號 14 cursor : crosshair 十字符號 15 cursor : default 一般箭頭 16 cursor : url(mycursor.cur) 自定游標 背景屬性 定義背景屬性 背景性質設定可說是 CSS 最強悍的地方, 有了這些 CSS, 甚至可以在一段文字, 或一格表格中, 套用不同的背景 屬性分類 background: 設定背景圖片 顏色 混合 透空 捲動 位置 重複語法 :{ background : transparent ( scroll ) ( color ) url ( url ) ( position ) ( repeat ) } background-attachment: 設定背景圖片是否捲動 ( 分為 : 捲動 固定 ) 語法 :{ background-attachment : scroll fixed } background-color: 設定背景顏色 透明語法 :{ background-color : transparent ( color ) } ( color ) 可為顏色名稱或 16 進制表示法 - #rrggbb ( 00 暗 ~ ff 亮 ) #rgb ( 0 暗 ~ f 亮 ) 代表紅綠藍強度 background: 設定背景圖片 顏色 混合 透空 捲動 位置 重複語法 :{ background : transparent ( scroll ) ( color ) url ( url ) ( position ) ( repeat ) } background-position: 設定背景位置 ( 可設單位屬性 : 點 pt 英寸 in 公分 cm

14 Web Development Part II 網頁樣式製作 -CSS 技巧 12 像素 px 百分比 % ) 語法 :{ background-position : top middle bottom left center right ( length ) ( position ) } background-repeat: 設定背景重複填滿方式語法 : { background-repeat : repeat repeat-x repeat-y no-repeat }

15 Web Development Part II 網頁樣式製作 -CSS 技巧 13 附錄 - 網頁 CSS 性質參考資料表 參考連結 字型 性質名稱 可用值 作用範圍 是否可繼承 % 百分比 font-family [[<family-name> <generic-family>],]* [<family-name> <generic-family>] 預設值 : 依瀏覽器而定 font-style normal italic oblique 所有元素是不可使用 所有元素是不可使用 font-variant normal small-caps 所有元素是不可使用 font-weight normal bold bolder lighter font-size <absolute-size> <relative-size> <length> 預設值 :medium font ( 簡寫性質 ) [<font-style> <font-variant> <font-weight>]? <font-size> [/<line-height>]? <font-family> 預設值 : 未定義 所有元素是不可使用 所有元素 是 相對於親元 素的字形尺 寸 所有元素 是 可使用在 <font-size> 與 <line-height> 兩部分 顏色與背景 性質名稱 可用值 作用範圍 是否可繼承 % 百分比 color <color> 預設值 : 依瀏覽器而定 所有元素是不可使用 background-color transparent 所有元素否不可使用

16 Web Development Part II 網頁樣式製作 -CSS 技巧 14 <color> background-image none <url> background-repeat repeat repeat-x repeat-y no-repeat background-attachme scroll fixed nt background-position [ <length>]{1,2} [top center 區塊等級與替代元素 否 相對於該元素本身的尺寸大小 bottom] [left center right] 預設值 :0% 0% background ( 簡寫性質 ) <background-colo r> <background-ima ge> <background-rep eat> <background-atta chment> <background-posi tion> 預設值 : 未定義 所有元素 否 可使用在 <background - position> 文字性質名稱 可用值 作用範圍 是否可繼承 % 百分比 word-spacing normal <length> 所有元素 是 不可使用 letter-spacing normal <length> 所有元素 是 不可使用 text-decoration none [underline overline line-through blink] 預設值 :none 所有元素否不可使用 vertical-align baseline sub super top 行內元素 否 相對於該元 text-top middle bottom text-bottom 素本身的行高 text-transform none capitalize 所有元素 是 不可使用

17 Web Development Part II 網頁樣式製作 -CSS 技巧 15 uppercase lowercase text-align left right center justify 區塊等級元素是 不可使用 預設值 : 依瀏覽器而定 text-indent <length> 區塊等級元素是 相對於親元 預設值 :0 素的寬度 line-height normal <number> <length> 所有元素 是 相對於該元 素本身的字 型尺寸大小 區塊 性質名稱 可用值 作用範圍 是否可繼承 % 百分比 margin-top <length> auto 預設值 :0 margin-right <length> auto 預設值 :0 margin-bottom <length> auto 預設值 :0 margin-left <length> auto 預設值 :0 margin ( 簡寫性質 ) [<length> auto]{1,4} 預設值 : 未定義 padding-top <length> 預設值 :0 padding-right <length> 預設值 :0 padding-bottom <length> 預設值 :0 padding-left <length> 所有元素 否 相對於親 元素的寬 度 所有元素 否 相對於親 元素的寬 度 所有元素 否 相對於親 元素的寬 度 所有元素 否 相對於親 元素的寬 度 所有元素 否 相對於親 元素的寬 度 所有元素 否 相對於親 元素的寬 度 所有元素 否 相對於親 元素的寬 度 所有元素 否 相對於親 元素的寬 度 所有元素 否 相對於親 元素的寬

18 Web Development Part II 網頁樣式製作 -CSS 技巧 16 預設值 :0 padding [<length> ]{1,4} 預設值 :0 border-top-width medium thin thick <length> border-right-width medium thin thick <length> border-bottom-width medium thin thick <length> border-left-width medium thin thick <length> border-width [thin medium thick ( 簡寫性質 ) <length>]{1,4} 預設值 : 未定義 border-color <color>{1,4} 預設值 : color 性質的值 border-style none dotted dashed solid double groove ridge inset outset border-top <border-top-width> ( 簡寫性質 ) <border-style> <color> 預設值 : 未定義 border-right <border-right-width> ( 簡寫性質 ) <border-style> <color> 預設值 : 未定義 border-bottom <border-bottom-width> ( 簡寫性質 ) <border-style> <color> 預設值 : 未定義 border-left <border-left-width> ( 簡寫性質 ) <border-style> <color> 預設值 : 未定義 度 所有元素 否 相對於親 元素的寬 度

19 Web Development Part II 網頁樣式製作 -CSS 技巧 17 border <border-width> ( 簡寫性質 ) <border-style> <color> 預設值 : 未定義 width auto <length> 區塊等級與替代元素 否 相對於親元素的寬度 height auto <length> 區塊等級 否 不可使用 與替代元素 float none left right clear none left right both 分類性質名稱 可用值 作用範圍 是否可繼承 % 百分比 display block inline list-item none white-space normal pre nowrap 區塊等級元素是 不可使用 list-style-type disc circle square 所有 是 不可使用 decimal lower-roman display 性 upper-roman lower-alpha upper-alpha none 質的值是 list-item 的元素 list-style-image none <url> 所有 display 性質的值是 list-item 的元素 是 不可使用 list-style-position outside inside 所有 display 性質的值是 list-item 的元素 是 不可使用 list-style <keyword> 所有 是 不可使用 ( 簡寫性質 ) <position> <url> display 性 預設值 : 未定義 質的值是 list-item 的

20 Web Development Part II 網頁樣式製作 -CSS 技巧 18 元素 定位 性質名稱 可用值 作用範圍 是否可繼承 % 百分比 position static absolute relative left auto <length> 所有 否 相對於親元 position 性 素的寬度與 質的值是 高度 如果親 absolute 元素的高度 或者 的值是 relative 的 auto, 則 元素 百分比型式 的值視為未 定義 top auto <length> 所有否 position 性質的值是 absolute 或者 relative 的元素 相對於親元素的寬度與高度 如果親元素的高度的值是 auto, 則百分比型式的值視為未定義 z-index auto <integer> 所有可定位的否 元素 不可使用 width auto <length> height auto <length> 區塊等級與替否代元素, 以及所有 position 性質的值是 absolute 的元素區塊等級與替否代元素, 以及 相對於親元素的寬度與高度 如果親元素的高度的值是 auto, 則百分比型式的值視為未定義相對於親元素的寬度與

21 Web Development Part II 網頁樣式製作 -CSS 技巧 19 所有 position 性質的值是 absolute 的元素 clip auto <shape> 所有 否 position 性 質的值是 absolute 的元素 overflow visible hidden scroll 所有 否 auto position 性 質的值是 absolute 的元素 高度 如果親元素的高度的值是 auto, 則百分比型式的值視為未定義不可使用不可使用 visibility inherit visible hidden 所有元素 如果此性質不可使用的值是 inherit, 便繼承親元素的值, 否則此性質沒有可繼承性

投影片 1

投影片 1 CSS 的運用 Speaker:Kevin Yang Date:2007/3/10 何謂 CSS CSS 的全名是 Cascading Style Sheets( 串接樣式表 ) CSS 是用來延伸 html 而非取代 htnl, 是用來補 html 的不足 CSS 的特點 加快網頁傳輸的速度 : 減少圖檔的使用, 便可以達到文字變化的需求 集中管理樣式 : 當修改時只需針對樣式修改即可 共享樣式設定

More information

5-1 nav css 5-2

5-1 nav css 5-2 5 HTML CSS HTML CSS Ê Ê Ê Ê 5-1 nav css 5-2 5-1 5 5-1-1 5-01 css images 01 index.html 02 5-3 style.css css 03 CH5/5-01/images 04 images index.html style.css 05

More information

CSS教學

CSS教學 講師 : 張秀山 CSS 說明 CSS 是 Cascading Style Sheets 的縮寫,Cascading 是串接 連接之意 ;Style 則是風格 款式之意 ; Sheets 則是一頁紙 表的意思 所以呢, 要以中文來解釋 CSS 的話呢, 您可以稱之為 串接樣式表 CSS 放在那裡? 網頁內 CSS 語法放在 之間! CSS 放在那裡?css 檔案 寫在一個

More information

CSS

CSS CSS 吳錦昂老師整理 CSS 是什麼 CSS 的全名為 Cascading Style Sheets W3C 所制訂的標準 可以將資料層及顯示層分開 HTML 文件就只包括資料 ( 資料層 ) CSS 則是告訴瀏覽器這些資料應該要如何顯現出來 ( 顯示層 ) 目的是為了對標記語言例如 XHTML 及 HTML 之類的提供一個顯示層 學會 CSS 可以自由的變化自己部落格的樣式 CSS 語法 選擇器

More information

A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ / ] NotePad A-2

A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ / ] NotePad A-2 HTML A-1 HTML A-2 A-2 HTML A-8 A-3 A-14 A-4 A-26 A-5 A-30 A-6 A-42 A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ /

More information

F477

F477 FrontPage & Flash 連 CSIE, NTU September 15, 2007 Outline September 15, 2007 Page 2 連 FrontPage September 15, 2007 Page 3 連 FTP Email FrontPage HTML tag September 15, 2007 Page 4 連 September

More information

week06.key

week06.key 基礎網 頁設計 第六週 老師 : 蔡孟珂 大綱 HTML 標籤屬性 DOM(Document Object Model) 文件物件模型 樹的概念 CSS 撰寫與常 用語法 HTML 標籤屬性 id 唯 一值 同 一份 html 中, 標籤裡不能有重複的 id 名稱 頁底資訊 1 連結

More information

Chapter V.S. PC

Chapter V.S. PC Chapter 14 14-1 V.S. PC 14-2 14-3 14-4 14-1 V.S. PC PC PC Yahoo! PC (https://tw.yahoo.com/) Yahoo! (https:// tw.mobi.yahoo.com/) Yahoo! a b a PC b PC PC Flash HTML5 CSS3 PC 14-2 14-3 PC PC Yahoo! PC https://tw.yahoo.com/

More information

p.2 1 <HTML> 2 3 <HEAD> 4 <TITLE> </TITLE> 5 </HEAD> 6 7 <BODY> 8 <H3><B> </B></H3> 9 <H4><I> </I></H4> 10 </BODY> </HTML> 1. HTML 1. 2.

p.2 1 <HTML> 2 3 <HEAD> 4 <TITLE> </TITLE> 5 </HEAD> 6 7 <BODY> 8 <H3><B> </B></H3> 9 <H4><I> </I></H4> 10 </BODY> </HTML> 1. HTML 1. 2. 2005-06 p.1 HTML HyperText Mark-up Language 1. HTML Logo, Pascal, C++, Java HTML 2. HTML (tag) 3. HTML 4. HTML 1. HTML 2. 3. FTP HTML HTML html 1. html html html cutehtmleasyhtml 2. wyswyg (What you see

More information

Chapter 位元素04 定放棄在網頁版面中使用表格, 是 Web 標準的關鍵之一 其實表格使用的目的不在此, 它應該是用來顯示格狀資料, 就如同 Excel 的工作表一樣 不過, 在 CSS 發展以前, 我們習慣用表格來建立一個有格狀的網頁, 讓元素有組織的排列在上, 而且使用一些像間隔圖片 (

Chapter 位元素04 定放棄在網頁版面中使用表格, 是 Web 標準的關鍵之一 其實表格使用的目的不在此, 它應該是用來顯示格狀資料, 就如同 Excel 的工作表一樣 不過, 在 CSS 發展以前, 我們習慣用表格來建立一個有格狀的網頁, 讓元素有組織的排列在上, 而且使用一些像間隔圖片 ( Stylin with CSS a Designer s Guide 2/e Chapter 位元素04 定放棄在網頁版面中使用表格, 是 Web 標準的關鍵之一 其實表格使用的目的不在此, 它應該是用來顯示格狀資料, 就如同 Excel 的工作表一樣 不過, 在 CSS 發展以前, 我們習慣用表格來建立一個有格狀的網頁, 讓元素有組織的排列在上, 而且使用一些像間隔圖片 (spacer GIF)

More information

XHTML width/height bdo a code href object charset codebase hreflang archive lang type alt dir name name xml:lang rel/rev align shape/coords hspace/vsp

XHTML width/height bdo a code href object charset codebase hreflang archive lang type alt dir name name xml:lang rel/rev align shape/coords hspace/vsp XHTML CSS CSS CSS DOCTYPE Switch XHTML width/height bdo a code href object charset codebase hreflang archive lang type alt dir name name xml:lang rel/rev align shape/coords hspace/vspace big tabindex accesskey

More information

Microsoft PowerPoint - ch16_1.ppt

Microsoft PowerPoint - ch16_1.ppt CSS 16-1 認識 CSS CSS (Cascading Style Sheets, 串接樣式表 ) 是由 W3C 所提出, 主要的用途是控制網頁的外觀 最早的版本是 W3C 於 1996 年公布的 CSS 1, 接著 W3C 於 1998 年公布 CSS 2, 之後 W3C 於 2002 年公布 CSS 2.1 如果您想進一步瞭解 CSS, 可以參考 W3C 的 CSS 首頁 http://www.w3.org/style/css/

More information

HTML5 & CSS3 色彩 背景與漸層屬性 12-1 (color property) CSS 3 color HTML opacity HTML CSS Color Module Level 3 W3C CSS

HTML5 & CSS3 色彩 背景與漸層屬性 12-1 (color property) CSS 3 color HTML opacity HTML CSS Color Module Level 3 W3C CSS 12 Chapter 12-1 12-2 12-3 HTML5 & CSS3 色彩 背景與漸層屬性 12-1 (color property) CSS 3 color HTML opacity HTML CSS Color Module Level 3 W3C CSS 3 http://www.w3.org/tr/css3-color/ 12-1-1 color ( ) (foreground color)

More information

bootstrap - 2

bootstrap - 2 RITA TEACHING Bootstra p ENTER bootstrap - 2 bootstrap - 3 bootstrap 101 Template

More information

CU0594.pdf

CU0594.pdf 8 SOHO 1 3 003 SOHO SOHO Coder Programmer HTML CSS PHP JavaScrip 009 LECTURE 1-1 1 048 PART 2 LECTURE 1-1 1 049 SOHO Landing Page Landing 050 PART 2 LECTURE 1-1 1 SEO SEO P.093 SEO SEO SEO SEO SEO 051

More information

CSS样式表

CSS样式表 CSS 样 式 表 教 学 重 点 : CSS 样 式 表 基 础 知 识 CSS 样 式 的 分 类 CSS 样 式 的 链 接 添 加 CSS 样 式 的 其 它 相 关 知 识 教 学 难 点 : 如 上 一.CSS 样 式 表 基 础 Css 和 HTML 都 是 一 种 标 示 语 言 Html 用 来 表 现 网 页 文 件 的 内 容 和 结 构, 而 CSS 来 决 定 用 什 么

More information

05 01 accordion UI containers 03 Accordion accordion UI accordion 54

05 01 accordion UI containers 03 Accordion accordion UI accordion 54 jquery UI plugin Accordion 05 01 accordion UI containers 03 Accordion accordion UI accordion 54 05 jquery UI plugin 3-1

More information

ebook37-4

ebook37-4 4 4.1 H T M L F r o n t P a g e i m a g e m a p H T M L We b We b 4.1.1 We b We b We b We b 4.1.2 We b 4 35 4.1.3 4-1 G I F 4-2 36 4-1 ( 4-2 ) 4.1.4 We b We b 4-3 4-3 4 37 Ly n x 4-4 4-4 4.1.5 We b We

More information

F477

F477 FrontPage & Flash 連 CSIE, NTU September 15, 2007 Outline September 15, 2007 Page 2 F477 September 15, 2007 Page 3 September 15, 2007 Page 4 September 15, 2007 Page 5 連 September 15, 2007 Page 6 連 September

More information

Microsoft Word - 改版式网页全文.doc

Microsoft Word - 改版式网页全文.doc 第 4 章 Dreamweaver CS3 高 级 篇 4.1 表 单 概 述 表 单 是 用 来 收 集 浏 览 者 的 用 户 名 密 码 E-mail 地 址 个 人 爱 好 和 联 系 地 址 等 用 户 信 息 的 输 入 区 域 集 合 浏 览 者 填 写 表 单 的 方 式 一 般 是 输 入 文 本 选 择 单 选 按 钮 或 复 选 框 以 及 从 下 拉 列 表 框 中 选 择

More information

<img>

<img> 04 圖片 4-1 4-2 4-3 4-4 網頁程式設計 4-1 網頁多媒體 Flash Java Applets HTML 8 4-1-1 圖片 JPEG Joint Photographic Experts Group 非失真模式 (lossless) 基本模式 (baseline standard) 1 2 12 JPEG 6 JPEG.jpg.jpe.jpeg GIF (graphic

More information

關於本書 Part 3 CSS XHTML Ajax Part 4 HTML 5 API JavaScript HTML 5 API Canvas API ( ) Video/Audio API ( ) Drag and Drop API ( ) Geolocation API ( ) Part 5

關於本書 Part 3 CSS XHTML Ajax Part 4 HTML 5 API JavaScript HTML 5 API Canvas API ( ) Video/Audio API ( ) Drag and Drop API ( ) Geolocation API ( ) Part 5 網頁程式設計 HTML JavaScript CSS HTML JavaScript CSS HTML 5 JavaScript JavaScript HTML 5 API CSS CSS Part 1 HTML HTML 5 API HTML 5 Apple QuickTime Adobe Flash RealPlayer Ajax XMLHttpRequest HTML 4.01 HTML 5

More information

互動網頁技術系列課程 HTML與CSS網站基礎設計 [12pt]

互動網頁技術系列課程 HTML與CSS網站基礎設計 [12pt] HTML CSS / 2011 HTML CSS 1/ 47 1 2 HTML 3 4 HTML 5 5 : CSS 6 CSS 7 HTML CSS 2/ 47 HTML CSS 3/ 47 ( BOM) UTF-8 Notepad++ (Winodws), Fraise/Smultron (Mac), VIM ( ) HTML CSS 4/ 47 UTF-8? UTF-8 (unicode),

More information

輕鬆學 Dreamweaver CS5 網頁設計..\Example\Ch0\ \.html..\example\ch0\ \mouse.txt..\example\ch0\ \ _Ok.html 學習重點 JavaScript 複製程式碼 mouse.txt Ctrl+C Ctrl+C 0-4

輕鬆學 Dreamweaver CS5 網頁設計..\Example\Ch0\ \.html..\example\ch0\ \mouse.txt..\example\ch0\ \ _Ok.html 學習重點 JavaScript 複製程式碼 mouse.txt Ctrl+C Ctrl+C 0-4 JAVA Extension 0..\Example\Ch0\ \ T.html..\Example\Ch0\ \ T.txt T.txt..\Example\Ch0\ \ T_Ok.html 提示 :. Marquee Marquee Font Color #FFFFFF BG Color #867bf Width 90 Height 50. T.txt Ctrl+C your scrolling

More information

投影片 1

投影片 1 Introduction to CSS Cascading Style Sheets 網頁設計 / 林金祥 Webpage Design/ by Chin-Hsiang Lin 網頁設計概念 java, asp: CSS: 特殊功能 式樣設計 HTML: 文字 圖像內容 Webpage Design/ by Chin-Hsiang Lin 2 CSS:Fly! My Webpage! CSS: Cascading

More information

大漠 伪前端, 就职于淘宝

大漠 伪前端, 就职于淘宝 CSS Grid Layout 2016-12-17 @ 大漠. #CSSConf https://www.flickr.com/photos/19139526@n00/8331063530/ 大漠 伪前端, 就职于淘宝 古老的 table 布局 现代 Web 布局 Float inline-block display: table position (absolute 或 relative)

More information

Microsoft PowerPoint - chap10.ppt

Microsoft PowerPoint - chap10.ppt 第 10 章其他標籤 資科系林偉川 走馬燈 2 1 走馬燈 n3 表示走馬燈重複次數 -1 INFINITE 表示無限次重複

More information

css-03.pdf

css-03.pdf 3 71 7 2 r e d p u r p l e H1 {color: maroon;} H1 {color: gray;} H2 {color: silver;} H3 {color: black;} 7 3 H1 {color: orange;} H 1 o r a n g e 7 4 o r a n g e RGB rgb(100%,100%,100%) 7 5 0 % H1 {color:

More information

untitled

untitled .Net ADF ArcGIS Server ESRI ( ) .NET (ADF.NET) ADF.NET Web Controls Demo .NET (ADF.NET) ADF.NET ArcGIS Web C# and VB.NET Web Server Page Layout, Map, TOC, Overview Map ArcGIS Server.NET ? GIS web ArcGIS

More information

關於本書 l 3 PhoneGap Appcelerator Titanium Sencha Touch (wrapper framework) Native App PhoneGap Build Native App Hybrid App Java Objective-C Android SDK

關於本書 l 3 PhoneGap Appcelerator Titanium Sencha Touch (wrapper framework) Native App PhoneGap Build Native App Hybrid App Java Objective-C Android SDK 2 l 跨裝置網頁設計 Android ios Windows 8 BlackBerry OS Android HTML 5 HTML 5 HTML 4.01 HTML 5 CSS 3 CSS 3 CSS 2.01 CSS 3 2D/3D PC JavaScript

More information

网 页 设 计 实 训 教 程 1.4 实 现 过 程 任 务 1: 制 作 诗 词 欣 赏 页 面 步 骤 1: 打 开 编 辑 环 境, 创 建 HTML 文 档 1 1.html, 保 存 到 指 定 位 置, 在 文 档 中 输 入 HTML 文 档 的 基 本 结 构, 代 码 如 下 :

网 页 设 计 实 训 教 程 1.4 实 现 过 程 任 务 1: 制 作 诗 词 欣 赏 页 面 步 骤 1: 打 开 编 辑 环 境, 创 建 HTML 文 档 1 1.html, 保 存 到 指 定 位 置, 在 文 档 中 输 入 HTML 文 档 的 基 本 结 构, 代 码 如 下 : 实 训 一 实 训 一 制 作 诗 词 欣 赏 页 面 1.1 实 训 目 标 了 解 HTML 网 页 基 本 语 法 和 结 构 了 解 HTML 基 本 元 素 掌 握 对 网 页 中 文 字 格 式 化 的 方 法 掌 握 对 网 页 中 段 落 格 式 化 的 方 法 1.2 实 训 内 容 文 字 是 网 页 的 基 础 部 分, 具 体 内 容 包 括 浏 览 器 中 要 显 示 的

More information

WordPress OSSF OSSF is Seeking Software Freedom 1 blog WordPress WordPress WordPress WordPress 2 WordPress WordPress is a state-of-the-art semantic pe

WordPress OSSF OSSF is Seeking Software Freedom 1 blog WordPress WordPress WordPress WordPress 2 WordPress WordPress is a state-of-the-art semantic pe WordPress OSSF OSSF is Seeking Software Freedom 1 blog WordPress WordPress WordPress WordPress 2 WordPress WordPress is a state-of-the-art semantic personal publishing platform aesthetics web standards

More information

1. 2. Flex Adobe 3.

1. 2. Flex Adobe 3. 1. 2. Flex Adobe 3. Flex Adobe Flex Flex Web Flex Flex Flex Adobe Flash Player 9 /rich Internet applications/ria Flex 1. 2. 3. 4. 5. 6. SWF Flash Player Flex 1. Flex framework Adobe Flex 2 framework RIA

More information

(CIP) Web /,. :,2005. 1 ISBN 7 81058 782 X.W............T P393.4 CIP (2004) 118797 Web ( 99 200436) ( http:/ / www.shangdapress.com 66135110) : * 787

(CIP) Web /,. :,2005. 1 ISBN 7 81058 782 X.W............T P393.4 CIP (2004) 118797 Web ( 99 200436) ( http:/ / www.shangdapress.com 66135110) : * 787 Web (CIP) Web /,. :,2005. 1 ISBN 7 81058 782 X.W............T P393.4 CIP (2004) 118797 Web ( 99 200436) ( http:/ / www.shangdapress.com 66135110) : * 787 1092 1/ 16 30.75 748 2005 1 1 2005 1 1 : 1 3 100

More information

! 2000 CSSsprites.com Web FTP app 20% 80% getelementbyid() UI Facebook F8 Web CSSsprites.com Web JavaScript CSS React xi React UI UI 反應 UI 宣告 d

! 2000 CSSsprites.com Web FTP app 20% 80% getelementbyid() UI Facebook F8 Web CSSsprites.com Web JavaScript CSS React xi React UI UI 反應 UI 宣告 d ! 2000 CSSsprites.com Web FTP app 20% 80% getelementbyid() UI Facebook 2015 3 F8 Web CSSsprites.com Web JavaScript CSS React xi React UI UI 反應 UI 宣告 declare 元件 DOM state JavaScript xi React Web ios Android

More information

Ch6. Page Navigation Steps 例題 Ch7. Managed-Bean What are bean? Steps in Using JSF A Simple Exa

Ch6. Page Navigation Steps 例題 Ch7. Managed-Bean What are bean? Steps in Using JSF A Simple Exa 目錄 Phase 1. 基本安裝... 3 Ch1. 安裝 Jboss Studio Developer... 3 Ch2. 安裝 Application Server... 3 2.1 Request Files:... 3 2.2 Install Jboss Epp Server... 3 2.3 Add server to Jboss Developer Studio... 4 Ch3. Create

More information

Microsoft Word - diy_chi.doc

Microsoft Word - diy_chi.doc 目 录 1. DIY 网 页 功 能 设 定... 1 1.1. 更 改 密 码 功 能... 2 1.2. 选 择 的 语 言 版 本... 2 1.3. 联 络 电 邮... 2 1.4. 网 页 名 称 ( 英 文 版 )... 2 1.5. 网 页 介 绍 ( 英 文 版 )... 2 1.6. 网 页 Keywords( 英 文 版 )... 2 1.7. 查 询 表 格 ( 英 文 版

More information

ebook111-4

ebook111-4 Flash 4 Flash 4 F l a s h 5 Flash 4 Flash Flash 4 Flash 4 Flash 4 4.1 Flash 4 Flash 4 Flash 4 Flash Flash 4 Flash 4 4.2 Flash 4 Flash 4 A Flash 4 S h i f t F i l e P r e f e r e n c e s > > Flash 4 Flash

More information

RUN_PC連載_10_.doc

RUN_PC連載_10_.doc PowerBuilder 8 (10) Jaguar CTS ASP Jaguar CTS PowerDynamo Jaguar CTS Microsoft ASP (Active Server Pages) ASP Jaguar CTS ASP Jaguar CTS ASP Jaguar CTS ASP Jaguar CTS ASP Jaguar CTS ASP Jaguar Server ASP

More information

week04.key

week04.key 基礎網 頁設計 第四週 老師 : 蔡承洋 大綱 HTML 的圖片使 用 HTML5 播放 音樂 影片 網站加上 favicon DOM(Document Object Model) 文件物件模型 樹的概念念 開始來來寫 CSS CSS 常 用屬性 HTML 的圖片使 用 html 使 用 img 標籤顯 示圖片 圖片格式有 jpg : 不需 用到透明底, 檔案容量量 小 png: 可有透明底, 但檔案較

More information

A-2 l 跨裝置網頁設計 A-1 <frameset> <frame> <noframes> (frame) HTML (navigation bar)

A-2 l 跨裝置網頁設計 A-1 <frameset> <frame> <noframes> (frame) HTML (navigation bar) AppendixA HTML A-1 A-2 A-3 A-2 l 跨裝置網頁設計 A-1 (frame) HTML (navigation bar) HTML 框架元素 l A-3 1. 2. 3. 4.

More information

Microsoft Word - 最新正文.doc

Microsoft Word - 最新正文.doc 2 2 Web 2.0 Ajax StarTrackr! GPS RFID jquery JavaScript StarTrackr! JavaScript jquery 1 jquery jquery jquery JavaScript HTML jquery JavaScript jquery jquery jquery $(document).ready()! jquery jquery (document)

More information

Text 文字输入功能 , 使用者可自行定义文字 高度, 旋转角度 , 行距 , 字间距离 和 倾斜角度。

Text 文字输入功能 , 使用者可自行定义文字  高度, 旋转角度 , 行距 , 字间距离 和 倾斜角度。 GerbTool Wise Software Solution, Inc. File New OPEN CLOSE Merge SAVE SAVE AS Page Setup Print Print PreView Print setup (,, IMPORT Gerber Wizard Gerber,Aperture Gerber Gerber, RS-274-D, RS-274-X, Fire9000

More information

margin border padding content 圖 1 CSS 盒子的概念 下列為 margin 常用的屬性 :( 7-1.html).margin-top ( 上邊界 ).margin-bottom ( 下邊界 ).margin-left ( 左邊界 ).margin-right (

margin border padding content 圖 1 CSS 盒子的概念 下列為 margin 常用的屬性 :( 7-1.html).margin-top ( 上邊界 ).margin-bottom ( 下邊界 ).margin-left ( 左邊界 ).margin-right ( 第七單元常用 CSS 設定 7.0 單元教學目標利用 CSS 美化 HTML 文件. 版面配置. 字體設定. 文字設定. 背景設定. 項目清單設定. 超連結設定. 表格設定 7.1 基本概論本章節主要介紹如何利用 CSS 美化 HTML 文件, 內容介紹是依一般從無到有建立網頁時我們所常碰到的需求, 從最基本的 版面配置 一直到 表格設定 為止, 為讓學習上更有效率縮短語法摸索時間, 本章以範例方式逐一說明常用

More information

Microsoft PowerPoint - 03CSS

Microsoft PowerPoint - 03CSS Web 应用基础 CSS Software School p {color: maroon; font: italic 2.6em Times, Serif; text-decoration: underline;} software School

More information

Microsoft Word - Ch06.docx

Microsoft Word - Ch06.docx Chapter 6-1 6-2 6-2 l ASP.NET 6-1 (theme) ASP.NET (skin).skin ButtonLabelHyperLink (cascading style sheet).css TreeView 1. 2. (page theme) (global theme) IIS l 6-3 6-1-1 (page theme) (global theme) App_Themes

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション Perl CGI 1 Perl CGI 2 Perl CGI 3 Perl CGI 4 1. 2. 1. #!/usr/local/bin/perl 2. print "Content-type: text/html n n"; 3. print " n"; 4. print " n"; 3. 4.

More information

4.5 页 面 主 体 元 素 的 样 式 属 性 页 面 主 体 元 素 的 样 式 属 性 用 来 给 页 面 内 容 定 义 级 联 样 式 表, 其 中 包 括 style 属 性 和 class 属 性 4.6 背 景 音 乐 的 使 用 页 面 中 添 加 背 景 音 乐 的 元 素 是

4.5 页 面 主 体 元 素 的 样 式 属 性 页 面 主 体 元 素 的 样 式 属 性 用 来 给 页 面 内 容 定 义 级 联 样 式 表, 其 中 包 括 style 属 性 和 class 属 性 4.6 背 景 音 乐 的 使 用 页 面 中 添 加 背 景 音 乐 的 元 素 是 精 选 HTML 属 性 麦 田 技 术 博 客 http://itmyhome.com 第 四 章 页 面 主 体 元 素 4.1 页 面 主 体 元 素 背 景 图 片 属 性 背 景 颜 色 属 性 标 题 属 性 左 边 界 属 性 上 边 界 属 性 background bgcolor title leftmargin topmargin 4.2 页 面 主 体 元 素 的

More information

Microsoft PowerPoint - ch15_1.ppt

Microsoft PowerPoint - ch15_1.ppt JavaScript 實用範例 15-1 視窗基本操作 15-1-1 歡迎對話方塊 顯示歡迎視窗 15-1-2 告別對話方塊 顯示告別視窗

More information

第 1 列 的 按 鈕 從 Albatross ~ Duck 1, 第 2 列 按 鈕 從 Eagle ~ Hawk 2, 第 3 行 按 鈕 從 Ibis ~ Lark 3, 而 只 有 第 3 列 按 鈕 多 設 定 span 元 素 ( 理 由 後 面 會 詳 細 說 明 ) html 具 h

第 1 列 的 按 鈕 從 Albatross ~ Duck 1, 第 2 列 按 鈕 從 Eagle ~ Hawk 2, 第 3 行 按 鈕 從 Ibis ~ Lark 3, 而 只 有 第 3 列 按 鈕 多 設 定 span 元 素 ( 理 由 後 面 會 詳 細 說 明 ) html 具 h Chapter 04 01 在 按 鈕 上 附 加 hover 效 果 本 節 的 HTML 範 例 套 用 了 3 種 當 滑 鼠 移 入 移 出 按 鈕 時 的 hover 效 果 下 圖 共 有 12 個 按 鈕, 我 們 會 在 同 一 列 按 鈕 套 用 同 一 效 果, 總 共 3 種 效 果 本 節 使 用 的 HTML 範 例 檔 SampleFile /Chapter04/01/index.html

More information

coverage2.ppt

coverage2.ppt Satellite Tool Kit STK/Coverage STK 82 0715 010-68745117 1 Coverage Definition Figure of Merit 2 STK Basic Grid Assets Interval Description 3 Grid Global Latitude Bounds Longitude Lines Custom Regions

More information

XP11067_內文.pdf

XP11067_內文.pdf Adobe Flash Steve Jobs 2010 ios Flash http://www.apple.com/ hotnews/thoughts-on-flash/ ios Flash ios HTML5 NimbleKit ipad HTML5 HTML5 NimbleKit Objective-C iphone ipod touch HTML5 ipad iphone ipod touch

More information

吉安人事招聘网2012年江西省面向村干部招考300名公务员(2013年1月13日

吉安人事招聘网2012年江西省面向村干部招考300名公务员(2013年1月13日 吉 安 人 事 招 聘 网 2012 年 江 西 省 面 向 村 干 部 招 考 300 名 公 务 员 (20 1 月 13 日 www.hmkpk.com http://www.hmkpk.com 吉 安 人 事 招 聘 网 2012 年 江 西 省 面 向 村 干 部 招 考 300 名 公 务 员 (2013 年 1 月 13 日 为 从 基 层 和 临 盆 一 线 选 拔 出 色 群 众

More information

付宝容器 jsapi 档 册 PDF 版本 本版本为实验版本, 为线下独 查看使, 受制于 成 PDF 程序的限制, 样式问题还没有很好的解决, 例如分 切图 代码 亮 推荐使 在线版本, 便实时查看 jsapi 运 效果 如需搜索, 使 阅读 PDF 软件 带功能即可 更多细节样式调整和 录索引探

付宝容器 jsapi 档 册 PDF 版本 本版本为实验版本, 为线下独 查看使, 受制于 成 PDF 程序的限制, 样式问题还没有很好的解决, 例如分 切图 代码 亮 推荐使 在线版本, 便实时查看 jsapi 运 效果 如需搜索, 使 阅读 PDF 软件 带功能即可 更多细节样式调整和 录索引探 付宝容器 jsapi 档 册 PDF 版本 本版本为实验版本, 为线下独 查看使, 受制于 成 PDF 程序的限制, 样式问题还没有很好的解决, 例如分 切图 代码 亮 推荐使 在线版本, 便实时查看 jsapi 运 效果 如需搜索, 使 阅读 PDF 软件 带功能即可 更多细节样式调整和 录索引探索建设中 成时间 : 2017-07-20 12:13:21 Since 8.6 定义键盘 定义键盘使

More information

基于UML建模的管理管理信息系统项目案例导航——VB篇

基于UML建模的管理管理信息系统项目案例导航——VB篇 PowerBuilder 8.0 PowerBuilder 8.0 12 PowerBuilder 8.0 PowerScript PowerBuilder CIP PowerBuilder 8.0 /. 2004 21 ISBN 7-03-014600-X.P.. -,PowerBuilder 8.0 - -.TP311.56 CIP 2004 117494 / / 16 100717 http://www.sciencep.com

More information

XML/DTD (1) XML (Markup) SGML HTML XML XML XML 2004/7/ All Rights Reserved 2

XML/DTD (1) XML (Markup) SGML HTML XML XML XML 2004/7/ All Rights Reserved 2 XML/DTD (1) XML (Markup) SGML HTML XML XML XML 2004 All Rights Reserved 2 SGML Standard Generalized Markup Language ( ) XML Extensible Markup Language HTML HyperText Markup Language 2004 All Rights Reserved

More information

Microsoft Word - 01.DOC

Microsoft Word - 01.DOC 第 1 章 JavaScript 简 介 JavaScript 是 NetScape 公 司 为 Navigator 浏 览 器 开 发 的, 是 写 在 HTML 文 件 中 的 一 种 脚 本 语 言, 能 实 现 网 页 内 容 的 交 互 显 示 当 用 户 在 客 户 端 显 示 该 网 页 时, 浏 览 器 就 会 执 行 JavaScript 程 序, 用 户 通 过 交 互 式 的

More information

0 0 = 1 0 = 0 1 = = 1 1 = 0 0 = 1

0 0 = 1 0 = 0 1 = = 1 1 = 0 0 = 1 0 0 = 1 0 = 0 1 = 0 1 1 = 1 1 = 0 0 = 1 : = {0, 1} : 3 (,, ) = + (,, ) = + + (, ) = + (,,, ) = ( + )( + ) + ( + )( + ) + = + = = + + = + = ( + ) + = + ( + ) () = () ( + ) = + + = ( + )( + ) + = = + 0

More information

VB程序设计教程

VB程序设计教程 高 等 学 校 教 材 Visual Basic 程 序 设 计 教 程 魏 东 平 郑 立 垠 梁 玉 环 石 油 大 学 出 版 社 内 容 提 要 本 书 是 按 高 等 学 校 计 算 机 程 序 设 计 课 程 教 学 大 纲 编 写 的 大 学 教 材, 主 要 包 括 VB 基 础 知 识 常 用 程 序 结 构 和 算 法 Windows 用 户 界 面 设 计 基 础 文 件 处

More information

Microsoft PowerPoint - HTML(3)

Microsoft PowerPoint - HTML(3) HTML(3) 高雄大學資工系 嚴力行 HTML Tables Purposes of using tables The obvious purpose of arranging information in a table The less obvious - but more widely used - purpose of creating a page layout with the use

More information

APA Preliminaries Text Reference 1. Cover Page 2. Title Page 3. Signature Page 4. Advisor s recommendation letter 5. Approval page 6. Copyri

APA Preliminaries Text Reference 1. Cover Page 2. Title Page 3. Signature Page 4. Advisor s recommendation letter 5. Approval page 6. Copyri 1 研究報告與論文的寫作格式 CHAPTER 1-1 1-2 專 題 研究報告, 乃至論文寫作都 有一定的標準與規範, 而寫作的 工具, 除了堪稱石器時代所用的筆與紙 外, 打字機及電動打字機仍是至今尚未完 消失的機具, 然而, 步入雲端世紀之後, 電腦文書處理的軟體早已是不可或缺的必備利器 這裡首推大家耳熟能詳的 Microsoft Word 1-2 1-2-2 APA Preliminaries

More information

06 01 action JavaScript action jquery jquery AJAX CSS jquery CSS jquery HTML CSS jquery.css() getter setter.css('backgroundcolor') jquery CSS b

06 01 action JavaScript action jquery jquery AJAX CSS jquery CSS jquery HTML CSS jquery.css() getter setter.css('backgroundcolor') jquery CSS b 06 01 action JavaScript action jquery jquery AJAX 04 4-1 CSS jquery CSS jquery HTML CSS jquery.css() getter setter.css('backgroundcolor') jquery CSS background-color camel-cased DOM backgroundcolor.css()

More information

投影片 1

投影片 1 何謂 CSS 本章摘要 操作方式 CSS 規則定義 交談窗的各頁次說明設定不會捲動的背景圖片 (bg-sample-fixed) 變換超連結文字狀態 (bg-sample-fixed) 修改頁面屬性的設定其他超連結狀態說明使用 CSS 樣式狀態說明 CSS 在網頁中的使用方式 1. 使用外部連結樣式表 2. 以內嵌方式, 在網頁的開頭定義 3. 局部套用 CSS 樣式當樣式衝突時的優先順序將 HTML

More information

2 自 序 小, 印 象 中 只 有 西 醫, 因 為 每 次 生 病 都 是 去 看 西 醫 吃 西 藥 從 大 學, 也 是 陽 明 大 學 物 理 治 療 學 系 畢 業, 就 是 一 般 人 所 說 的 復 健 物 理 治 療 師 這 個 階 段, 所 有 的 治 病 以 及 保 健 觀 念

2 自 序 小, 印 象 中 只 有 西 醫, 因 為 每 次 生 病 都 是 去 看 西 醫 吃 西 藥 從 大 學, 也 是 陽 明 大 學 物 理 治 療 學 系 畢 業, 就 是 一 般 人 所 說 的 復 健 物 理 治 療 師 這 個 階 段, 所 有 的 治 病 以 及 保 健 觀 念 晨 星 出 版 吳 建 隆 著 2 自 序 小, 印 象 中 只 有 西 醫, 因 為 每 次 生 病 都 是 去 看 西 醫 吃 西 藥 從 大 學, 也 是 陽 明 大 學 物 理 治 療 學 系 畢 業, 就 是 一 般 人 所 說 的 復 健 物 理 治 療 師 這 個 階 段, 所 有 的 治 病 以 及 保 健 觀 念, 都 是 現 代 醫 學 的 理 論 退 伍 後, 考 進 台 中

More information

Business Objects 5.1 Windows BusinessObjects 1

Business Objects 5.1 Windows BusinessObjects 1 Business Objects 5.1 Windows BusinessObjects 1 BusinessObjects 2 BusinessObjects BusinessObjects BusinessObjects Windows95/98/NT BusinessObjects Windows BusinessObjects BusinessObjects BusinessObjects

More information

000

000 Style and Usage Application of Pogo Pin Connector Portable Electronic Products ( Notebook, MP3, DSC, GPS, TV Game Peripherals...) Telecommunication Products (Cell phone, Two-Way Radio, Blue tooth..) Automotive

More information

影視後製全攻略 Premiere Pro After Effects Encore 自序 Adobe Premiere Pro After Effects Encore 2008 Adobe CS Adobe CS5 Adobe CS4 Premiere Pro After Effect

影視後製全攻略 Premiere Pro After Effects Encore 自序 Adobe Premiere Pro After Effects Encore 2008 Adobe CS Adobe CS5 Adobe CS4 Premiere Pro After Effect 自序 Adobe Premiere Pro After Effects Encore 2008 Adobe CS3 2010 Adobe CS5 Adobe CS4 Premiere Pro After Effects Encore 18 ii Tony Cathy 2010/8 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 iii Premiere

More information

119,,,,,, (, ), : (1),,,,,, (2),,,, (3),,,,,20,,,,,,,,

119,,,,,, (, ), : (1),,,,,, (2),,,, (3),,,,,20,,,,,,,, 118 :,,, :,,,,,,,,,,,,,,, ( ), 119,,,,,, (, ), : (1),,,,,, (2),,,, (3),,,,,20,,,,,,,, 120 2003 3,19,,,,,,,,,,,,,,,,,,,,,,,,,, 1945 10 15,, 121, 1950,, 1951 7 10, 1952 7 11,,, 60,, 1947 3,,,, 1950 6,7,,,,,,,,

More information

untitled

untitled 12-1 -2 VC# Web Blog 12-1 -1-1 12-1.1-1 C:\ ChartModuleSample_CSharp\Application\2001\ Files\ 4096 KB 120 Web.Config httpruntime maxrequestlength executiontimeout 12-2

More information

Bus Hound 5

Bus Hound 5 Bus Hound 5.0 ( 1.0) 21IC 2007 7 BusHound perisoft PC hound Bus Hound 6.0 5.0 5.0 Bus Hound, IDE SCSI USB 1394 DVD Windows9X,WindowsMe,NT4.0,2000,2003,XP XP IRP Html ZIP SCSI sense USB Bus Hound 1 Bus

More information

VRML 2.0 < VRML vrml vrml vrml (Node) (Field) VRML (Virtual Reality) (1) (2)Three Dimension (3D) (3) (4) (5) (Virtual Reality Modeling LanguageVRML) (

VRML 2.0 < VRML vrml vrml vrml (Node) (Field) VRML (Virtual Reality) (1) (2)Three Dimension (3D) (3) (4) (5) (Virtual Reality Modeling LanguageVRML) ( VRML 2.0 < VRML 2.0 VRML VRML VRML VRML VRML VrmlPad CosmoPlayer VRML VRML VRML VRML 97 VRML & JavaScript XML X3D VRML 2.0 < VRML vrml vrml vrml (Node) (Field) VRML (Virtual Reality) (1) (2)Three Dimension

More information

超連結 03 URI (Universal Resource Identifier) URI Web URL (Universal Resource Locator) URI URI :// [: ]/ [/ 2...]/

超連結 03 URI (Universal Resource Identifier) URI Web URL (Universal Resource Locator) URI URI :// [: ]/ [/ 2...]/ 網頁程式設計 3-1 URI 的類型... 超連結 (hyperlink) Web 1 1 2 按一下圖片超連結開啟所連結的網頁 2 3-2 超連結 03 URI (Universal Resource Identifier) URI Web URL (Universal Resource Locator) URI URI :// [: ]/ [/ 2...]/ http://www.lucky.com.tw:100/books/index.htm

More information

HTML與CSS簡介

HTML與CSS簡介 HTML & CSS 簡介 By WM 張鎮衡 wandererm@gmail.com 本講義採用 WMGFL 授權 其實是 CC 創用 XD 說在前頭 首先, 今天這份講義的重點是簡介不是教學 希望大家聽完之後有個概念, 網頁寫作其實不容易 但很有趣 最後. 請愛用 Firefox, 這是今天的教學工具 工欲善其事 必先利其器 ~ 客官 ~ 挑件稱手的兵器吧! Notepad++ http://notepadplus.sourceforge.net/tw/site.htm

More information

任務二 : 產生 20 個有炸彈的磚塊, 放在隨機的位置編輯 Block 類別的程式碼 import greenfoot.; // (World, Actor, GreenfootImage, Greenfoot and MouseInfo) Write a description of class

任務二 : 產生 20 個有炸彈的磚塊, 放在隨機的位置編輯 Block 類別的程式碼 import greenfoot.; // (World, Actor, GreenfootImage, Greenfoot and MouseInfo) Write a description of class 踩地雷遊戲 高慧君南港高中 開啟專案 MineSweep 任務一 : 產生 30X20 個磚塊編輯 Table 類別的程式碼 import greenfoot.; // (World, Actor, GreenfootImage, Greenfoot and MouseInfo) import java.util.arraylist; Write a description of class MyWorld

More information

Microsoft Word - 04.doc

Microsoft Word - 04.doc 第 4 章 Dreamweaver 基 础 应 用 在 Dreamweaver 中, 创 建 网 页 非 常 简 单 用 户 只 要 熟 悉 Word 文 档 的 编 写, 就 可 以 以 所 见 即 所 得 的 方 式, 在 网 页 中 插 入 文 本 图 像 Flash 及 超 链 接 等 内 容, 从 而 制 作 出 各 式 各 样 的 网 页 本 章 将 详 细 讲 解 如 何 在 网 页

More information

第壹拾篇

第壹拾篇 - 目 次 - 目 次 表 目 次... 1 圖 目 次... 1 凡 例... 1 本 鎮 宗 教 禮 俗 篇 大 事 記... 1 緒 論... 1 第 一 章 宗 教 亯 伖... 3 第 一 節 傳 統 民 間 宗 教... 3 第 二 節 天 主 教 與 基 督 教... 31 第 三 節 日 本 神 社... 35 第 二 章 風 俗 習 慣... 38 第 一 節 歲 時 禮 俗...

More information

ebook60-13

ebook60-13 13 H T M L F l a s h J a v a < i m g > 13.1 H T M L A c t i v e X H T M L < i m g > HTML 4.0 < o b j e c t > < / o b j e c t > 13.1.1 H T M L < o b j e c t > c l a s s i d d a t a < p a r a m > 1.

More information

<4D6963726F736F667420576F7264202D20D6D0CEC4B7A88C57B454CABF8C57CEBBD593CEC4D28EB9A0>

<4D6963726F736F667420576F7264202D20D6D0CEC4B7A88C57B454CABF8C57CEBBD593CEC4D28EB9A0> 澳 門 大 學 法 學 院 中 文 法 學 碩 士 學 位 論 文 規 範 一 適 用 範 圍 ( 一 ) 中 文 法 學 碩 士 學 位 論 文 是 中 文 法 學 碩 士 學 位 研 究 生 在 指 導 教 師 的 指 導 下 獨 立 完 成 的, 合 乎 嚴 格 的 寫 作 規 範 並 標 誌 著 獲 得 法 學 碩 士 學 位 的 一 篇 書 面 作 品 中 文 法 學 碩 士 研 究 生

More information

Microsoft Word - flash_css.doc

Microsoft Word - flash_css.doc 使用階層式樣式表格式化 Flash 文字 文 趙英傑 http://swf.com.tw/ ( 本文摘錄自 Flash MX 2004 中文版 動畫網頁設計寶典 一書第十章) 階層式樣式表 (Cascading Style Sheet, 以下簡稱 CSS 樣式表 ) 是一群控制網頁內容外觀的格式規則集合, 讓您重新定義 HTML 的標記屬性, 或者選擇性地套用給特定元素 例如, 下圖是採用 CSS

More information

PowerPoint 演示文稿

PowerPoint 演示文稿 Lecture 03 DIV + CSS United, Clear, and Simple Web Arts #3 - CSS By Yanju Chen Document Type 文档类型 When creating an HTLM Document in Dreamweaver, we will find the following statement added automatically:

More information

13 根 据 各 种 网 络 商 务 信 息 对 不 同 用 户 所 产 生 的 使 用 效 用, 网 络 商 务 信 息 大 致 可 分 为 四 级, 其 中 占 比 重 最 大 的 是 ( A ) A 第 一 级 免 费 信 息 B 第 二 级 低 收 费 信 息 C 第 三 级 标 准 收 费

13 根 据 各 种 网 络 商 务 信 息 对 不 同 用 户 所 产 生 的 使 用 效 用, 网 络 商 务 信 息 大 致 可 分 为 四 级, 其 中 占 比 重 最 大 的 是 ( A ) A 第 一 级 免 费 信 息 B 第 二 级 低 收 费 信 息 C 第 三 级 标 准 收 费 助 理 电 子 商 务 考 试 真 题 试 题 第 一 部 分 : 理 论 部 分 一 单 项 选 择 题 1 ( B ) 是 信 息 系 统 的 核 心 组 成 部 分 A 逻 辑 模 型 B 数 据 库 C 概 念 模 型 D 以 上 全 部 2 ping www.163.com -t 中 参 数 t 的 作 用 是 :( A ) A 进 行 连 续 测 试 B 在 新 窗 口 中 显 示 C

More information

泰州招聘365bet博彩网站三亚海棠湾东方的迪拜回归年少的童真快乐

泰州招聘365bet博彩网站三亚海棠湾东方的迪拜回归年少的童真快乐 泰 州 招 聘 365bet 博 彩 网 站 三 亚 海 棠 湾 东 方 的 迪 拜 回 归 年 少 的 童 真 快 乐 www.hmcdp.com http://www.hmcdp.com 泰 州 招 聘 365bet 博 彩 网 站 三 亚 海 棠 湾 东 方 的 迪 拜 回 归 年 少 的 童 真 快 乐 大 兴 安 岭 鄂 尔 多 斯 博 尔 塔 拉 泰 州 招 聘 网 泰 州 雇 用 365bet

More information

摘要:

摘要: ASCII B87901041 B87901062 B87901141 BBS(Bulletin Board System) 行 ANSI BBS BBS Big5 不 來 不 便 BBS 了 行 BBS 更 了 便 來 論 BBS(Bulletin Board System) 了 不良 PTT 了 BBS 行列 BBS 欄 連 BBS 令 便 讀 BBS 了 BBS 讀 流 易 BBS 了 BBS

More information

QNAP Storage Product Spare Part Price List (Enterprise/SMB) -- Feburary 2011 Segment Model Name Base Assem Base Assem Screw Pack (2.5") Screw Pack (2.

QNAP Storage Product Spare Part Price List (Enterprise/SMB) -- Feburary 2011 Segment Model Name Base Assem Base Assem Screw Pack (2.5) Screw Pack (2. QNAP Storage Product Spare Part Price List (Enterprise/SMB) -- Feburary 2011 Segment Model Name Main Main Back Plane Back Plane LED LED HDD Tray HDD Tray (@US$ Top Cover Top Cover TS-859U-RP+ 70-0QU382211

More information

MODEL COLOR LIST UZ125D2 YMW GRAY YNF RED YRG BLUE 30H WHITE

MODEL COLOR LIST UZ125D2 YMW GRAY YNF RED YRG BLUE 30H WHITE MODEL COLOR LIST UZ125D2 YMW GRAY YNF RED YRG BLUE 30H WHITE MODEL COLOR LIST UZ125D2K K13 BLACK YRG BLUE YPK WHITE MODEL COLOR LIST UZ125X2 G22 Q05 GRAY ORANGE GREEN WHITE N28 W08 PREFACE When it becomes

More information

《linux从入门到精通》实验指导第三讲:文件及目录操作

《linux从入门到精通》实验指导第三讲:文件及目录操作 Web 前端开发 实验指导 : 实验八 : 下拉菜单 一 实验目的 1 掌握 CSS 动画 JS 动画和 jquery 动画的基本原理和基本方法 ; 2 掌握下拉菜单制作的基本原理; 3 理解技术多样性的概念 二 实验环境 1 Windows XP/Windows 7 操作系统的计算机 ; 2 局域网网络环境, 并且使用固定 IP 地址 ; 3 支持互联网访问; 4 Adobe CS 6 组件支持

More information

《linux从入门到精通》实验指导第三讲:文件及目录操作

《linux从入门到精通》实验指导第三讲:文件及目录操作 Web 前端开发 实验教学指导 实验七 :JQuery 实现网页动画 一 实验目的 1 理解 Web 交互的基本模式和概念 ; 2 掌握 Web 中 JavaScript 使用的基本方法 ; 3 了解 jquery 的特性及用法 ; 4 熟悉的 jquery 基本语法 ; 5 编写代码实现 jquery 的基本动画效果 二 实验环境 1 Windows XP/Windows Server 2003

More information

Microsoft Word - DIR-615_B2_Manual_1.00_T_.doc

Microsoft Word - DIR-615_B2_Manual_1.00_T_.doc D-Link DIR-615 Wireless N Broadband Router DIR-615...4 DIR-615...6...7 DIR-615...10 IP...10 DIR-615...15 DIR-615...24 DIR-615...29 D-Link DWA-645 DIR-615...30 Windows XP SP2...32 Windows Vista...35 (1)

More information

使用 CSS+Div 布局网页 实训目的 常见网页布局方式有表格布局 框架布局和使用 CSS+DIV 布局等方式 使用 CSS+DIV 布局网页, 真正实现内容与形式的分离, 具有页面代码整洁清晰, 多线程加载等特点, 网页浏览速度更快, 因此成为目前网页布局的主流技术 熟练掌握 CSS+DIV 布

使用 CSS+Div 布局网页 实训目的 常见网页布局方式有表格布局 框架布局和使用 CSS+DIV 布局等方式 使用 CSS+DIV 布局网页, 真正实现内容与形式的分离, 具有页面代码整洁清晰, 多线程加载等特点, 网页浏览速度更快, 因此成为目前网页布局的主流技术 熟练掌握 CSS+DIV 布 使用 CSS+Div 布局网页 实训目的 常见网页布局方式有表格布局 框架布局和使用 CSS+DIV 布局等方式 使用 CSS+DIV 布局网页, 真正实现内容与形式的分离, 具有页面代码整洁清晰, 多线程加载等特点, 网页浏览速度更快, 因此成为目前网页布局的主流技术 熟练掌握 CSS+DIV 布局方式, 是网页设计者必备的技能 实训目的 : 掌握网页界面设计流程 ; 掌握与网页元素定位相关的 CSS

More information

崑 山 科 技 大 學 資 訊 傳 播 系 學 生 專 題 製 作 報 告 南 仁 湖 生 態 導 覽 網 站 製 作 指 導 教 授 : 蔡 哲 民 博 士 專 題 組 員 : 陳 書 豪 學 號 :4980C016 專 題 組 員 : 康 偉 哲 學 號 :4980C018 專 題 組 員 : 黃 振 原 學 號 :4980C039 中 華 民 國 101 年 01 月 南 仁 湖 生 態 導

More information

Autodesk Product Design Suite Standard 系統統需求 典型使用用者和工作流程 Autodesk Product Design Suite Standard 版本為為負責建立非凡凡產品的設計師師和工程師, 提供基本概念設計計和製圖工具, 以取得令人驚驚嘆

Autodesk Product Design Suite Standard 系統統需求 典型使用用者和工作流程 Autodesk Product Design Suite Standard 版本為為負責建立非凡凡產品的設計師師和工程師, 提供基本概念設計計和製圖工具, 以取得令人驚驚嘆 Autodesk Product Design Suite Standard 20122 系統統需求 典型使用用者和工作流程 Autodesk Product Design Suite Standard 版本為為負責建立非凡凡產品的設計師師和工程師, 提供基本概念設計計和製圖工具, 以取得令人驚驚嘆的產品設計計 Autodesk Product Design Suite Standard 版本中中包括以下軟體體產品

More information

week04.key

week04.key 基礎網 頁設計 第四週 老師 : 蔡承洋 大綱 HTML 標籤 元素 屬性 常 用標籤 標籤屬性 網 頁檔案命名 網站資料夾與檔案路徑關連 課後作業 HTML 標籤 元素 屬性 tag 標籤 使 用 < > 包起來, 包住的是 tag 名稱 http://www.w3schools.com/tags/ 所有 tag 列表 element 元素 開始標籤 我是 一段 文字

More information

领导,我不想写CSS代码.key

领导,我不想写CSS代码.key 领导 我不想写 CSS 张鑫旭 25MIN 2018-03-31 YUEWEN USER EXPERIENCE DESIGN 01 1 YUEWEN USER EXPERIENCE DESIGN 砖家 02 CSS - 艺术家 YUEWEN USER EXPERIENCE DESIGN 03 CSS - 砖家 艺术家 YUEWEN USER EXPERIENCE DESIGN 04 领导, 我不想写

More information

Advanced PHP Programming

Advanced PHP Programming 進階網路程式設計 About last week 是否有練習 Session Question 我們使用文字方塊送出一串文字, 那要如何在送出前, 判斷使用者是否有輸入資料? (E.g. 帳號是否介於 5~10 字元 ) 另外, 之前我們在 HTML 中, 用 來設定字型的大小與顏色, 是否有可能無法滿足需求的時候呢? (E.g. 超大字體 ) What s Next HTML5 JavaScript

More information

K-LITE ( M )國內LIST.xls

K-LITE ( M )國內LIST.xls M101 SIZE (mm) (W)144 * (H)44; (D)90 12V/10pcs ψ5 Red LED (SCREW):M6/ Spacing( 螺絲間距 ):110mm DOT+ECE LENS COLOR Clear/( 燻黑 Smoke) (E4) 50R 00 13282 M102 SIZE (mm) (W)166 (H)25.7 (D)42.5 12V/10pcs ψ3 Red

More information

chapter 2 HTML5 目錄iii HTML HTML HTML HTML HTML canvas

chapter 2 HTML5 目錄iii HTML HTML HTML HTML HTML canvas Contents 目錄 chapter 1 1-1... 1-2 1-2... 1-3 HTML5... 1-3... 1-5 1-3... 1-9 Web Storage... 1-9... 1-10 1-4 HTML5... 1-14... 1-14... 1-15 HTML5... 1-15... 1-15... 1-16 1-5... 1-18 Apps... 1-18 HTML5 Cache

More information

RUN_PC連載_8_.doc

RUN_PC連載_8_.doc PowerBuilder 8 (8) Web DataWindow ( ) DataWindow Web DataWindow Web DataWindow Web DataWindow PowerDynamo Web DataWindow / Web DataWindow Web DataWindow Wizard Web DataWindow Web DataWindow DataWindow

More information

國立暨南國際大學圖書館

國立暨南國際大學圖書館 國 立 暨 南 國 際 大 學 圖 書 館 學 位 論 文 繳 交 注 意 事 項 本 校 畢 業 生 辦 理 畢 業 離 校 手 續 須 完 成 圖 書 館 相 關 作 業 程 序, 請 參 見 以 下 說 明 壹 離 校 程 序 說 明 01 貳 繳 交 論 文 說 明 03 參 轉 檔 注 意 事 項 及 操 作 09 肆 上 傳 檔 案 注 意 事 項 及 操 作 16 伍 紙 本 論 文

More information

可 Web 编程的NativeUI 设计与实现

可 Web 编程的NativeUI  设计与实现 可 Web 编程的 NativeUI 设计与实现 张袁炜 zhangyuanwei@baidu.com 欢迎转岗简历请发 About Me @ 张袁炜 直达号 网址导航 百度 音乐 前端 Node.js Android Arduino RaspberryPI https://github.com/zhangyuanwei Outline 一个 Hybrid App 的进化史 Native UI 实现原理

More information

Microsoft Word - CSS1.doc

Microsoft Word - CSS1.doc 篇名 : 無名 CSS 作者 : 蔡仕揚台北縣立雙溪高中高二 2 班曹哲儒台北縣立雙溪高中高二 2 班王志浩台北縣立雙溪高中高二 2 班 1 壹 前言 有許多的方式可以做成網頁, 又網頁上有很多種方式可以製作, 在製作方式 亦稱程式語言 上, 目前常用及普遍使用的如下 : HTML JavaScript VBScript DHTML ASP PHP JSP ASP.NET 等, 而又在這些程式語言中,

More information