<!-- the content --> <div id=content> <!-- the footer --> <div id=footer> * 主要的佈局 CSS 元素如下 ( 僅列出結構元素, 其餘樣式省略 ): #wrapper { margin-right: auto; margin-

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "<!-- the content --> <div id=content> <!-- the footer --> <div id=footer> * 主要的佈局 CSS 元素如下 ( 僅列出結構元素, 其餘樣式省略 ): #wrapper { margin-right: auto; margin-"

Transcription

1 第 3 章 流動佈局 (1) 網頁佈局規劃的沿革 - 早期, 大多利用表格 (Table) 規劃佈局 (Layout) * 很難撰寫, 修改困難 - 接著, 區域長寬度以比例設定, 例如 : 左方欄 20%, 內容 80% * 不同螢幕寬度或瀏覽器會造成非常不一樣的呈現結果 ( 寬螢幕造成變形 ) - 然後, 利用像素來設定區域寬高 * 由於螢幕是以像素組成, 因此以像素來固定區域長寬度, 可以使所有螢幕或瀏覽器呈現相同結果, 終於解決呈現不同的困擾 * 網頁寬度大多以螢幕最小寬度為準 ( 約 1,000 像素 ) * 但手持裝置出現, 打破了這個理想狀態 - 近期回應式網頁的需求 * 查詢視域像素, 再設定不同視域的彈性頁面結構 * 問題 : 若視域尺寸在所設定的門檻之間, 頁面還是會產生捲軸 - 未來回應式網頁的需求 * 未來可能各種視域都會出現, 以像素計算並設定門檻方式還是太過粗糙 * 終極解決方案 : 回到 比例設定 方式, 讓頁面元素相對於視域尺寸而縮放, 直到另一個媒體查詢修改樣式 流動佈局 (Fluid layout) (2) 比例設定公式 - 將固定寬度像素轉換為百分比例的公式 ( 結果寬度 = 目標物寬度 / 環境寬度 ): result = target / context - 將 得獎者不是 網頁佈局改為流動百分比例設定 * 初始之 HTML 如下 : <!-- the wrapper --> <div id=wrapper> <!-- the header and navigation --> <div id=header> <div id=navigation> <ul> <li><a href=#> 為什麼?</a></li> <li><a href=#> 劇情簡介 </a></li> </ul> <!-- the sidebar --> <div id=sidebar> 3-1

2 <!-- the content --> <div id=content> <!-- the footer --> <div id=footer> * 主要的佈局 CSS 元素如下 ( 僅列出結構元素, 其餘樣式省略 ): #wrapper { margin-right: auto; margin-left: auto; width: 960px; #header { margin-right: 10px; margin-left: 10px; width: 940px; #navigation { margin-top: 26px; margin-left: -10px; padding-right: 10px; padding-left: 10px; padding-bottom: 25px; width: 940px; #navigation ul li { display: inline-block; #sidebar { margin-top: 58px; padding-right: 10px; margin-right: 10px; margin-left: 10px; float: left; width: 220px; border-right-color: #e8e8e8; border-right-style: solid; border-right-width: 2px; #content { margin-top: 58px; margin-right: 10px; float: right; width: 698px; #footer { margin-top: 20px; margin-right: 10px; margin-left: 10px; float: left; clear: both; width: 940px; * 將 oscar2-4.html 與 oscar2-4.css 分別另存新檔為 oscar3-1.html 與 oscar3-1.css, 並修改 html 裡的 <link href=oscar3-1.css> 元素 * 目前所有的距離設定均使用像素, 現在從最外圍元素改成以百分比例設定 - 設定外圍區塊 wrapper * 我們需要一個能夠容納所有比例元素 (content, sidebar, footer, ) 的環境, 亦即 wrapper 區塊的寬度必須與視域尺寸相關 ( 有兩處 ): #wrapper { width: 96%; * 目前若視域較寬時,sidebar 及 content 會分別向左右流動, - 設定其他區塊 * 原先 wrapper 寬 960px, 現將各個區塊的寬度依其原寬度除以 wrapper 原寬度的方式 改為比例值 : #header { width: %; /* 940/960 */ #navigation { width: %; /* 940/960 */ #content { width: %; /* 698/960 */ 3-2

3 #footer { width: %; /* 940/960 */ * 因 sidebar 尚有 2px 寬的邊界, 擬設定此邊界為固定, 因此區塊的原寬度為 218: #sidebar { width: %; /* 218/960 */ * 設定所有的 10px 寬度為 %; /* 10/960 */ * 設定 navigation ul li a 的 25px 寬度 : margin-right: %; /* 25/940 */ * 在 navigation ul li 加上 25px 之按鈕間隔 : #navigation ul li { margin-right: %; /* 25/940 */ * 以 1,000px 寬度視域檢視如右圖 (3) 活版印刷 以 em 為單位 - 網頁文字的尺寸單位 * 早期網頁設計者以 em 為網頁文字大小的單位, 因為當時瀏覽器不支援像素單位 # em: 活版印刷 (Typography) 裡的文字寬度單位,1 em 就等於目前環境所設定的文字大小 (em: equal to the width of the capital "M") * 瀏覽器開始支援像素單位後, 許多人就以像素為單位 * 使用 em 的優點 : 非常方便 # 例如 : 如果網頁設定 <body> 的字體尺寸為 100%, 所有文字均使用 em, 日後如果要改變字體大小, 就只要改 <body> 的字體大小, 其餘文字就會自動按比例縮放 - 將 oscar3-1.html 與 oscar3-1.css 分別另存新檔為 oscar3-2.html 與 oscar3-2.css, 並修改 html 裡的 <link href=oscar3-2.css> 元素 * 將所有以 px 為單位的字體設定全改為 em * 目前所有現代瀏覽器的預設字體大小都是 16px, 因此下列設定 <body> 字體大小的方式均得到相同結果 font-size: 100% font-size: 16px; font-size: 1em; * 將 px 改為 em, 並依比例計算 height: 2.625em; /* 42/16 */ line-height: em; /* 42/27 行高設定為直接與字體大小關聯 */ font-size: em; /* 27/16 */ #logo { 3-3

4 font-size = 3em; /* 48/16 */ #content h1 { font-size: 2.125em; /* 34/16 */ #content h1 span { line-height: em; /* 40/28 行高設定為直接與字體大小關聯 */ font-size: em; /* 28/34 外部環境 (#content h1) 字體大小為 34px */ (4) 流動影像 - 流動影像 (Fluid image) * 讓影像的大小自動與包含它的元素尺寸一樣 img { max-width: 100%; * 其他多媒體亦同 img, object, video, embed { max-width: 100%; * 此法雖然能自動縮放影像, 但下載影像的資料量還是一樣 * 影像尺寸在最大視域呈現時應該還是能呈現良好品質 - 將 oscar3-2.html 與 oscar3-2.css 分別另存新檔為 oscar3-3.html 與 oscar3-3.css, 並修改 html 裡的 <link href=oscar3-3.css> 元素 * 在 CSS 檔加入 img { max-width: 100%; * 因目前 #sidebar 裡的影像均明確設定寬度及高度 (width="99" height="135"), 故設定 maxwidth: 100%; 並不會產生效果, 需將所有影像的寬高度均刪除 <a ><img src="img/midnightrun.jpg"></a> <a ><img src="img/wyattearp.jpg"></a> <a ><img src="img/moulinrouge.jpg"></a> <a ><img src="img/kingkong.jpg"></a> * 結果如下圖 (a), 影像已自動填滿整個 #sidebar 區域的寬度, 但我們需要兩個檔案並列, 可以在 CSS 中設定寬度比例, 結果如下圖 (b).sideblock img { max-width: 45%; 3-4

