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

Size: px
Start display at page:

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

Transcription

1 過渡時間分別為 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 及 oscar7-1.css * HTML: # 修改 CSS 連結 <link rel=stylesheet href=css/oscar7-1.css> # 另加一項 CSS 連結 <link rel=stylesheet href=css/oscareffect7-1.css> # 將 #content 裡的電影名稱加上連結 <p> 像 <b><a href= 金剛 </a></b> <b><a href= 紅磨坊 </a></b> <b><a href= 慕尼黑 </a></b> 等電影都得獎, 但真正的電影英雄卻都沒得獎, 一點也沒有好萊塢精神, 不是嗎?</p> * CSS: # 建立新檔案 :oscareffect7-1.css, 儲存至 css 目錄中 # 將 #content 裡的連結加上滑鼠縈繞效果 : 放大字體 顏色變黑 去底線 陰影 div#content a:hover { font-size: 200%; color: black; text-decoration: none; text-shadow: 1px 1px 0 lightgray; # 以上為立即呈現開或關的效果, 再加上過渡效果 div#content a:hover {... transition: all 1s ease 0s; # 回應式設計裡加上過渡效果 ( 預設 ease 無延遲 ) /* Responsive design screen and (max-width: 1000px) { * { transition: all screen and (max-width: 800px) { * { transition: all screen and (max-width: 600px) { * { transition: all 2s; - CSS3 的各種技巧 : (2) CSS3 的二維轉換 - 過渡 (Transition) 定義如何由某個狀態轉到另一個狀態 7-2