5 (a) * 既然 #sidebar 已設定影像自動縮放, 影像 oscar.png 的寬高度設定即可刪除, 取而代之也是設定其依照比例自動縮放 HTML: <img class=oscarmain src=img/oscar.png> CSS:.oscarMain { width: %; /* */ * 另一問題, 縮放頁面時,oscar.png 可能變得很大而顯得難看, 如下圖 (a), 因其原始寬度為 202px, 因此可以設定其最大寬度, 以避免縮放過大, 結果如下圖 (b).oscarmain { max-width: 202px; (b) (a) * 此外, 為防止各個元素無限制地放大, 也可以設定 #wrapper 的最大寬度如下, 也就是說,#wrapper 設定為視域的 96% 寬, 但最大寬度僅到 1414px #wrapper { width: 96%; max-width: 1414px; (5) 回應式影像 - 回應式影像 (Responsive image): 依據視域大小提供不同影像尺寸, 主要技術 : * Matt Wilcox 適應性影像 (Adaptive image) # 系統動態產生適當的影像尺寸, 網頁設計師不需要事先產生各種尺寸的影像 # 環境需求 :Apache 2 PHP 5.x GD Lib (b) 3-5

6 * Scott Jehl 的圖片填充 (Picturefill) # HTML: <head> <meta name=viewport content="width=device-width,initial-scale=1"> <script src=js/matchmedia.js></script> <script src=js/picturefill.js></script> </head> <body> <span data-picture> <span data-src=img/small.jpg></span> <span data-src=img/medium.jpg data-media=(min-width:400px)></span> <span data-src=img/large.jpg data-media=(min-width:800px)></span> <span data-src=img/extralarge.jpg data-media=(min-width:1000px)></span> <!-- Fallback content for non-js browsers. Same img src as the initial, unqualified source element. --> <noscript> <img src=img/small.jpg alt="a giant stone face at The Bayon temple in Angkor Thom, Cambodia"> </noscript> </span> # JavaScript: matchmedia.js, picturefill.js # Images: small.jpg (180x240), medium.jpg (375x500), large.jpg (480,640), extralarge.jpg (768x1024) * HTML5 ( 期待中 ): <picture id=images> <source media=(min-width:45em) srcset="large1.jpg 1x, large2.jpg 2x"> <source media=(min-width:18em) srcset="medium1.jpg 1x, medium2.jpg 2x"> </picture> - 在 oscar3-3.html 將 oscar.png 影像設為回應式 * 在 <head> 元素中加入 <meta name=viewport content="width=device-width,initial-scale=1"> <script src=js/matchmedia.js></script> <script src=js/picturefill.js></script> * 建立 js 子目錄, 並將 matchmedia.js picturefill.js 兩檔案複製至該目錄 * 將 oscar.png 重新命名為 oscarlarge.png, 利用影像編輯器 ( 例如 :Gimp) 產生 oscarmedium.png (150x394) 與 oscarsmall.png (100x263) 兩影像 * 將原先的 <img class=oscarmain src=img/oscar.png> 如下修改 : <div id="content"> <span class=oscarmain data-picture data-alt= 奧斯卡金人 > <span data-src=img/oscarsmall.png data-media=(min-width:400px)></span> <span data-src=img/oscarmedium.png data-media=(min-width:600px)></span> <span data-src=img/oscarlarge.png data-media=(min-width:768px)></span> <noscript> <img src=img/oscarsmall.png alt= 奧斯卡金人 > </noscript> </span> <h1> 每年 <span> 我觀賞奧斯卡金像獎頒獎典禮時, 都覺得很生氣 </span></h1> (6) 字體大小配合視域調整 - 將 oscar3-3.html 與 oscar3-3.css 檔案分別複製為 oscar3-4.html 與 oscar3-4.css, 並將 3-6

7 oscar3-4.html 裡的 css 連結改為 <link href=oscar3-4.css> - (max-width: 768px) 元素中的區塊 px 寬度改為比例計算 #navigation { border-top-width: %; /* 4/768 */ padding-top: %; /* 20/768 */ #content, #sidebar { margin-top: %; /* 20/768 */ padding-right: %; /* 10/768 */ padding-left: %; /* 10/768 */ width: %; /* 728/768 */.oscarmain { margin-right: %; /* 30/768 */ margin-top: 0%; width: %; /* 150/768 */ height: %; /* 394/768 */ #sidebar { padding-top: %; /* 20/768 */ margin-bottom: %; /* 20/768 */.overhyped { margin-top: 0%; margin-left: %; /* 50/768 */ - (max-width: 768px) 元素中的行高 px 單位改為 em line-height: 3.75em; /* 60/16 */ font-size: 40px; - 可在 CSS 中加上更多範圍與字體樣式 : 刪除 #navigation ul li a 中之字體設定, 並加入其他媒體查詢字體設定 : font-size: screen and (min-width: 1001px) and (max-width: 1080px) { font-size: screen and (min-width: 805px) and (max-width: 1000px) { font-size: 1.25em; 3-7