2 - 轉換 (Transformation) 則定義狀態的內涵 - 二維轉換 (2D transformation), 有下列轉換方式 : * translate: 平移, 例如向右平移 40px 距離 :transform: translate(40px, 0); * scale: 縮放, 例如縮小一半 :transform: scale(0.5); * rotate: 旋轉, 例如旋轉 90 度 :transform: rotate(90deg); * skew: 依 x, y 軸歪斜, 例如 x 軸與 y 軸分別歪斜 10 2 度 :transform: skew(10deg, 2deg); * matrix: 可設定轉換陣列, 將各種轉換一次完成, 例如 :transform: matrix(1.678, , 1.522, 2.333, , ); * transform-origin: 設定轉換的中心點 ( 預設為元素的中心點 ), 例如 :transformorigin: 20% 20%; * 例如, 各種二維轉換 : a { display: inline-block; a:hover { /* Try each of the following one by one: */ transform: scale(1.7); transform: translate(40px, 0); transform: rotate(90deg); transform: skew(10deg, 2deg); transform: matrix(1.678, , 1.522, 2.333, , ); # 註 : 設定 display: block; 會有無法預期的錯誤, 因為區塊寬度佔滿整個包含元素, 轉換變得規模很大 - 練習 : 修改 oscar7-1.html 及 oscar7-1.css 及 oscareffect7-1.css, 並分別另存新檔為 oscar7-2.html oscar7-2.css 及 oscareffect7-2.css * HTML: 修改 CSS 連結 <link rel=stylesheet href=css/oscar7-2.css> 連及 <link rel=stylesheet href=css/oscareffect7-2.css> * 修改 oscar7-2.css: 將 nav 裡的 a 連結改為行內區塊顯示 ( 如此才能做文字以外的效果 ) nav ul li a {... display: inline-block; * 修改 oscareffect.css: 當使用者將滑鼠移至連結時, 將字體放大 2 倍 加陰影過渡 1 秒 nav ul li a:hover { text-shadow: 2px 2px 2px black; transition: all 1s ease 0s; transform: scale(2); - 三維轉換 (3D transformation), 有下列轉換方式 : * translatex(x) translatey(y) translatez(z) translate3d(x, y, z): 相對 X Y 7-3

3 或 Z 軸平移 * scalex(x) scaley(y) scalez(z) scale3d(x, y, z): 相對 X Y 或 Z 軸縮放 * rotatex(angle) rotatey(angle) rotatez(angle) rotate3d(x, y, z, angle): 相對 X Y 或 Z 軸旋轉 * perspective(n): 透視 (Perspective) * matrix3d(n, n,..., n): 設定轉換陣列, 將各種轉換一次完成 - 練習 : 修改 oscar7-2.html 及 oscar7-2.css 及 oscareffect7-2.css, 並分別另存新檔為 oscar7-3.html oscar7-3.css 及 oscareffect7-3.css * HTML: 製作一個有關電影是否熱賣的測驗 : 利用電影海報當考題, 滑鼠移至時, 海報翻轉顯示答案 # 修改 CSS 連結 :<link rel=stylesheet href=css/oscar7-3.css> 及 <link rel=stylesheet href=css/oscareffect7-3.css> # 刪除 #content 元素內的所有資料 # #content 裡加入 3 個 section 元素來置放電影海報與答案 - section 均設為 class=quiz - 每個 section 內含一個 <div class=film> - 每個 div.film 內含 <div class=face> 與 <div class="face back">, 前者置放海報影像, 後者置放答案, 並將影像設定 class=quizimg <div id=content> <h1> 小考 : 熱賣或慘淡?</h1> <h2> 不要聽那些影評人的話, 你認為 七寶奇謀 慕尼黑 和 金剛, 哪一部電影的票房是熱賣或慘淡?</h2> <section class=quiz> <div class=film> <div class=face><img class=quizimg src=img/goonies.png alt= 七寶奇謀 ></div> <div class="face back"><h2> 熱賣!</h2></div> </div> </section> <section class=quiz> <div class=film> <div class=face><img class=quizimg src=img/munich.png alt= 慕尼黑 ></div> <div class="face back"><h2> 慘淡!</h2></div> </div> </section> <section class=quiz> <div class=film> <div class=face><img class=quizimg src=img/kingkong.jpg alt= 金剛 ></div> <div class="face back"><h2> 慘淡!</h2></div> </div> </section> </div> <!-- end content --> * 修改 oscar7-3.css: # 刪除原先 #content 裡的各個元素設定, 僅留以下設定 /* Content */ 7-4

4 div#content { float: right; width: 75%; /* 720/960 */ margin-top: %; /* 50/960 */ padding: %; /* 20/960 */ # 設定 : - section.quiz 的寬度為 28% ( 因為有 3 張影像 ), 高度固定 300px, 並設定 display: inline-block 以並排影像 - 設定影像尺寸 100%( 填滿包含區塊 ) 及 <h2> 字型 div#content {... section.quiz { width: 28%; height: 300px; display: inline-block; margin-right: 2%; section.quiz img.quizimg { width: 100%; height: 100%; section.quiz h2 { font-size: 3em; text-align: center; color: red; * 修改 oscareffect7-3.css: # 設定 div.film 的轉換及過渡 1 秒 div.film { height: 100%; transform-style: preserve-3d; transition: 1s; # 滑鼠移至海報時,div.film 對 Y 軸旋轉 180 度 section.quiz:hover div.film { transform: rotatey(180deg); # 設定隱藏海報的背面, 並設絕對位置使正反面均在同一位置 div.face { width: 100%; height: 100%; position: absolute; backface-visibility: hidden; # 設定海報翻轉後顯示的內容 : 長寬設定為和影像相同, 一開始就旋轉 180 度 ( 因此初始頁面會顯示海報 ) 7-5

5 div.back { transform: rotatey(180deg); background: #3b3b3b; padding: 15%; - CSS3 的轉換尚在發展中 : (3) CSS3 的動畫 - 動畫 (Animation) * 設定元素隨著時間產生變化 - 練習 : 修改 oscar7-3.html 及 oscar7-3.css 及 oscareffect7-3.css, 並分別另存新檔為 oscar7-4.html oscar7-4.css 及 oscareffect7-4.css * HTML: 修改 CSS 連結 <link rel=stylesheet href=css/oscar7-4.css>,<link rel=stylesheet href=css/oscareffect7-4.css> 結 * 修改 oscareffect7-4.css: # 將 熱賣 或 慘淡 之靜態文字加上動畫 - 宣告一個名為 answer 的 keyframes answer { 0% { text-shadow: 0 0 4px #ffffff; 50% { text-shadow: px #ffffff; 100% { text-shadow: 0 0 4px #ffffff; * 0% ( 一開始 ): 文字陰影為 4px 白色 * 50% ( 時間進行到一半 ): 文字陰影為 60px * 100% ( 最後 ): 文字陰影為 4px - 加入動畫 : 變化時間 2 秒, 一直持續, 淡入 section.quiz h2 { animation: answer 2s infinite ease-in; # 設定左方四張影像海報在進入網頁時擺動 - 宣告一個名為 swing 的動畫 : 旋轉 3 度 7 度 10 度 7 度 3 swing { 0% { transform: rotate(3deg); 20% { transform: rotate(7deg); 60% { transform: rotate(10deg); 80% { transform: rotate(7deg); 100% { transform: rotate(3deg); - 加入動畫 ( 變化時間 0.1 秒, 持續 10 次 ): aside img.poster { transform: rotate(3deg); animation: swing 0.1s 10; * 結果 : 7-6

6 - CSS3 animation 範例 : animation-demos 7-7

7 7-8

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

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

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

bootstrap - 2

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

More information

week06.key

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

More information

第 9 讲层叠样式表 CSS3 张高川 遗传学与生物信息学系基础医学与生物科学学院苏州大学医学部 WX: zhanggaochuan QQ: 苏州大学医学部基础医学与生物科学学院生物信息教研室张高川

第 9 讲层叠样式表 CSS3 张高川 遗传学与生物信息学系基础医学与生物科学学院苏州大学医学部   WX: zhanggaochuan QQ: 苏州大学医学部基础医学与生物科学学院生物信息教研室张高川 第 9 讲层叠样式表 CSS3 张高川 遗传学与生物信息学系基础医学与生物科学学院苏州大学医学部 Email: zhanggaochuan@suda.edu.cn WX: zhanggaochuan770609 QQ: 2257916241 CSS 基础 CSS 选择器 CSS 样式 CSS 定位 CSS 框模型 元素本身属性样式 id 或类选择器 元素内部嵌套的其他元素样式 id 或类选择器 +

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

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

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

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

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

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

論鄭玄對《禮記‧月令》的考辨

論鄭玄對《禮記‧月令》的考辨 19997 183-196 論 鄭 玄 對 禮 記 月 令 的 考 辨 183 論 鄭 玄 對 禮 記 月 令 的 考 辨 一 問 題 的 背 景 20b 8a 1 472 24 20a 33 7a 2 3 1 35 60 64 472 240241 2 1a 3 19b 184 4 5 二 鄭 玄 考 辨 月 令 成 書 時 代 及 來 源 的 論 證 65 4 20b 282 5 235244

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

影視後製全攻略 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

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

<!-- the content --> <div id=content> <!-- the footer --> <div id=footer> * 主要的佈局 CSS 元素如下 ( 僅列出結構元素, 其餘樣式省略 ): #wrapper { margin-right: auto; margin- 第 3 章 流動佈局 (1) 網頁佈局規劃的沿革 - 早期, 大多利用表格 (Table) 規劃佈局 (Layout) * 很難撰寫, 修改困難 - 接著, 區域長寬度以比例設定, 例如 : 左方欄 20%, 內容 80% * 不同螢幕寬度或瀏覽器會造成非常不一樣的呈現結果 ( 寬螢幕造成變形 ) - 然後, 利用像素來設定區域寬高 * 由於螢幕是以像素組成, 因此以像素來固定區域長寬度, 可以使所有螢幕或瀏覽器呈現相同結果,

More information

CH15.indd

CH15.indd Chapter 15 Bootstrap 15-1 (RWD) 15-2 Bootstrap 15-3 15-4 15-5 CSS 15-6 15-1 (RWD) (RWD Responsive Web Design) ( ) PC W3C ( ) ( ) ( ) ( ) ( ) ( ) 15-2 15 15-2 Bootstrap Bootstrap Twitter Blueprint Twitter

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

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

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

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

第 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

<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

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

Chapter 1 什麼是響應式 網頁設計?

Chapter 1 什麼是響應式 網頁設計? Chapter 1 什麼是響應式 網頁設計? 2 RWD 002 Android 6000 2009 WordPress breakpoints RWD HTML CSS Ethan Marcotte A List Apart http://rwdwp.com/1 Responsive Web Design Chapter 1 003 什麼是響應式網頁設計 3 其餘正如它們所說的是歷史 行動電話已是現在的社會不可或缺的

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

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

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

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

94 (( )) 1 2 3 4 5 7 9 11 12 13 14 17 19 20 21 22 23 24 25 26 27 28 29 30 32 34 ( ) () (/ ) (/ ) (/ 100) 256 5,034 209,647 710,954 360,925 350,029 4,047.66 3.39 103.11 256 5,034 214,574 717,811 363,149

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

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

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

- 可串接許多條件判斷 <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

2 黑 色 皇 后 兵 向 前 移 動 兩 格 3 白 色 主 教 兵 4 黑 色 皇 后 對 角 移 動 到 對 吃 掉 白 色 國 王 的 位 置 在 這 個 章 節 中 你 會 學 到 1 打 開 設 定 關 鍵 (Set Key) 模 式 2 使 用 在 檢 視 軌 跡 中 的 可 設 定

2 黑 色 皇 后 兵 向 前 移 動 兩 格 3 白 色 主 教 兵 4 黑 色 皇 后 對 角 移 動 到 對 吃 掉 白 色 國 王 的 位 置 在 這 個 章 節 中 你 會 學 到 1 打 開 設 定 關 鍵 (Set Key) 模 式 2 使 用 在 檢 視 軌 跡 中 的 可 設 定 第 六 章 動 畫 (Animation) 本 章 的 內 容 裡 將 教 你 在 3ds Max Design 創 建 基 礎 的 動 畫, 這 一 章 的 內 容 包 括 了 : - 設 定 關 鍵 (Set Key) 動 畫 - 自 動 關 鍵 (Auto Key) 動 畫 - 殘 影 (Ghosting) - 虛 擬 物 件 (Dummy Object) 及 動 畫 - 軌 跡 檢 視 (Track

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

150 15 1 1. 15-20 2. 3 3. 4.5 6 3 1ml A1A2A3 2 3 2ml 100ul B1B2B3 30 3ml 20ul 20ul 2.5 100ul 3 20ul 1 A1A2A3 A B1B2B3 B (%) = 100% 3 8 4.5 2 A 1ml B 2ml 0.1ml 30 3 B A 20 3ml 20ul 20ul 2.5 100ul 0.5 20ul

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

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

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

More information

untitled

untitled 000514 2005 1 000514 2005 2 000514 2005 3 000514 2005 4 000514 2005 5 000514 2005 6 000514 2005 7 000514 2005 8 000514 2005 9 000514 2005 10 000514 2005 11 000514 2005 1 (2003)56 [2003]56 12004122 20040334000

More information

重庆渝开发股份有限公司

重庆渝开发股份有限公司 000514 2004 1 000514 2004 2 000514 2004 3 000514 2004 4 000514 2004 5 000514 2004 6 000514 2004 7 000514 2004 8 000514 2004 9 000514 2004 10 000514 2004 11 000514 2004 12 000514 2004 13 000514 2004 14

More information

技術筆記 01 addlass()/removelass() 方法對指定的 HTML 元素附加 class 屬性可用 addlass() 方法, 刪除 class 屬性則用 removelass() 方法 透過附加 / 刪除設定 SS 的類別, 就可改變該元素的樣式 其與 animate() 方法不

技術筆記 01 addlass()/removelass() 方法對指定的 HTML 元素附加 class 屬性可用 addlass() 方法, 刪除 class 屬性則用 removelass() 方法 透過附加 / 刪除設定 SS 的類別, 就可改變該元素的樣式 其與 animate() 方法不 HAPTER 02 利用新增 / 刪除類別製作動畫 HAPTER01 中介紹如何使用 animate() 方法製作動畫, 但這方法只能對可設定數值的 SS 屬性進行變化, 下面將介紹針對 HTML 元素透過附加 / 移除 SS 的 class 樣式屬性製作動畫, 此方法對於非數值的 SS 屬性也可使用 範例執行畫面範例資料夾 /PART01/HAPTER02/ 範例 1 範例 2 範例 3 垂直方向旋轉

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

"#$% & ( )*+,,, -+./01 234,+536,, : 3 ; 33 < =>5+ +,,,%B?B6B B? )-,,,>-% ) ) ) ) ) C C )>4,D--?> -&6+ )5 +4 )+B, +,,-- +,,-- )-(4,,, )

#$% & ( )*+,,, -+./01 234,+536,, : 3 ; 33 < =>5+ +,,,%B?B6B B? )-,,,>-% ) ) ) ) ) C C )>4,D--?> -&6+ )5 +4 )+B, +,,-- +,,-- )-(4,,, ) "#$% & ( )*+,,, -+./01 234,+536,,-35 7 8 9 : 3 ; 33 < =>5+ +? @.A +,,,%B?B6B B? )-,,,>-% ) ) ) ) ) C C )>4,D--?> -&6+ )5 +4 )+B, +,,-- +,,-- )-(4,,, )-+ >, / %%%%%%%%%%%%%%%%%% "#$ "$ %%%%%%%%%%%%%%%%%%%%

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

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

Preface This guide is intended to standardize the use of the WeChat brand and ensure the brand's integrity and consistency. The guide applies to all d

Preface This guide is intended to standardize the use of the WeChat brand and ensure the brand's integrity and consistency. The guide applies to all d WeChat Search Visual Identity Guidelines WEDESIGN 2018. 04 Preface This guide is intended to standardize the use of the WeChat brand and ensure the brand's integrity and consistency. The guide applies

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

<4D6963726F736F667420576F7264202D203136BCADBBD8D2E4D3EBD1D0BEBF2E646F63>

<4D6963726F736F667420576F7264202D203136BCADBBD8D2E4D3EBD1D0BEBF2E646F63> 一 九 八 八 年 创 刊 回 忆 与 研 究 第 十 六 辑 上 海 市 新 四 军 历 史 研 究 会 浙 东 浙 南 分 会 编 二 O 一 三 年 十 二 月 1 ( 封 面 折 页 字 ) 编 委 会 顾 问 丁 公 量 丁 柯 吴 文 达 汪 志 荣 戚 南 强 李 国 经 主 编 陈 晓 光 副 主 编 葛 奇 忠 方 思 朋 编 委 ( 按 姓 氏 笔 画 为 序 ) 方 思 朋 王

More information

萧山中学课程建设方案.doc

萧山中学课程建设方案.doc - 1 - - 2 - - 3 - - 4 - - 5 - - 6 - - 7 - - 8 - 2 2 4 4 4 2 2 4 4 4 4 4 5 5 4 4 4 4 5 5 4 4 4 4 5 5 3 3 3 3 4(2) 4(2) 4(2) 4(2) 4 4 4 4 3 3 3 3 3 3 4 4 4 4 4(2) 4(2) 4(2) 4(2) 2 2 2 2 4 4 4 4 2 2 2 2 2

More information

( ) 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 121.2 117.5 125.8 122.0 130.9 126.8 135.4 131.5 140.3 136.0 144.9 140.2 153.5 147.9 160.6 154.7 165.1 160.3 167.7 163.9 169.3 165.8 169.6 166.7 170.0 167.8

More information

Microsoft Word - 9pinggb_A4.doc

Microsoft Word - 9pinggb_A4.doc 九 评 共 产 党 大 纪 元 系 列 社 论 2004 年 11 月 http://dajiyuan.com http://epochtimes.com 目 录 公 告 大 纪 元 发 表 系 列 社 论 九 评 共 产 党... 3 九 评 之 一 评 共 产 党 是 什 么... 4 前 言... 5 一. 以 暴 力 恐 怖 夺 取 和 维 持 政 权... 5 二. 以 谎 言 为 暴 力

More information

Microsoft Word - 9pinggb_A4-f4.doc

Microsoft Word - 9pinggb_A4-f4.doc 九 评 共 产 党 大 纪 元 系 列 社 论 2004 年 11 月 http://dajiyuan.com http://epochtimes.com 目 录 公 告 大 纪 元 发 表 系 列 社 论 九 评 共 产 党... 4 九 评 之 一 评 共 产 党 是 什 么... 4 前 言...5 一. 以 暴 力 恐 怖 夺 取 和 维 持 政 权... 5 二. 以 谎 言 为 暴 力

More information

理 论 探 索 事 业 单 位 改 革 的 五 点 思 考 余 路 [ 摘 要 ] 事 业 单 位 改 革 是 中 国 改 革 的 重 要 环 节, 其 影 响 力 和 难 度 不 亚 于 国 有 企 业 改 革 本 文 着 重 围 绕 推 进 事 业 单 位 改 革 应 考 虑 的 五 个 方 面

理 论 探 索 事 业 单 位 改 革 的 五 点 思 考 余 路 [ 摘 要 ] 事 业 单 位 改 革 是 中 国 改 革 的 重 要 环 节, 其 影 响 力 和 难 度 不 亚 于 国 有 企 业 改 革 本 文 着 重 围 绕 推 进 事 业 单 位 改 革 应 考 虑 的 五 个 方 面 目 录 理 论 探 索 事 业 单 位 改 革 的 五 点 思 考 1 信 息 交 流 省 编 办 刘 维 寅 副 主 任 到 我 市 对 市 县 政 府 机 构 改 革 工 作 进 行 实 地 评 估 11 我 市 部 分 部 门 试 点 实 行 部 门 内 部 行 政 审 批 制 度 改 革 工 作 13 我 市 三 项 措 施 确 保 机 构 编 制 监 督 活 动 常 态 化 14 基 层

More information

日 本 位 于 亚 洲 东 部, 太 平 洋 西 北 角, 是 我 国 东 方 的 一 个 岛 国 在 洪 积 世 ( 注 1) 的 大 部 分 时 期 内, 日 本 与 大 陆 相 连 大 约 在 洪 积 世 晚 期 至 冲 积 世 ( 注 2) 初 期, 日 本 各 地 发 生 海 进, 出 现

日 本 位 于 亚 洲 东 部, 太 平 洋 西 北 角, 是 我 国 东 方 的 一 个 岛 国 在 洪 积 世 ( 注 1) 的 大 部 分 时 期 内, 日 本 与 大 陆 相 连 大 约 在 洪 积 世 晚 期 至 冲 积 世 ( 注 2) 初 期, 日 本 各 地 发 生 海 进, 出 现 前 言 日 本 是 我 们 的 邻 国 文 献 可 考 的 两 国 关 系, 至 少 已 有 21 个 世 纪 古 代 日 本 文 化 的 发 展 晚 于 中 国, 而 日 本 民 族 却 能 在 固 有 文 化 的 基 础 上 对 外 国 文 化 采 取 选 择 吸 收 和 创 新 的 态 度, 形 成 自 己 独 特 的 文 化 封 建 末 期, 中 国 和 日 本 同 受 西 方 列 强 的

More information

2深化教育教学改革、创新人才培养模式

2深化教育教学改革、创新人才培养模式 高 职 物 流 管 理 专 业 人 才 培 养 模 式 的 创 新 与 实 践 1 李 选 芒 2 赵 居 礼 摘 要 高 职 物 流 管 理 专 业 人 才 培 养 模 式 改 革 的 重 点 是 明 确 专 业 培 养 目 标, 构 建 适 应 培 养 目 标 的 课 程 体 系, 营 造 职 业 技 术 训 练 的 教 环 境, 建 设 双 师 结 构 的 师 资 队 伍 陕 西 工 业 职

More information

Microsoft Word - 9pinggb_let.doc

Microsoft Word - 9pinggb_let.doc 九 评 共 产 党 大 纪 元 系 列 社 论 2004 年 11 月 http://dajiyuan.com http://epochtimes.com 目 录 公 告 大 纪 元 发 表 系 列 社 论 九 评 共 产 党... 4 九 评 之 一 评 共 产 党 是 什 么... 5 前 言... 5 一. 以 暴 力 恐 怖 夺 取 和 维 持 政 权... 5 二. 以 谎 言 为 暴 力

More information

实 习 上 下 点 表 格 解 释 和 相 关 纪 律 要 求 : 1 表 格 中 所 有 名 词 都 为 简 称, 包 括 医 院 名 称 四 年 级 五 年 级 各 专 业 名 称 等 所 有 时 间 都 为 学 生 装 好 行 李 出 发 时 间, 请 提 前 0 分 钟 将 行 李 运 到

实 习 上 下 点 表 格 解 释 和 相 关 纪 律 要 求 : 1 表 格 中 所 有 名 词 都 为 简 称, 包 括 医 院 名 称 四 年 级 五 年 级 各 专 业 名 称 等 所 有 时 间 都 为 学 生 装 好 行 李 出 发 时 间, 请 提 前 0 分 钟 将 行 李 运 到 附 件 :.014 年 实 习 生 进 出 实 习 单 位 用 车 方 案 南 京 医 科 大 学 014 年 6 月 实 习 学 生 进 出 实 习 单 位 用 车 计 划 教 务 处 编 014 年 6 月 5 日 实 习 上 下 点 表 格 解 释 和 相 关 纪 律 要 求 : 1 表 格 中 所 有 名 词 都 为 简 称, 包 括 医 院 名 称 四 年 级 五 年 级 各 专 业 名

More information

3 基 金 杠 杆 从 分 级 基 金 的 概 念, 我 们 知 道 了 分 级 基 金 的 A 份 额 是 每 年 获 得 固 定 收 益 的 稳 健 份 额,B 份 额 是 具 有 杠 杆 效 应 的 激 进 份 额 分 级 基 金 中 的 杠 杆 一 般 有 三 类 : 份 额 杠 杆 =(A

3 基 金 杠 杆 从 分 级 基 金 的 概 念, 我 们 知 道 了 分 级 基 金 的 A 份 额 是 每 年 获 得 固 定 收 益 的 稳 健 份 额,B 份 额 是 具 有 杠 杆 效 应 的 激 进 份 额 分 级 基 金 中 的 杠 杆 一 般 有 三 类 : 份 额 杠 杆 =(A 分 级 基 金 入 门 1 概 述 分 级 基 金 是 指 通 过 对 基 金 收 益 分 配 的 安 排, 将 基 金 份 额 分 成 预 期 收 益 与 风 险 不 同 的 两 类 或 多 类 份 额, 并 将 其 中 一 类 份 额 或 多 类 份 额 上 市 进 行 交 易 的 结 构 化 证 券 投 资 基 金 通 常 所 谈 到 的 分 级 基 金 是 将 母 基 金 产 品 ( 可 以

More information

简报158期.doc

简报158期.doc 党 员 干 部 现 代 远 程 教 育 简 报 第 15 期 ( 总 第 158 期 ) 中 共 山 东 省 委 农 村 党 员 干 部 现 代 远 程 教 育 领 导 协 调 小 组 办 公 室 2012 年 10 月 31 日 喜 迎 十 八 大 威 海 市 组 织 开 展 系 列 主 题 宣 传 活 动 迎 接 党 的 十 八 大 一 是 发 挥 党 建 电 视 栏 目 作 用 强 化 宣 传

More information

Microsoft Word - 9pingb5_let.doc

Microsoft Word - 9pingb5_let.doc 九 評 共 產 黨 大 紀 元 系 列 社 論 2004 年 11 月 http://dajiyuan.com http://epochtimes.com 目 錄 公 告 大 紀 元 發 表 系 列 社 論 九 評 共 產 黨... 3 九 評 之 一 評 共 產 黨 是 甚 麼... 4 前 言... 4 一. 以 暴 力 恐 怖 奪 取 和 維 持 政 權... 5 二. 以 謊 言 為 暴 力

More information

103.06.23退休權益.ppt [相容模式]

103.06.23退休權益.ppt [相容模式] 臺 中 市 政 府 人 事 處 不 可 不 知 之 退 休 權 益 1 大 綱 一 退 休 撫 卹 理 論 二 現 行 退 休 制 度 (85 制 ) 三 再 任 停 止 領 受 月 退 休 金 及 優 惠 存 款 四 案 例 分 享 五 公 務 人 員 退 休 撫 卹 法 草 案 (90 制 ) 六 公 務 人 員 保 險 法 103 年 1 月 29 日 修 法 七 結 語 一 退 休 撫 卹

More information

Microsoft Word - 1.《國文》試題評析.doc

Microsoft Word - 1.《國文》試題評析.doc 許 清 龍 老 師 試 題 評 析 國 文 試 題 評 析 / 命 中 事 實 100 學 年 度 私 醫 聯 招 的 國 文 科 考 題, 有 上 課 的 同 學 應 該 發 出 會 心 一 笑, 甚 至 狂 笑, 因 為 老 師 的 命 中 率 實 在 太 高 了 除 了 基 本 的 字 音 字 形 字 義 成 語 的 題 型 外, 時 序 的 題 型 考 了 干 支 判 別 題 目 完 全 可

More information

Ps22Pdf

Ps22Pdf ,,,,,,,,,,, ( ),,, :,,,, ",,,,,,,,,,,,,,,,,,,,, 1 ,,,,,,,,,,,,,,, 1. 1. 1 (, ),,,,,,,,,,,, 2 ( ),,,,,,, ( ),,,, ( ),,,,,,,,,,, 3 1. 2,,,, ;, ;, ;,,,, ( ), :,,,,,,,,,, : 4 ,,,,,, ( / ),,,,,,,, ( ) ( ),,,,

More information

$%%& ()*+, %&, %-&&%%,. $ %,, $,, & /$- 0(1 $%%& %& 234 %-%, 5&%6&633 & 3%%, 3-%, %643 -%%% :::; 7<9; %-%, 3$%$ :::;

$%%& ()*+, %&, %-&&%%,. $ %,, $,, & /$- 0(1 $%%& %& 234 %-%, 5&%6&633 & 3%%, 3-%, %643 -%%% :::; 7<9; %-%, 3$%$ :::; $%%& ()*+, %&, %-&&%%,. $ %,, $,, & /$- 0(1 $%%& %& 234 %-%, 5&%6&633 & 3%%, 3-%, %643 -%%%-- 7889 :::; 7

More information

# $# #!# # # # # # # %# # # &# # # # #! "

# $# #!# # # # # # # %# # # &# # # # #! "!! " "!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! " #$% & (($ (($!$ ) #) )!* )!!+ # )!) "!+ ) #!+ + )!*!!, +!-!#!+,!( # $!+!!) ) "!, ) #! )!$ )! )!$!#! +!* " #!) #!)!( + *!* $!(!+! " $!$ # $!$ +!,!,!) ) &! " #

More information

zt

zt !" !"!"!###!$ !!" #$ %& ( $( )% &# *%!($!#!!%%!"%! &!)%!&"!* #($!& # (!! ?!!""#!$ % # & %!"#$%&"" ()))*)))+ (,)-#*),+./,),),)0 12122222+ (3333333+ 4),),),)0 (,)5677,+ ()))89))+ :;;5 $ # ( )$ # ( ($

More information

2016 年 地 质 工 程 系 教 学 工 作 安 排 2016 学 年 我 系 将 在 总 结 过 去 工 作 的 基 础 上, 结 合 今 年 学 院 以 抓 质 量 强 内 涵 促 改 革 调 结 构 建 品 牌 细 管 理 重 过 程 为 宗 旨, 以 规 范 管 理 深 化 内 涵 为

2016 年 地 质 工 程 系 教 学 工 作 安 排 2016 学 年 我 系 将 在 总 结 过 去 工 作 的 基 础 上, 结 合 今 年 学 院 以 抓 质 量 强 内 涵 促 改 革 调 结 构 建 品 牌 细 管 理 重 过 程 为 宗 旨, 以 规 范 管 理 深 化 内 涵 为 2016 年 地 质 工 程 系 教 学 工 作 安 排 2016 年 教 学 工 作 安 排 2015 2016 学 年 第 二 学 期 教 学 工 作 计 划 二 O 一 六 年 三 月 十 日 2016 年 地 质 工 程 系 教 学 工 作 安 排 2016 学 年 我 系 将 在 总 结 过 去 工 作 的 基 础 上, 结 合 今 年 学 院 以 抓 质 量 强 内 涵 促 改 革 调

More information

,,,,,,,,,,,,,, :,,,, 1 ?,,, :,,,?,,?, :,,,,,,,,,? :,, :,,?, :??, :,!,, 2 ,,,,,,,,,,,,,,,,,?,,,,,,,,,,,,,, :, 3 !?!?,!,!,, :,,,,,,,,,,,,,,,,,,,,,,,,,? :??,, 4 ,,,,,,, :?, :,,,,,,,,,,,,,, 5 ,,,,,,,,,,,,,,,,,,,,,,,,,?,??

More information

Microsoft Word - 126期教材教法-網頁Transform.docx

Microsoft Word - 126期教材教法-網頁Transform.docx 計算機概論 [ 網頁設計 :CSS3 變形與動畫 ] 教材教法 壹 前言 台北市立松山家商資料處理科教師張美雀 從網路上獲取知識已成為現代人求取知識的一種習慣, 網頁設計亦成為電腦資訊領域的重要發展之一 良好的網頁設計除了要能正確傳達資訊, 更要利用圖片 影音及良好的操作介面來吸引使用者 HTML5 網頁設計, 相較於傳統的 HTML 的網頁設計來說, 主要是在網頁內容呈現的強化 HTML5 網頁設計的架構在於

More information

week04.key

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

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

!!! ! " # $% $& $#!!!!&!(!# %$ %) $ !"!#!$ %& % %% %( "& "% "$ #) #% (& (! (# (* $! !" #$ #% & & & " & # &&& &&( &&$ &&% &&# &)& &)* * !"#!$%!$&!!! $! %!()!(!(%!(&!#!##!#&!%"!%#!%&!*$ !"#!$%!$&!$ (%%

More information

Microsoft Word - 095_2015.09.26 什麼最快樂 (白話與經文加註)-ok .doc

Microsoft Word - 095_2015.09.26  什麼最快樂 (白話與經文加註)-ok .doc 釋 厚 觀 ( 福 嚴 推 廣 教 育 班,2015.9.26) 各 位 法 師 各 位 居 士, 大 家 好! 今 天 跟 大 家 分 享 一 則 佛 典 故 事, 這 故 事 出 自 法 句 譬 喻 經, 在 大 正 藏 第 4 冊 595 頁 中 欄 到 596 頁 上 欄 過 去, 佛 在 舍 衛 國 祇 園 精 舍 時, 有 四 位 新 學 比 丘 一 起 來 到 㮈 樹 下 坐 禪 修

More information

1 1200 1290 3 12 6 13 18 19 22 26 11 7 1 12 12 11 1883 1933 20 20 1911

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

投影片 1

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

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

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

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

More information

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

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

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

檢 視 原 始 碼 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

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

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

《linux从入门到精通》实验指导第三讲:文件及目录操作 Web 前端开发 实验教学指导 实验九 : 使用 CSS 进行网页布局 一 实验目的 1 掌握网页布局的基本原理; 2 掌握网页布局的常用方法; 3 体会 HTML CSS JS jquery 等多种技术结合进行 Web 设计开发过程 二 实验环境 1 Windows XP/Windows 7 操作系统的计算机 ; 2 局域网网络环境, 并且使用固定 IP 地址 ; 3 支持互联网访问; 4 Adobe

More information

接线端子--Connectors规格书.doc

接线端子--Connectors规格书.doc Connectors with/without wire protector high-temperature resistant* High grade flexible strips Resistant to temperature up to 100 C (to 140 C) Multiple approvals Raised base Available with or without wire

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

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

付宝容器 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

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

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

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

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

致理技術學院

致理技術學院 致 理 技 術 學 院 商 務 科 技 管 理 系 實 務 專 題 報 告 彩 繪 指 甲 預 覽 系 統 指 導 老 師 : 彭 建 文 博 士 學 生 : 蕭 全 佑 (19833150) 鄭 任 翔 (19833111) 林 育 璇 (19833114) 中 華 民 國 101 年 12 月 致 理 技 術 學 院 商 務 科 技 管 理 系 實 務 專 題 報 告 彩 繪 指 甲 預 覽 系

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

《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 - 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

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