8 @media screen and (min-width: 769px) and (max-width: 804px) { font-size: 1.1em; 3-8

week06.key

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

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

關於本書 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

- 可串接許多條件判斷 <link rel=stylesheet media="screen and (orientation: portrait) and (min-width: 800px)" href=800wide-portrait-screen.css> - (

- 可串接許多條件判斷 <link rel=stylesheet media=screen and (orientation: portrait) and (min-width: 800px) href=800wide-portrait-screen.css> - ( 第 2 章 媒體查詢 : 支援不同的視域 - 媒體查詢 (Media query) * 為 CSS3 的模組之一, 用來查詢使用者媒體 (Media) 的特性, 以便調整 CSS 的樣式 * 媒體特性 : 視域寬度 螢幕寬高比 (Aspect ratio) 橫或縱向 (Landscape or portrait) (1) 媒體查詢語法 - 範例 : 依據媒體查詢結果變換背景顏色 bgchange.html

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

輕鬆學 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

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

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

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

- 轉換 (Transformation) 則定義狀態的內涵 - 二維轉換 (2D transformation), 有下列轉換方式 : * translate: 平移, 例如向右平移 40px 距離 :transform: translate(40px, 0); * scale: 縮放, 例如縮小

- 轉換 (Transformation) 則定義狀態的內涵 - 二維轉換 (2D transformation), 有下列轉換方式 : * translate: 平移, 例如向右平移 40px 距離 :transform: translate(40px, 0); * scale: 縮放, 例如縮小 過渡時間分別為 2 秒 3 秒 及 8 秒 : a { color: black; text-decoration: none; transition-property: font-size, color, text-shadow; transition-duration: 2s, 3s, 8s; - 練習 : 修改 oscar6-3.html 及 oscar6-3.css, 並另存新檔為 oscar7-1.html

More information

# 註 : 若 <body> 崩潰, 則需在 <aside> 與 #content 加上 display: inline-block; - 背景漸層 (Background gradient) * 線性 (Linear) 背景漸層 # 語法 : background: linear-gradient

# 註 : 若 <body> 崩潰, 則需在 <aside> 與 #content 加上 display: inline-block; - 背景漸層 (Background gradient) * 線性 (Linear) 背景漸層 # 語法 : background: linear-gradient 第 6 章 利用 CSS3 創造令人驚豔的美感 - 網頁的美學 * 過去 : 利用影像來完成 # 缺點 : 影像下載增加 Http 請求 增加所需頻寬 ( 因此網頁載入較慢 ) 設計較無彈性且難以維護 ( 影像修改需重畫 ) 回應式設計不容易達成 * 目前 : 許多可利用 CSS3 完成 - 文字陰影 (Text shadow) * 例如右下角陰影 :.element { text-shadow:

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

吉安人事招聘网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

Microsoft Word PHPCh15.docx

Microsoft Word PHPCh15.docx Chapter 10-1 jquery Mobile 10-2 jquery Mobile 10-3 10-4 10-5 10-6 10-7 10-8 10-9 10-10 10-11 10-2 l PHP & MySQL 10-1 jquery Mobile PO PC (mobile website) Yahoo! PC (http://tw.yahoo.com/) Yahoo! (http://tw.yahoo.com/mobile/)

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

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

投影片 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

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

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

1 請 至 下 載 Google Earth 6.0 版 圖 6-1: 下 載 畫 面 2 開 啟 Google Earth, 認 識 Google Earth 的 基 本 介 面 2. 搜 尋 1. 主 功 能 選 單 5. 工 具 列 6 導 航

1 請 至  下 載 Google Earth 6.0 版 圖 6-1: 下 載 畫 面 2 開 啟 Google Earth, 認 識 Google Earth 的 基 本 介 面 2. 搜 尋 1. 主 功 能 選 單 5. 工 具 列 6 導 航 一 課 程 介 紹 : Google Earth & Google Map 操 作 與 應 用 Google Map / Google Earth 都 是 由 Google 所 提 供 的 地 圖 網 路 服 務 Google Map 是 透 過 網 路 瀏 覽 器, 直 接 在 線 上 瀏 覽 高 解 析 度 的 衛 星 影 像 以 及 各 個 地 區 詳 盡 的 主 題 圖 ( 譬 如 : 道

More information

jQuery Mobile

jQuery Mobile jquery Mobile 建國科技大學資管系饒瑞佶 2012/11 V1 2013/3 V2 2103/4 v3 jquery & jquery Mobile 針對行動裝置做過優化的一組 Javascript 與 css 框架 搭配 HTML5 IE10 以上 Chrome Firefox 等瀏覽器才支援 可用於開發 Web App ( 相對於原生 Native App) 使用宣告式定義, 開發簡單

More information

final

final 行 政 院 研 究 發 展 考 核 委 員 會 政 府 網 站 建 置 及 營 運 作 業 參 考 指 引 中 華 民 國 99 年 2 月 政 府 網 站 建 置 及 營 運 作 業 參 考 指 引 目 次 前 言 與 導 讀... 1 一. 緣 由... 1 二. 現 行 規 範 應 用 的 運 作 與 問 題... 1 三. 政 府 網 站 建 置 與 營 運 作 業 參 考 指 引 之 規

More information

a { color: black; text-decoration: none; transition-property: font-size, color, text-shadow; transition-duration: 2s, 3s, 8s; - 練習 : 修改 oscar6-3.html

a { color: black; text-decoration: none; transition-property: font-size, color, text-shadow; transition-duration: 2s, 3s, 8s; - 練習 : 修改 oscar6-3.html 第 7 章 CSS3 的過渡 轉換 與動畫 - 網頁中的動態元素 * 過去 : 全部利用 JavaScript ( 或 jquery) 產生動態效果 * 目前 :CSS3 已有許多產生動態效果的功能, 例如滑鼠縈繞, 元素在網頁上移動等 (1) CSS3 的過渡效果 - 滑鼠縈繞 (Hover) * 滑鼠移至連結元素時, 產生縈繞效果, 讓使用者知道可以點選 * 滑鼠縈繞有兩個狀態 (State):

More information

nav ul li:not(.internal) a { - 如下修改 oscar5-3.html 及 oscar5-3.css, 並另存新檔為 oscar6-1.html 及 oscar6-1.css * HTML: 修改 CSS 連結 <link rel=stylesheet href=css/

nav ul li:not(.internal) a { - 如下修改 oscar5-3.html 及 oscar5-3.css, 並另存新檔為 oscar6-1.html 及 oscar6-1.css * HTML: 修改 CSS 連結 <link rel=stylesheet href=css/ # 上述選擇第一及最後一個的問題可改為 ( 不需再設定 class) HTML CSS3 為什麼? 劇情簡介 照片 影片 引用

More information

天仁期末個人報告1.PDF

天仁期末個人報告1.PDF ...3...3...3...4...4...6...6...8...10...11...12...12...12... 13...13...14...14...14...15...15... 17... 18...18...19...19...20...20...21...22...22...22...23...23...24 ... 24... 26... 27 2 3 4 5 6 7 8 9

More information

Microsoft Word - ch02.doc

Microsoft Word - ch02.doc 第 2 章 认 识 Dreamweaver 8 教 学 提 示 :Dreamweaver 是 一 款 功 能 强 大 的 可 视 化 的 网 页 编 辑 与 管 理 软 件 利 用 它, 不 仅 可 以 轻 松 地 创 建 跨 平 台 和 跨 浏 览 器 的 页 面, 也 可 以 直 接 创 建 具 有 动 态 效 果 的 网 页 而 不 用 自 己 编 写 源 代 码 Dreamweaver 8

More information

AutoCAD 用戶如何使用 ArchiCAD

AutoCAD 用戶如何使用 ArchiCAD AutoCAD 用戶如何使用 ArchiCAD AutoCAD用戶如何使用ArchiCAD ( 中文版 ) 由 Scott MacKenzie, Simon Gilbert, Geoffrey Moore Langdon, David Byrnes, Ralph Grabowski 編寫 龍庭資訊有限公司 1/73 - 2. 3. 4. -

More information

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

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

More information

标题

标题 共 青 团 中 央 文 件 中 青 发 也 2010 页 8 号 茵 绎 关 于 表 彰 2009 年 度 全 国 优 秀 共 青 团 员 冶 全 国 优 秀 共 青 团 干 部 冶 全 国 五 四 红 旗 团 委 ( 团 支 部 ) 冶 的 决 定 (2010 年 4 月 28 日 ) 2009 年 以 来, 全 国 各 级 团 组 织 按 照 力 争 使 团 的 基 层 组 织 网 络 覆 盖

More information

檢 視 原 始 碼 JavaScript 9 0 $(function(){ // 幫 div.qa_title 加 上 hover 及 click 事 件 // 同 時 把 兄 弟 元 素 div.qa_content 隱 藏 起 來 $('#qacontent ul.accordionpart

檢 視 原 始 碼 JavaScript 9 0 $(function(){ // 幫 div.qa_title 加 上 hover 及 click 事 件 // 同 時 把 兄 弟 元 素 div.qa_content 隱 藏 起 來 $('#qacontent ul.accordionpart 一 般 商 務 型 或 是 需 要 有 客 服 的 網 站 都 會 提 供 簡 易 的 問 與 答 頁 面, 會 把 一 些 常 見 的 問 題 整 理 成 一 個 清 單 後, 接 著 再 針 對 問 題 來 一 一 回 答 當 顧 客 有 使 用 上 或 是 其 它 疑 問 時, 可 以 先 自 行 透 過 問 與 答 來 找 找 看 是 否 有 符 合 自 己 問 題 的 項 目 但 請 試

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

汇集全球21位医生的经验和智慧,总结出最实用的专业建议,这些都是最值得你牢记的健康提醒

汇集全球21位医生的经验和智慧,总结出最实用的专业建议,这些都是最值得你牢记的健康提醒 彙 集 全 球 21 位 醫 生 的 經 驗 和 智 慧, 總 結 出 最 實 用 的 專 業 建 議, 這 些 都 是 最 值 得 你 牢 記 的 健 康 提 醒 top1. 不 是 每 個 人 都 適 合 做 近 視 矯 行 手 術, 除 非 你 在 手 術 前 已 經 持 續 穩 定 地 佩 戴 了 一 年 以 上 的 近 視 眼 鏡 或 者 隱 形 眼 鏡 如 果 你 時 摘 時 戴 眼 鏡,

More information

1 行 业 发 展 不 平 衡 我 国 房 地 产 中 介 服 务 业 起 步 较 晚, 专 业 分 工 程 度 和 国 外 发 达 国 家 相 比 还 有 很 大 差 距 房 地 产 中 介 服 务 行 业 的 发 展 水 平 与 房 地 产 开 发 行 业 的 市 场 化 水 平 密 切 相 关

1 行 业 发 展 不 平 衡 我 国 房 地 产 中 介 服 务 业 起 步 较 晚, 专 业 分 工 程 度 和 国 外 发 达 国 家 相 比 还 有 很 大 差 距 房 地 产 中 介 服 务 行 业 的 发 展 水 平 与 房 地 产 开 发 行 业 的 市 场 化 水 平 密 切 相 关 房 地 产 中 介 服 务 : 仍 处 于 成 长 期, 市 场 空 间 巨 大 作 者 : 庞 增 华 房 地 产 中 介 服 务 业 内 的 企 业 包 括 依 法 设 立 并 具 备 房 地 产 中 介 资 格 的 房 地 产 顾 问 策 划 房 地 产 代 理 销 售 房 地 产 评 估 房 地 产 经 纪 等 中 介 服 务 机 构, 是 房 地 产 开 发 价 值 链 中 不 可 或 缺

More information

<4D6963726F736F667420576F7264202D2048544D4C35A4ACB0CAA6A1BAF4ADB6C0B3A5CEB169B8CEB6715FB169A742B9FC5FA764AE78E3B85FA764AE78B7B6>

<4D6963726F736F667420576F7264202D2048544D4C35A4ACB0CAA6A1BAF4ADB6C0B3A5CEB169B8CEB6715FB169A742B9FC5FA764AE78E3B85FA764AE78B7B6> HTML5 互 動 式 網 頁 應 用 HTML5 Interactive Web Applications 學 生 : 吳 庭 毓 張 裕 量 張 伯 彰 吳 庭 蓁 指 導 老 師 : 蔡 彥 興 國 立 聯 合 大 學 資 訊 工 程 學 系 苗 栗 市 恭 敬 里 聯 大 一 號 ystsai@nuu.edu.tw 摘 要 現 今 科 技 的 蓬 勃 發 展, 讓 行 動 裝 置 (Mobile

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

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

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

More information

上海浦~1

上海浦~1 上 海 浦 发 银 行 参 与 高 等 职 业 教 育 人 才 培 养 年 度 报 告 ( ) 一 校 企 合 作 概 况 ( 一 ) 企 业 简 介 上 海 浦 东 发 展 银 行 股 份 有 限 公 司 ( 以 下 简 称 : 浦 发 银 行 ) 是 1992 年 8 月 28 日 经 中 国 人 民 银 行 批 准 设 立 1993 年 1 月 9 日 开 业 1999 年 在 上 海 证 券

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

可 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

(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

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

投影片 1

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

More information

投影片 1

投影片 1 數位相片基礎編修 Photoshop,,,, 2 ,, 3 / 4 3-1,...,, Photoshop,,, 5 5 6 ,,..., 5,,, 7 3-2,...,,, 8 , Photoshop,,, / 9 10 ,,,,,, 03-02.jpg,,,,, Photoshop " ", Photoshop 11 12 / /, Photoshop, 13 14 ,,, " " " " 6

More information

Photoshop CS3 影像創造力 基礎講堂 8 學習流程 學習重要性 學習難度 必學指令工具 實作應用範例 創造舞台燈光的漸層繪圖 延伸學習 雜訊與半透明漸層 8-1 Photoshop Photoshop 8 136

Photoshop CS3 影像創造力 基礎講堂 8 學習流程 學習重要性 學習難度 必學指令工具 實作應用範例 創造舞台燈光的漸層繪圖 延伸學習 雜訊與半透明漸層 8-1 Photoshop Photoshop 8 136 漸層填色與圖樣填色 08 8-1 漸層填色 8-2 漸層填色編輯 8-3 油漆桶填色 8-4 編輯圖樣 Photoshop CS3 影像創造力 基礎講堂 8 學習流程 學習重要性 學習難度 必學指令工具 8-1 8-2 8-3 8-4 實作應用範例 創造舞台燈光的漸層繪圖 延伸學習 雜訊與半透明漸層 8-1 Photoshop 8-1-1 Photoshop 8 136 漸層填色與圖樣填色 漸層填色

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

QUESTION BANK 07132010- UPDATED FOR STUDENT ONLY.xls

QUESTION BANK 07132010- UPDATED FOR STUDENT ONLY.xls 1 下 列 哪 一 個 是 胃 經 在 胸 部 的 走 向? A. 中 線 旁 開 0.5 寸 B. 中 線 旁 開 2 寸 C. 中 線 旁 開 4 寸 D. 中 線 旁 開 6 寸 E. 2 大 腸 經 和 肺 經 在 何 處 相 會? A. 拇 指 的 橈 側 B. 拇 指 的 尺 側 C. 食 指 的 橈 側 D. 食 指 的 尺 側 E. 3 脾 經 在 何 處 行 于 下 肢 内 側 面

More information

标题

标题 第 41 卷 第 6 期 应 用 科 技 Vol.41.6 2014 年 12 月 Applied Science and Technology Dec. 2014 doi: 10.3969 / j.issn.1009 671X.201403012 Web 浏 览 器 下 的 智 能 视 频 数 据 库 设 计 与 开 发 刘 丽 斐 1 1, 2, 赵 龙 1. 北 京 航 空 航 天 大 学 数

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

2012年报.xls

2012年报.xls 合 计 平 均 0.3560 0.4140-14.02 245091.50 227618.11 7.68 19544.36 19536.49 0.04 50289 51020 51317 51393 51436 600000 浦 发 银 行 2013-05-09 1.8330 1.4630 25.29 8295200 6791800 22.14 3418600 2728600 25.29 411643

More information

Microsoft PowerPoint - 14 jQuery App 開發

Microsoft PowerPoint - 14 jQuery App 開發 計劃名稱 : 104 年度教育部資通訊軟體創新人才推升推廣計畫跨校資源中心 : 雲端運算 ( 國立中山大學 ) 課程名稱 : 網路及平台服務 Part1- 課程教材 教材名稱 :jquery App 開發 國立高雄大學資訊工程學系張保榮教授 大綱 jquery Mobile 介紹與使用 PhoneGap 介紹與使用 jquery & jquery Mobile 針對行動裝置做過優化的一組 Javascript

More information

無障礙網頁開發規範二版(草案)

無障礙網頁開發規範二版(草案) 國 家 通 訊 傳 播 委 員 會 無 障 礙 網 頁 開 發 規 範 2.0 版 ( 草 案 ) 委 辦 單 位 : 國 家 通 訊 傳 播 委 員 會 執 行 單 位 : 中 華 民 國 資 訊 軟 體 協 會 中 華 民 國 1 0 3 年 0 5 月 I II 目 錄 壹 前 言... 1 貳 適 用 範 圍... 2 參 用 語 釋 義... 3 肆 規 範 內 文... 14 一 規 範

More information

<4D6963726F736F667420576F7264202D20AE61AC462DBFAFADB9AD70B565BB50BB73A740B1D0AED7>

<4D6963726F736F667420576F7264202D20AE61AC462DBFAFADB9AD70B565BB50BB73A740B1D0AED7> 膳 食 計 畫 與 製 作 教 案 設 計 一 教 學 設 計 依 據 () 根 據 99 新 課 綱 十 大 主 題 之 膳 食 計 畫 與 製 作 主 題 設 定 教 學 內 容 (2) 考 量 目 前 高 中 課 程 開 課 現 況, 將 教 學 時 間 設 定 為 每 學 期 兩 學 分, 並 依 此 時 間 安 排 進 行 教 學 設 計 (3) 創 意 的 發 想 : 以 賓 果 遊 戲

More information

(Pattern Recognition) 1 1. CCD

(Pattern Recognition) 1 1. CCD ********************************* ********************************* (Pattern Recognition) 1 1. CCD 2. 3. 4. 1 ABSTRACT KeywordsMachine Vision, Real Time Inspection, Image Processing The purpose of this

More information

走进网站背后

走进网站背后 走 进 网 站 背 后 网 页 制 作 技 术 入 门 指 引 经 济 学 院 陈 丽 云 落 园 www.loyhome.cn 关 于 Web 2.0 现 在 可 以 说 我 们 处 于 Web 2.0 时 代, 这 不 仅 仅 是 IT 界 对 于 互 联 网 的 一 个 全 新 定 义, 它 更 是 从 技 术 到 内 容 到 运 营 模 式 的 一 次 全 面 的 革 新 现 在 我 们 会

More information

課程簡介

課程簡介 CSS 長 這 樣 結 合 CSS 技 術 到 HTML 中 CSS (Cascading Style Sheet) 樣 式 表, 主 要 用 來 裝 飾 編 排 網 頁 內 容, 與 HTML 相 輔 相 成 HTML 用 來 表 示 結 構 性 的 資 料,CSS 決 定 網 頁 的 樣 式 ( 顏 色 文 字 大 小 位 置 等 等 ) 為 什 麼 要 CSS HTML 的 標

More information

Microsoft Word - ACI chapter00-1ed.docx

Microsoft Word - ACI chapter00-1ed.docx 前言 Excel Excel - v - 財務管理與投資分析 -Excel 建模活用範例集 5 相關 平衡 敏感 - vi - 前言 模擬 If-Then 規劃 ERP BI - vii - 財務管理與投資分析 -Excel 建模活用範例集 ERP + BI + ERP BI Excel 88 Excel 1. Excel Excel 2. Excel 3. Excel - viii - 前言 1.

More information

Microsoft Word - 28935样章.dot

Microsoft Word - 28935样章.dot 21 世 纪 高 职 高 专 规 划 教 材 系 列 何 福 贵 张 梅 编 著 机 械 工 业 出 版 社 IV 本 书 全 面 地 介 绍 了 网 页 制 作 技 术 及 其 相 关 理 论 全 书 共 分 12 章, 包 括 绪 论 网 站 的 创 建 与 管 理 网 页 基 本 元 素 实 现 网 页 页 面 布 局 实 现 表 单 的 应 用 CSS 与 模 板 使 用 Div 和 AP

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

Chapter 01 Chapter 02 Chapter 03 Chapter 04 LOGO Chapter 05 Chapter 06 LOGO 005

Chapter 01 Chapter 02 Chapter 03 Chapter 04 LOGO Chapter 05 Chapter 06 LOGO 005 Photoshop / Illustrator Q&A STEP STEP CHECK Point Column 004 Chapter 01 Chapter 02 Chapter 03 Chapter 04 LOGO Chapter 05 Chapter 06 LOGO 005 Chapter 01 CS5 CS6 CC 01 CMYK97 130px STEP_01 Adobe Illustrator

More information

全民阅读活动

全民阅读活动 全 民 阅 读 活 动 简 报 (2016 年 第 1 期 总 第 59 期 ) 全 民 阅 读 活 动 组 织 协 调 办 公 室 国 家 新 闻 出 版 广 电 总 局 出 版 管 理 司 编 2016 年 1 月 10 日 目 录 国 家 新 闻 出 版 广 电 总 局 下 发 关 于 开 展 2016 年 全 民 阅 读 工 作 的 通 知 深 圳 经 济 特 区 全 民 阅 读 促 进 条

More information

HTML CSSHTML CSS 4

HTML CSSHTML CSS 4 Windows Notepad Mac TextEdit 3 HTML CSSHTML CSS 4 HTML CSS 9 0 % 1 0 % Google HTML CSS S E O Google Analytics 5 1 HTML HTML Flash CSS 2 CSS CSS CSS CSS 3 HTML5 HTML5 HTML CSS SEO 6 < a > < a > < / a >

More information

Chapter 3 Camera Raw Step negative clarity +25 ] P / Step 4 0 ( 下一頁 ) Camera Raw Chapter 3 089

Chapter 3 Camera Raw Step negative clarity +25 ] P / Step 4 0 ( 下一頁 ) Camera Raw Chapter 3 089 Photoshop CC Camera Raw Photoshop Camera Raw Step 1 3 1 2 3 SCOTT KELBY Step 2 B Camera Raw 088 Chapter 3 Camera Raw Chapter 3 Camera Raw Step 3-4 -100 negative clarity +25 ] P / -75-50 Step 4 0 ( 下一頁

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

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

29 知 識 管 理 00221270 494.2 4453 2009 c.1 1 樓 新 到 館 圖 書 區 30 知 識 管 理 00221271 494.2 4453 2009 c.2 1 樓 新 到 館 圖 書 區 31 編 劇 與 腳 本 設 計 00221272 812.31 4262

29 知 識 管 理 00221270 494.2 4453 2009 c.1 1 樓 新 到 館 圖 書 區 30 知 識 管 理 00221271 494.2 4453 2009 c.2 1 樓 新 到 館 圖 書 區 31 編 劇 與 腳 本 設 計 00221272 812.31 4262 104 年 11 月 13 日 上 架 新 書 序 號 書 名 圖 書 登 錄 號 索 書 號 館 藏 地 1 英 派 00218541 783.3886 4440 1 樓 新 到 館 圖 書 區 2 夢 想, 真 的 好 想 贏! 熱 血 主 播 徐 展 元 00218542 783.3886 2871 1 樓 新 到 館 圖 書 區 3 芭 樂 人 類 學 00218543 541.307 0723

More information

國立臺灣科技大學

國立臺灣科技大學 國 立 臺 灣 科 技 大 學 一 五 年 度 上 半 年 產 業 人 才 投 資 計 畫 碩 士 學 分 班 招 生 簡 章 承 辦 單 位 : 國 立 臺 灣 科 技 大 學 推 廣 教 育 中 心 ( 國 際 大 樓 206 辦 公 室 ) 地 址 :10607 臺 北 市 大 安 區 基 隆 路 四 段 43 號 網 址 :http://cec.ntust.edu.tw 洽 詢 電 話 :(02)2737-6239

More information

Microsoft Word - 01.DOC

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

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

- 2 -

- 2 - - 1 - - 2 - - 3 - - 4 - - 5 - - 6 - - 7 - - 8 - - 9 - - 10 - - 11 - - 12 - - 13 - - 14 - - 15 - - 16 - - 17 - - 18 - - 19 - - 20 - - 21 - - 22 - - 23 - - 24 - - 25 - - 26 - - 27 - - 28 - - 29 - - 30 -

More information

朝 陽 科 技 大 學 2015 年 工 業 設 計 系 專 題 設 計 報 告 書 麵 對 麵 - 中 西 麵 食 料 理 器 具 設 計 指 導 教 授 : 劉 哲 揚 設 計 者 : 翁 苡 恬 中 華 民 國 一 0 四 年 六 月 二 日 麵 對 麵 - 中 西 麵 食 料 理 器 具 設

朝 陽 科 技 大 學 2015 年 工 業 設 計 系 專 題 設 計 報 告 書 麵 對 麵 - 中 西 麵 食 料 理 器 具 設 計 指 導 教 授 : 劉 哲 揚 設 計 者 : 翁 苡 恬 中 華 民 國 一 0 四 年 六 月 二 日 麵 對 麵 - 中 西 麵 食 料 理 器 具 設 朝 陽 科 技 大 學 2015 年 工 業 設 計 系 專 題 設 計 報 告 書 麵 對 麵 - 中 西 麵 食 料 理 器 具 設 計 指 導 教 授 : 劉 哲 揚 設 計 者 : 翁 苡 恬 中 華 民 國 一 0 四 年 六 月 二 日 麵 對 麵 - 中 西 麵 食 料 理 器 具 設 計 1 目 錄 壹 設 計 摘 要... 7 貳 設 計 說 明... 8 一 設 計 動 機...

More information

Writer範本

Writer範本 第 2 章 HTML 與 CSS - HTML 及 CSS * 超文件標示語言 (Hypertext markup language, HTML) # 說明網頁意義的語言 * 層疊樣式單 (Cascading style sheet, CSS) # 告訴瀏覽器如何顯示網頁以及控制顯示格式的語言 * HTML 與 CSS 的歷史 # 1990 1994:HTML2, 簡單 ( 醜陋 ) 的網頁格式顯示

More information

目 录 主 编 寄 询... 1 老 小 学 话 题... 3 老 小 学 3 月 大 事 记... 7 亰 物 与 访... 9 镜 头 聚 焦... 17 老 小 学 4 月 活 劢 预 告... 29 単 文 赏 枂... 32 多 彩 好 声 音... 55 主 编 : 大 花 编 辑 :

目 录 主 编 寄 询... 1 老 小 学 话 题... 3 老 小 学 3 月 大 事 记... 7 亰 物 与 访... 9 镜 头 聚 焦... 17 老 小 学 4 月 活 劢 预 告... 29 単 文 赏 枂... 32 多 彩 好 声 音... 55 主 编 : 大 花 编 辑 : 目 录 主 编 寄 询... 1 老 小 学 话 题... 3 老 小 学 3 月 大 事 记... 7 亰 物 与 访... 9 镜 头 聚 焦... 17 老 小 学 4 月 活 劢 预 告... 29 単 文 赏 枂... 32 多 彩 好 声 音... 55 主 编 : 大 花 编 辑 : 忋 乐 丌 老 翁, 紫 梦, 一 舟 1949, 陌 峰, 鲁 君, 董 麟, 瑞 雪 也 芬 芳,

More information

罗 4:12 又 作 受 割 礼 之 人 的 父, 就 是 那 些 不 但 受 割 礼, 并 且 照 我 们 祖 宗 亚 伯 拉 罕, 未 受 割 礼 时 之 信 的 脚 踪 而 行 的 人 一 罗 得 错 误 的 离 别 亚 伯 拉 罕, 渐 渐 挪 移 帐 棚, 直 到 所 多 玛 ( 创 十

罗 4:12 又 作 受 割 礼 之 人 的 父, 就 是 那 些 不 但 受 割 礼, 并 且 照 我 们 祖 宗 亚 伯 拉 罕, 未 受 割 礼 时 之 信 的 脚 踪 而 行 的 人 一 罗 得 错 误 的 离 别 亚 伯 拉 罕, 渐 渐 挪 移 帐 棚, 直 到 所 多 玛 ( 创 十 创 世 记 结 晶 读 经 ( 二 ) 第 五 篇 在 基 督 天 上 的 职 事 里 为 弟 兄 争 战 而 享 受 祂 EM 诗 歌 s34 读 经 : 创 十 四, 来 七 1~4 25~26, 八 2 创 14:1 当 暗 拉 非 作 示 拿 王, 亚 略 作 以 拉 撒 王, 基 大 老 玛 作 以 拦 王, 提 达 作 戈 印 王 的 时 候, 创 14:2 他 们 都 攻 打 所 多

More information

本 课 程 作 为 非 计 算 机 专 业 本 科 通 识 课 程, 是 一 门 理 论 和 实 践 紧 密 结 合 的 实 用 课 程, 内 容 包 括 计 算 机 基 础 部 分 和 程 序 设 计 部 分 计 算 机 基 础 部 分 涵 盖 计 算 机 软 硬 件 组 成 数 制 表 示 操

本 课 程 作 为 非 计 算 机 专 业 本 科 通 识 课 程, 是 一 门 理 论 和 实 践 紧 密 结 合 的 实 用 课 程, 内 容 包 括 计 算 机 基 础 部 分 和 程 序 设 计 部 分 计 算 机 基 础 部 分 涵 盖 计 算 机 软 硬 件 组 成 数 制 表 示 操 计 算 机 基 础 部 程 序 设 计 类 课 程 介 绍 1. Java 语 言 程 序 设 计 Java 简 介 Java 是 一 种 开 放 的 可 以 撰 写 跨 平 台 应 用 程 序 的 面 向 对 象 的 程 序 设 计 语 言 Java 技 术 具 有 卓 越 的 通 用 性 高 效 性 平 台 移 植 性 和 安 全 性, 广 泛 应 用 于 PC 数 据 中 心 科 学 超 级

More information

Microsoft Word - 魔术师

Microsoft Word - 魔术师 魔 术 师 编 著 : 1 序 曲 八 年 前 缩 在 那 间 垂 着 厚 厚 窗 帘 的 阴 暗 房 间 的 阴 暗 角 落, 他 低 着 头 不 让 别 人 看 到 在 他 脸 上 疯 狂 纵 横 的 泪 水, 拼 命 祈 祷 拜 托 求 你 这 一 切 都 不 是 真 的 这 都 是 我 在 做 梦, 一 个 噩 梦 请 你 让 我 赶 快 醒 来, 让 我 摆 脱 这 个 噩 梦 求 你 了

More information

csg(1_29)cs.p65

csg(1_29)cs.p65 DP-80F 2 2 3 4 5 4 5 2 3 4 5 3 ENERGY STAR ENERGY STAR ENERGY STAR 4 3 3 4 7 7 8 8 8 9 0 2 2 3 4 6 7 8 8 9 20 2 22 23 23 24 26 27 27 28 29 30 3 32 33 5 37 37 38 38 39 4 46 46 48 49 50 52 6 7 8 9 q w e

More information

吉林省科技发展计划项目申报书23005

吉林省科技发展计划项目申报书23005 计 划 类 别 : 项 目 类 别 : 支 持 领 域 : 支 持 重 点 : 管 理 处 室 : 科 技 攻 关 计 划 重 点 科 技 攻 关 项 目 工 业 高 新 技 术 领 域 新 一 代 信 息 技 术 及 应 用 高 新 处 项 目 名 称 : 申 报 主 持 单 位 ( 盖 章 ): 项 目 负 责 人 : 通 讯 地 址 : 基 于 大 数 据 的 高 考 志 愿 报 考 分 析

More information

认定编号

认定编号 7 附 3 合 格 职 业 资 格 培 训 机 构 名 单 ( 注 : 相 关 职 业 级 的 职 业 资 格 培 训 鉴 定 按 有 关 规 定 执 行 ) 一 省 直 属 合 格 职 业 资 格 培 训 机 构 名 单 认 定 编 职 业 资 格 培 训 机 构 全 称 培 训 职 业 等 级 联 系 人 及 电 话 办 公 地 址 备 注 保 健 刮 痧 师 1 PX00001 河 北 省 垂

More information

untitled

untitled 1 1. 1 1. 1. 1 image I(x,y,z,t) object to image 1. 1. 2 1 X Rays, Gamma-Rays, X Rays CT 1. 1. 3 INPUT Processing OUTPUT 1. 1. 4 Anolog Image Processing 2 25 / 1. 1. 5 Digital Image Processing Digitizing,

More information

untitled

untitled JavaEE+Android - 6 1.5-2 JavaEE web MIS OA ERP BOSS Android Android Google Map office HTML CSS,java Android + SQL Sever JavaWeb JavaScript/AJAX jquery Java Oracle SSH SSH EJB+JBOSS Android + 1. 2. IDE

More information

上海市本科教学质量年度报告

上海市本科教学质量年度报告 上 海 市 本 科 教 学 质 量 年 度 报 告 数 据 内 涵 说 明 V2.0 版 上 海 市 教 委 高 教 处 上 海 喆 思 (2015.07.02) 目 录 一 基 本 统 计 挃 标 说 明... 4 二 挃 标 解 释... 4 1. 全 日 制 在 校 本 科 生 数 及 占 在 校 生 总 数 的 比 例 ( 学 年 )... 4 2. 当 年 本 科 招 生 与 业 总 数

More information

書面

書面 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 5.4 互動功能畫面 程式碼請參考附件-程式三 在進入互動頁面時 會執行setAllText()依寵物狀態數值來 設定狀態文字與頭像 並且依心情決定是否要不要播放音效 觸摸的區域 由於是自己寫的 view 所以並未透過xml來設置 而是透過Layut.addview()來動態新增

More information

PowerPoint 簡報

PowerPoint 簡報 XML DTD 理論 (1) XML 論 數 (Markup) 念 SGML XML XML XML 2003 All Rights Reserved 2 SGML Standard Generalized Markup Language ( ) XML Extensible Markup Language HTML HyperText Markup Language 2003 All Rights

More information

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

More information

21,000 X 126,000 / , ,000 X 7%

21,000 X 126,000 / , ,000 X 7% 喆 21,000 X 126,000 / 6 8 7 21,000 300,000 X 7% 1997 Skeel Dye 1939 Kirk 1958 0 6 0-2 3-6 0 2 3 6 7 9 12 ( ) ( 33 12 3 4 各類 類型 型環 環境 境與 與設 設施 施之 之規 規劃 劃與 與設 設計 計 各 理想 早期療育服務 之基本需求 社政 工作 醫療 復健

More information

CSS

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

More information

出國報告(出國類別:考察)

出國報告(出國類別:考察) 出 國 報 告 ( 出 國 類 別 : 考 察 ) 第 八 屆 大 陸 ( 莆 田 ) 海 峽 工 藝 品 博 覽 會 暨 相 關 參 訪 行 程 報 告 服 務 機 關 : 國 立 臺 灣 工 藝 研 究 發 展 中 心 姓 名 職 稱 : 蔡 體 智 組 長 李 俊 延 專 案 人 員 派 赴 國 家 : 大 陸 福 建 省 出 國 期 間 :102.04.25-102.04.30 報 告 日

More information

1 暴 雪 娱 乐 翡 翠 猎 人 作 者 :Matt Burns 执 政 女 王 茉 艾 拉 索 瑞 森 要 求 你 立 即 前 去 觐 见 芙 妮 拉 达 克 维 尔 徘 徊 在 通 往 皇 室 大 厅 的 橡 木 大 门 前, 不 停 的 在 脑 海 里 重 复 着 这 句 话 她 舔 了 舔

1 暴 雪 娱 乐 翡 翠 猎 人 作 者 :Matt Burns 执 政 女 王 茉 艾 拉 索 瑞 森 要 求 你 立 即 前 去 觐 见 芙 妮 拉 达 克 维 尔 徘 徊 在 通 往 皇 室 大 厅 的 橡 木 大 门 前, 不 停 的 在 脑 海 里 重 复 着 这 句 话 她 舔 了 舔 0 1 暴 雪 娱 乐 翡 翠 猎 人 作 者 :Matt Burns 执 政 女 王 茉 艾 拉 索 瑞 森 要 求 你 立 即 前 去 觐 见 芙 妮 拉 达 克 维 尔 徘 徊 在 通 往 皇 室 大 厅 的 橡 木 大 门 前, 不 停 的 在 脑 海 里 重 复 着 这 句 话 她 舔 了 舔 干 裂 的 嘴 唇, 在 金 属 工 作 服 上 擦 了 擦 她 那 被 汗 水 和 煤 渍 所

More information

HTML5

HTML5 HTML5 INTERNET3D WEBOS {serena,hsing}@nchc.org.tw HTML5 WEB 1991 HTML 1994 HTML 2 1996 CSS 1 + JavaScript 1997 HTML 4.01 1998 CSS 2 2000 XHTML 1.0 2002 + CSS 2005 AJAX (Asynchronous JavaScript And

More information

三 9/4 9/8 四 9/2 9/25 藝 術 精 緻 藝 術 與 大 眾 藝 術 風 格 的 翰 史 特 勞 斯 家 族 及 其 創 作 風 差 異, 體 會 不 同 時 代 社 會 的 藝 術 格 生 活 與 價 值 觀 (3) 補 充 巴 赫 及 約 翰 史 特 勞 3-4-9 養 成 日

三 9/4 9/8 四 9/2 9/25 藝 術 精 緻 藝 術 與 大 眾 藝 術 風 格 的 翰 史 特 勞 斯 家 族 及 其 創 作 風 差 異, 體 會 不 同 時 代 社 會 的 藝 術 格 生 活 與 價 值 觀 (3) 補 充 巴 赫 及 約 翰 史 特 勞 3-4-9 養 成 日 藝 文 領 域 課 程 計 畫 新 竹 市 三 民 國 民 中 學 04 學 年 度 七 年 級 第 學 期 藝 術 與 人 文 領 域 ( 分 科 科 目 : 聽 覺 藝 術 ) 課 程 計 畫 設 計 者 : 音 樂 科 張 維 芬 教 師 ( 一 ) 本 領 域 每 週 學 習 節 數 () 節, 銜 接 或 補 強 節 數 () 節, 本 學 期 共 () 節 ( 二 ) 本 學 期 學 習

More information

46 2011 11 467 數位遊戲式學習系統 7 2011 11 467 47 3 DBGameSys 48 2011 11 467 正規化資料模組 如何配置並儲存電子化資料 以 便減少資料被重覆儲存的程序 DBGameSys的主要功能模組包 學習者 審核評分模組 含 正規化資料模組 審核評分 模組 高分列表模組3大區塊 系統資料庫 在正規化資料模組的執行 高分列表模組 過程中 先要求學習者瀏覽遊戲

More information

Microsoft Word - dreamweaver8.doc

Microsoft Word - dreamweaver8.doc Dreamweaver 8 初 階 目 錄 第 一 部 分 : 新 功 能 概 述... 1 一 工 作 流 程 的 改 進... 1 1. 放 大 工 具... 1 2. 輔 助 線... 2 3. Flash 視 頻 的 支 援... 2 二 擴 展 的 CSS 支 持... 3 三 檔 傳 輸 功 能... 4 四 支 持 XML/XSLT... 4 第 二 部 分 : 實 例 講 解...

More information

2.3.5 确 认 信 息, 继 续 填 写 价 格 关 键 字 搜 索 产 品 信 息 维 护 产 品 维 护 历 史 记 录 价 格 信 息 维 护 商 铺 配 置

2.3.5 确 认 信 息, 继 续 填 写 价 格 关 键 字 搜 索 产 品 信 息 维 护 产 品 维 护 历 史 记 录 价 格 信 息 维 护 商 铺 配 置 企 业 商 铺 操 作 手 册 目 录 目 录... 1 第 一 部 分 : 会 员 注 册... 3 平 台 注 册 操 作 概 要... 3 1. 注 册 流 程... 3 1.1 登 录 网 站... 3 1.2 填 写 注 册 信 息... 3 1.3 复 核 页 面 内 容... 5 1.4 注 册 完 成... 6 2. 其 他 注 册 入 口 介 绍... 6 第 二 部 分 : 信

More information

第十二章 歷史與記憶

第十二章  歷史與記憶 第 42 屆 世 界 技 能 競 賽 28 花 藝 說 明 會 主 辦 單 位 : 行 政 院 勞 委 會 中 部 辦 公 室 協 辦 單 位 : 國 立 中 興 大 學 園 藝 系 地 點 : 國 立 中 興 大 學 園 藝 系 系 館 時 間 :102 年 8 月 16 日 ( 星 期 五 ) 勞 委 會 主 委 頒 發 獎 狀 及 獎 金 給 花 藝 金 牌 國 手 台 南 應 用 科 大 生

More information

2016 年 全 省 一 般 公 共 预 算 收 入 表 ( 代 编 ) 项 目 2016 年 预 算 数 单 位 : 亿 元 2015 年 快 报 数 预 算 数 增 减 % 一 税 收 收 入 1938.55 2078.79 7.2 增 值 税 ( 含 改 征 增 值 税 ) 271.74 29

2016 年 全 省 一 般 公 共 预 算 收 入 表 ( 代 编 ) 项 目 2016 年 预 算 数 单 位 : 亿 元 2015 年 快 报 数 预 算 数 增 减 % 一 税 收 收 入 1938.55 2078.79 7.2 增 值 税 ( 含 改 征 增 值 税 ) 271.74 29 附 件 福 建 省 2016 年 预 算 收 支 表 1 2016 年 全 省 一 般 公 共 预 算 收 入 表 ( 代 编 ) 2 2016 年 全 省 一 般 公 共 预 算 支 出 表 ( 代 编 ) 3 2016 年 省 级 一 般 公 共 预 算 收 入 表 4 2016 年 省 级 一 般 公 共 预 算 支 出 表 5 2016 年 省 级 一 般 公 共 预 算 支 出 经 济 分

More information

網頁設計的原理與應用 一 認識網頁與網站 1 HTMLHyperText Markup Language ASPPHP UNIXLinux Windows 2003 / 2008 Server 2 Windows IIS Linux Apache 二 網頁設計的流程

網頁設計的原理與應用 一 認識網頁與網站 1 HTMLHyperText Markup Language ASPPHP UNIXLinux Windows 2003 / 2008 Server 2 Windows IIS Linux Apache 二 網頁設計的流程 第 7 章 簡易網頁設計 本章學習目標 1. 網頁設計的原理與應用 2. 網頁設計的趨勢 3. 網頁的語法 4. 個人網誌簡介 申請 使用 管理與應用 命題分析 本章節是 99 課程新增的章節 雖然有四小節 但其中網頁相關的設計原則及設 計趨勢並無統一的方向 故本章的命題重點可能為 HTML 的語法 網誌簡介及相關技 術 226 7 7-1 網頁設計的原理與應用 一 認識網頁與網站 1 HTMLHyperText

More information

四、實務實習課程之實習工作日誌(請貼上掃描檔)

四、實務實習課程之實習工作日誌(請貼上掃描檔) 四 實 務 實 習 課 程 之 實 習 工 作 日 誌 ( 請 貼 上 掃 描 檔 ) 教 育 部 補 助 大 學 校 院 開 設 海 洋 主 題 導 向 專 業 課 程 計 畫 實 務 實 習 課 程 修 課 學 生 工 作 日 誌 表 ( 一 學 生 一 表 ) 課 程 名 稱 : 景 觀 規 劃 ( 海 洋 休 閒 ) 實 習 地 點 : 原 本 山 景 觀 有 限 公 司 時 間 工 作 說

More information