2-1 基礎HTML-CSS

Size: px
Start display at page:

Download "2-1 基礎HTML-CSS"

Transcription

1 老田講座 講師 : 田甜甜 RITA TEACHING 基礎 HTML-CSS v.5 rita.design@gmail.com ENTER

2 WEB STRUCTURE\ 網頁基本概念 HTML 基本架構 : ( 分層逐步提升 ) HTML 超文件標示語言 ( 文件內容架構 ) 內容優先設計 ( 逐步提升的第一分層 ) CSS 層疊樣式表 ( 外觀呈現 ) JavaScript 行為腳本 ( 動態效果 ) 網頁執行結構 : 請求網頁 HTML: 瀏覽器 回應 html 網頁 伺服器 請求網頁 JavaScript: 瀏覽器 回應 html 網頁 伺服器 請求網頁 PHP ASP: 瀏覽器 回應 html 網頁 伺服器

3 HTML TAG\ web 建站基本觀念 1 網站根目錄( 資料夾 ) 中, 不論是網頁名稱或是圖片名稱, 所有檔名均不可有中文 2 一般伺服器會自動搜尋以下檔案名稱, 將其預設為首頁 一般預設首頁檔名如下 : ( 首頁可設定為以下之一檔名 ) default.htm index.html index.htm index.php default.php index.php3 目前最常使用之檔案名稱為 index 而網站其他內頁檔名, 可依照頁面內容命名, 如 : 關於我們:about.html 另外提醒, 若網頁名稱需要用到編號或二個單字組合, 如 : page_1.html about_us.html... 盡量不要用 - 符號, 而是使用 _ 底線符號, _ 底線符號是公認的命名接受符號( 較安全 ) - 符號則可能被認為是特殊符號或減號而不小心產生錯誤 3 網站根目錄中, 建議建立 影像存放目錄 收集網站影像檔案, 一般命名為 images WEB STRUCTURE\ 網站資料夾結構 網站專案名稱 images logo.png banner.jpg button.gif index.html about.html service.html

4 WEB STRUCTURE\ 網頁基本結構 document 它提供了一個文件 ( 樹 ) 的結構化表示法, 並定義讓程式可以存取並改變文件架構 風格和內容的方法 html head body title script form ul input input li HTML 基本架構 : <!DOCTYPE> 文件類型宣告, 告訴瀏覽器使用的 HTML 版本 <html> 網頁 html 根元素 <head> 網頁檔頭區 <meta> 網頁資訊定義 <title>...</title> 網頁標題 <style>...</style> css 樣式 <script>...</script> javascript 語法 </head> <body> 網頁主體內容 </body> </html>

5 HTML NOTES\ html 注意事項 1 建議使用英文小寫字 2 需要結尾標籤來封閉標籤元素 3 注意巢狀標籤結尾標籤位置 4 均有預設樣式以呈現在網頁上 5 不同標籤均有特定的屬性 6 定義網頁使用的 DOCTYPE 版本 7 定義使用的網頁編碼( 如 :UTF-8) 8 使用雙引號 設定標籤屬性值 HTML META\ meta 常用屬性 html5:<meta charset="utf-8"> 舊版 :<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="description" content=" 網頁簡述 "> <meta name="keywords" content=" 網頁關鍵字 "> <meta name="author" content=" 作者名稱 "> <meta name="company" content=" 公司名稱 "> <meta name="generator" content=" 開發工具 "> <meta name="copyright" content=" 版權宣告 "> <meta name="distribution" content="taiwan"> // 網站發佈地 <meta name="creation-date" content="01-jan :40:01"> // 網頁完成時間 Open Graph Protocol 開放圖形協議 <meta property="og:title" content=" 文章標題 "> <meta property="og:site_name" content=" 網站名稱 "> <meta property="og:type" content="article"> og:type 可設定的完整列表 : <meta property="og:url" content=" <meta property="og:image" content=" <meta property="og:image" content=" <meta property="og:description" content=" 分享文章描述 ">

6 行內元素塊狀元素網頁常用單位 表格元素HTML TAG\ html 常用標籤元素 <!- - 註解 - -> 網頁檔案 <html></html> 網頁檔頭 <head></head> 網頁定義 <meta /> 網頁標題 <title> </title> CSS 樣式 <style> </style> 腳本程式碼 <script></script> 文字參數 <font></font> 表格 <table> </table> 表格標題 <th> </th> 列 <tr> </tr> 欄 <td> </td> 超連結 <a> </a> 區塊 <span></span> 區塊 <div> </div> 標題 1~6 <h1> </h1> <h6> </h6> 項目清單 <ul> </ul> 清單列表 <li> </li> 段落 <p> </p> (enter) 換行 <br />(shift + enter) 分隔線 <hr/> 影像 <img: xxxxxxxx /> 網頁段落文字應該落在 15~20 點之間, 大部分的瀏覽器預設值是 16 點 絕對單位 px pt pixels( 像素 ), 固定尺寸大小 point( 點 ), 會根據螢幕解析度來決定 point 大小 相對單位 em % dp/dip sp 以 body 比例換算, 預設 body 文字尺寸為 16px, 即 16px=1em 以百分比做為比例尺寸, 預設 body 文字尺寸為 16px, 即 16px=100% 對應到在 160 dpi 的螢幕上的幾個像素 1 dp = 1/160 in dp = px * dpi / 160 px = dp* dpi / 160 對應在 160 dpi 的螢幕上的幾個 pt 在 android 中, 文字大小應使用 sp 而非 pt sp = pt * dpi / 160 pt = sp* dpi / 160

7 HTML&CSS\ HTML 與 CSS HTML <!-- 註解內容 --> CSS /* 註解內容 */ 全標籤 : * { margin:0; padding:0; <boby></boby> <div id="logo"></div> <p class="style_1"></p> <span class="abc"></span> #box.photo.title <div id="box"> <div class="photo"></div> <div class="title"></div> </div> 標籤 ( 元素 ) 選擇器 : div { background:#000000; /* 選擇所有 html 文件裡的所有 div 元素 */ id 選擇器 :// 以 # 井號做為開頭 #banner{ width:333px; height:100px; class 類別選擇器 :// 以. 點號做為開頭.style_1{ font-size=1em; css 偽類別 ( 虛擬類別 ): a:link{ color:blue; a:visited{ color:blue; a:hover{ color:yellow; a:active{ color:orange; 群組選擇器 : h1,h2,h3{ color: red; /* 同時設定多個元素 */ 複合條件選擇器 : span.abc{ color:#cccccc; /* 設定所有套用.abc 類別的 span 元素 */ 階層選擇器 : #box.photo{ width:350px; height:300px; /* 設定 #box 裡面的.photo 類別 */

8 CSS BOX MODEL\ CSS 盒子模型 Box Model 尺寸為以下三項屬性的總合 Box Model 尺寸, 包含有三項特定屬性組合 1 margin : 外距 ( 間距 ) - 框與框之間的距離 2 border: 邊框 3 padding: 內距 - 框與內容 ( 圖文 ) 之間的距離 margin border padding content margin-top: 10px; margin-right: 5px; margin-bottom: 15px; margin-left: 20px; margin: 10px 5px 15px 20px; ( 上, 右, 下, 左 - 順時針方向 ) margin: 10px 15px 20px; ( 上, 左右, 下 ) margin: 10px 20px; ( 上下, 左右 ) padding-top: 10px; padding-right: 5px; padding-bottom: 15px; paddingleft: 20px; padding: 10px 5px 15px 20px; ( 上, 右, 下, 左 - 順時針方向 ) padding: 10px 15px 20px; ( 上, 左右, 下 ) padding: 10px 20px; ( 上下, 左右 ) border-width: 5px; border-style: solid; border-color: #0000FF; border: #0000FF 5px solid;

9 CSS TYPESETTING\ CSS 排版 float:left; display:inline-block; 文檔流 脫離文檔流 周圍元素環繞 在文檔流內, 並保留塊狀特性 周圍元素不會環繞 水平位置 父元素設定 text-align:center, 無法使子元素水平居中 父元素設定 text-align:center, 可使子元素水平居中 垂直位置 默認值 : 緊貼頂部 vertical-align 無效 默認值 : 基線對齊 vertical-align 有效 float:left; display:inline-block;

10 CSS POSITION\ CSS 定位元素 HTML 語法 : <div id="box1"> #box1 <div id="box2">#box2</div> </div> <div id="box3">#box3</div> static #box1 { background-color: #74bbc9; position: static; left: 100px; top: 100px; #box2 { background-color: #ed7a63; position: static; left: 50px; top: 50px; #box3 { background-color: #9dd0a2; position: static; left: 80px; top: 80px; static ( 預設值 ) #box1 #box2 #box3 position: static; 不特別定位, 會依 HTML 排版配置呈現, 就算指定座標位置也不會有作用 畫面在捲動時, 元素還是會隨著頁面捲動 relative #box1 { background-color: #74bbc9; position: relative; left: 100px; top: 100px; #box2 { background-color: #ed7a63; position: relative; left: 50px; top: 50px; #box3 { background-color: #9dd0a2; position: relative; left: 80px; top: 80px; relative ( 相對定位 ) #box1 #box3 #box2 沒有設定屬性時呈現方式和 static 一樣 設定座標位置後, 會依照指定座標定位 畫面在捲動時, 元素還是會隨著頁面捲動 #box1 沒有放在任何元素裡面, 因此其定位會以 <body> 元素為座標起點來定位 #box2 放在 #box1 裡面, 即 #box1 為父元素, #box2 為子元素,#box2 會以 #box1 作為定位目標來呈現位置 #box3 為獨立元素, 因 relative 不能排列, 因此會 #box1 向下推壓, 且並不會依照設定的定位去排列, 而產生錯誤排版

11 CSS POSITION\ CSS 定位元素 absolute fixed #box1 { background-color: #74bbc9; position: absolute; left: 100px; top: 100px; #box2 { background-color: #ed7a63; position: absolute; left: 50px; top: 50px; #box3 { background-color: #9dd0a2; position: absolute; left: 80px; top: 80px; #box3 #box1 #box2 #box1 { background-color: #74bbc9; position: fixed; left: 100px; top: 100px; #box2 { background-color: #ed7a63; position: fixed; left: 50px; top: 50px; #box3 { background-color: #9dd0a2; position: fixed; left: 80px; top: 80px; #box2 #box3 #box1 absolute ( 絕對定位 ) absolute 為浮動元素, 可重疊排版, 類似 photoshop 的圖層 畫面在捲動時, 元素還是會隨著頁面捲動 #box1 沒有放在任何元素裡面, 因此其定位會以 <body> 元素為座標起點來定位 fixed( 固定定位 ) fixed 元素其定位會以瀏灠器 (DOM) 為座標起點來定位 其不會跟著頁面捲動, 而會固定指定的位置 固定定位元素不會保留它原本在頁面應有的空間, 不會跟其他元素的配置互相干擾 #box2 放在 #box1 裡面, 即 #box1 為父元素, #box2 為子元素, 但因 absolute 並非可定位元素, 因此該元素的定位則會以 <body> 元素為座標起點來定位 #box3 為獨立元素, 該元素的定位也是以 <body> 元素為座標起點來定位 子元素 指定為依據 父元素 位置中的絕對位置, 則 子元素 可設定 position:absolute ( 絕對位置 ), 但 父元素 必須設定為 position:relative;

12 HTML LANG\ 網頁語系 <html> 可加入 lang= 標註網頁語系, 讓瀏覽器能更正確的解析與編碼網頁內容 依照 IETF(Internet Engineering Task Force 國際網路工程研究團隊 ) 的 RFC 4646 的 Tags for Identifying Languages 所定義 舊式的繁體中文為 :zh-tw 常用語言的標示法 ( 照字母排序 ): zh-hans 簡體中文 zh-hans-cn 大陸地區使用的簡體中文 zh-hans-hk 香港地區使用的簡體中文 zh-hans-mo 澳門使用的簡體中文 zh-hans-sg 新加坡使用的簡體中文 zh-hans-tw 臺灣使用的簡體中文 zh-hant 繁體中文 zh-hant-cn 大陸地區使用的繁體中文 zh-hant-hk 香港地區使用的繁體中文 zh-hant-mo 澳門使用的繁體中文 zh-hant-sg 新加坡使用的繁體中文 zh-hant-tw 臺灣使用的繁體中文其他舊式用法,PS: 不符合 RFC 4646 規範 END.

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

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

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

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

week04.key

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

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

bootstrap - 2

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

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

導讀 ASP.NET HTML ASP 第一篇 基礎篇第 1 章 認識 ASP.NET ASP.NET ASP.NET ASP.NET ASP.NET 第 2 章 認識 Visual Studio 20 開發環境 Visual Studio 20 Visual Studio 20 第二篇 C# 程式

導讀 ASP.NET HTML ASP 第一篇 基礎篇第 1 章 認識 ASP.NET ASP.NET ASP.NET ASP.NET ASP.NET 第 2 章 認識 Visual Studio 20 開發環境 Visual Studio 20 Visual Studio 20 第二篇 C# 程式 導讀 ASP.NET HTML ASP 第一篇 基礎篇第 1 章 認識 ASP.NET ASP.NET ASP.NET ASP.NET ASP.NET 第 2 章 認識 Visual Studio 20 開發環境 Visual Studio 20 Visual Studio 20 第二篇 C# 程式語言篇第 3 章 C# 程式語言基礎 C# C# 3.0 var 第 4 章 基本資料處理 C# x

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

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

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

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

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

<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

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

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

week04.key

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

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

超連結 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

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

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

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

大漠 伪前端, 就职于淘宝

大漠 伪前端, 就职于淘宝 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 - CH02.pptx

Microsoft PowerPoint - CH02.pptx 第 2 章文件結構 本投影片參考陳惠貞投影片製作修改, 僅供教學使用 楊偉儒 Email: wzyang0825@gmail.com 2 Part1 HTML 篇 2-1 HTML 文件的 DOCTYPE- 元素 2-1 HTML 文件的 DOCTYPE - 元素 2-2 HTML 文件的根元素 - 元素 2-3 HTML 文件的標頭 -

More information

投影片 1

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

More information

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

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

More information

Microsoft Word - PHP7Ch01.docx

Microsoft Word - PHP7Ch01.docx PHP 01 1-6 PHP PHP HTML HTML PHP CSSJavaScript PHP PHP 1-6-1 PHP HTML PHP HTML 1. Notepad++ \ch01\hello.php 01: 02: 03: 04: 05: PHP 06:

More information

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

《linux从入门到精通》实验指导第三讲:文件及目录操作 Web 前端开发 实验教学指导 实验五 : 文字排版 一 实验目的 1 掌握 CSS 进行页面表现控制的基本方法和 CSS 的基本原理 ; 2 掌握 CSS 进行文字排版的基本内容和使用方法 二 实验环境 1 Windows XP/Windows 7 操作系统 ; 2 安装有 Adobe Dreamweaver CS6 软件的计算机一台 ; 3 局域网网络环境, 并且使用固定 IP 地址 三 实验要求

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

! 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

CSS教學

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

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

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

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

More information

Microsoft PowerPoint - Ch00-4-XHTML.ppt [相容模式]

Microsoft PowerPoint - Ch00-4-XHTML.ppt [相容模式] Chapter 0-4 (XHTML) 陈瑞奇 (J.C. Chen) 亚洲大学资讯工程学系 多媒体网站技术应用 整合性课程 IE, Firefox, Safari, Opera, Chrome HTML/CSS DHTML/XHTML/XML JavaScript, JScript, VBScript Java Applet, ActiveX, AJAX Plug-in (eg, Flash, PDF,

More information

CSS

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

Microsoft Word - ch02.doc

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

More information

final

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

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

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

3-2 jQuery v11

3-2 jQuery v11 老田講座 講師 : 田甜甜 RITA TEACHING 基礎 jquery v11.0 Email: rita.design@gmail.com ENTER http://tutorial.jumpdesign.tw/ jquery 基本概念 什麼是 jquery: 1 jquery 是一個輕量級的 JavaScript 庫, 宗旨是 寫更少, 做更多 2 目的是為了使它更容易在您的網站使用 JavaScript

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

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連載_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

(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

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

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

2 SGML, XML Document Traditional WYSIWYG Document Content Presentation Content Presentation Structure Structure? XML/SGML 3 2 SGML SGML Standard Gener

2 SGML, XML Document Traditional WYSIWYG Document Content Presentation Content Presentation Structure Structure? XML/SGML 3 2 SGML SGML Standard Gener SGML HTML XML 1 SGML XML Extensible Markup Language XML SGML Standard Generalized Markup Language, ISO 8879, SGML HTML ( Hypertext Markup Language HTML) (Markup Language) (Tag) < > Markup (ISO) 1986 SGML

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

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

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

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

第三章 补充案例

第三章 补充案例 项目 4 补充案例 西式甜品网 首页面制作 一 案例描述 1 考核知识点 盒子模型 元素的浮动与定位 2 练习目标 掌握盒子的相关属性 掌握元素的浮动与定位 3 需求分析 盒子模型这样的布局方式代替了传统的表格布局, 同时结合元素的浮动与定位, 可使网页的结构更加 多样化, 通过学习本案例可以使初学者进一步的巩固盒子模型和元素的浮动与定位等相关知识点 4 案例展示 效果如图 4-1 所示 1 图 4-1

More information

Windows 10 在數位轉型下 所扮演的重要角色暨安全功能介紹

Windows 10 在數位轉型下 所扮演的重要角色暨安全功能介紹 台灣微軟技術支援部技術支援經理 沈志豪 1 Agenda IE 提供的相容性功能 調整文件模式 (Document Mode) 調整瀏覽器模式 (Browser Mode) 使用者代理程式字串 (User Agent) 如何讓 IE11 自動化套用適當的文件模式 Meta Tag 相容性檢視 (Compatibility View) 企業模式 (Enterprise Mode) 5.1 v2 相容性問題排除策略

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

untitled

untitled PowerBuilder Tips 利 PB11 Web Service 年度 2 PB Tips PB9 EAServer 5 web service PB9 EAServer 5 了 便 web service 來說 PB9 web service 力 9 PB11 release PB11 web service 力更 令.NET web service PB NVO 論 不 PB 來說 說

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

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

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

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

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

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

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

1 1 大概思路 创建 WebAPI 创建 CrossMainController 并编写 Nuget 安装 microsoft.aspnet.webapi.cors 跨域设置路由 编写 Jquery EasyUI 界面 运行效果 2 创建 WebAPI 创建 WebAPI, 新建 -> 项目 ->

1 1 大概思路 创建 WebAPI 创建 CrossMainController 并编写 Nuget 安装 microsoft.aspnet.webapi.cors 跨域设置路由 编写 Jquery EasyUI 界面 运行效果 2 创建 WebAPI 创建 WebAPI, 新建 -> 项目 -> 目录 1 大概思路... 1 2 创建 WebAPI... 1 3 创建 CrossMainController 并编写... 1 4 Nuget 安装 microsoft.aspnet.webapi.cors... 4 5 跨域设置路由... 4 6 编写 Jquery EasyUI 界面... 5 7 运行效果... 7 8 总结... 7 1 1 大概思路 创建 WebAPI 创建 CrossMainController

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

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

Spyder Anaconda Spyder Python Spyder Python Spyder Spyder Spyder 開始 \ 所有程式 \ Anaconda3 (64-bit) \ Spyder Spyder IPython Python IPython Sp

Spyder Anaconda Spyder Python Spyder Python Spyder Spyder Spyder 開始 \ 所有程式 \ Anaconda3 (64-bit) \ Spyder Spyder IPython Python IPython Sp 01 1.6 Spyder Anaconda Spyder Python Spyder Python Spyder Spyder 1.6.1 Spyder 開始 \ 所有程式 \ Anaconda3 (64-bit) \ Spyder Spyder IPython Python IPython Spyder Python File

More information

济南大学计算机科学与技术专业发展规划

济南大学计算机科学与技术专业发展规划 江 苏 省 海 安 中 等 专 业 学 校 计 算 机 网 络 技 术 专 业 三 年 发 展 规 划 (2016-2019) 专 业 建 设 是 中 职 学 校 最 重 要 的 教 学 基 本 建 设, 对 中 职 学 校 的 改 革 与 发 展 具 有 深 远 的 影 响 专 业 建 设 决 定 着 人 才 培 养 的 格 局 与 办 学 水 平 为 主 动 适 应 中 职 教 育 发 展 的

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

JAIST Reposi Title WWW における関連リンク集の自動生成 Author(s) 田村, 雅樹 Citation Issue Date Type Thesis or Dissertation Text version author U

JAIST Reposi   Title WWW における関連リンク集の自動生成 Author(s) 田村, 雅樹 Citation Issue Date Type Thesis or Dissertation Text version author U JAIST Reposi https://dspace.j Title WWW における関連リンク集の自動生成 Author(s) 田村, 雅樹 Citation Issue Date 2006-03 Type Thesis or Dissertation Text version author URL http://hdl.handle.net/10119/1979 Rights Description

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

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

<4D6963726F736F667420576F7264202D2077656273616C6573ABC8A4E1A8CFA5CEBBA1A9FAAED1>

<4D6963726F736F667420576F7264202D2077656273616C6573ABC8A4E1A8CFA5CEBBA1A9FAAED1> WebSales 網 站 推 銷 員 客 戶 使 用 手 冊 最 好 的 輔 助 工 具, 尚 須 勤 於 操 作 與 檢 討, 適 時 修 正 方 向, 才 能 使 您 的 網 站 獲 得 最 大 效 益 目 錄 註 冊 與 新 手 快 速 指 引 1 功 能 介 紹 增 加 業 務 客 服 人 員 2 歡 迎 詞 設 定 4 自 訂 樣 式 與 位 置, 自 動 產 生 HTML 網 頁 原 始

More information

投影片 1

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

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

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

Microsoft Word - 放榜用-105無口試放榜電子榜單_NEW_.doc

Microsoft Word - 放榜用-105無口試放榜電子榜單_NEW_.doc 國 立 臺 灣 大 學 105 學 年 度 碩 士 班 招 生 無 口 試 系 所 組 正 備 取 生 名 單 105 年 3 月 16 日 備 註 一 : 榜 單 內 容 如 有 爭 議, 以 本 校 招 生 委 員 會 之 正 式 公 告 為 準 備 註 二 : 本 梯 次 無 口 試 系 所 組 之 正 取 ( 備 取 ) 生 請 務 必 詳 閱 報 到 各 相 關 要 點, 如 期 辦 理

More information

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

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

More information

XXXXXXXX http://cdls.nstl.gov.cn 2 26

XXXXXXXX http://cdls.nstl.gov.cn 2 26 [ ] [ ] 2003-7-18 1 26 XXXXXXXX http://cdls.nstl.gov.cn 2 26 (2003-7-18) 1...5 1.1...5 1.2...5 1.3...5 2...6 2.1...6 2.2...6 2.3...6 3...7 3.1...7 3.1.1...7 3.1.2...7 3.1.2.1...7 3.1.2.1.1...8 3.1.2.1.2...10

More information

jQuery

jQuery jquery & jquery Mobile 建國科技大學資管系饒瑞佶 2013/4 V1 2015/9 V2 2016/9 V3 目前網站 / 頁設計趨勢與難題 應付不同螢幕尺寸問題 自適應網站設計 RWD(Responsive Web Dseign) 技術 可以自己設計 RWD, 也可以用既有框架 支援 RWD 的框架技術很多, 包括 : jquery 與 jquery Mobile- 解決行動裝置版面多樣化與美工問題

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

主程式 : public class Main3Activity extends AppCompatActivity { ListView listview; // 先整理資料來源,listitem.xml 需要傳入三種資料 : 圖片 狗狗名字 狗狗生日 // 狗狗圖片 int[] pic =new

主程式 : public class Main3Activity extends AppCompatActivity { ListView listview; // 先整理資料來源,listitem.xml 需要傳入三種資料 : 圖片 狗狗名字 狗狗生日 // 狗狗圖片 int[] pic =new ListView 自訂排版 主程式 : public class Main3Activity extends AppCompatActivity { ListView listview; // 先整理資料來源,listitem.xml 需要傳入三種資料 : 圖片 狗狗名字 狗狗生日 // 狗狗圖片 int[] pic =new int[]{r.drawable.dog1, R.drawable.dog2,

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

epub 79-1

epub 79-1 1 XML X M L X M L X M L We b 1.1 markup language M L M L A S C I I A S C I I C 0 0 0 1 F C R - L F M S - D O S M S - Wi n d o w s U n i x L F M a c O S C R A S C I I A S C I I -. - -. C C + + { }. b e

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

投影片 1

投影片 1 2014 大 學 18 學 群 講 座 管 理 / 財 經 / 建 築 / 資 訊 學 群 介 紹 主 講 人 : 張 奇 博 士 張 奇 老 師 簡 介 學 術 經 歷 高 中 輔 導 經 歷 «英 國 倫 敦 大 學 國 王 學 院 博 士 後 研 究 員 «高 雄 女 中 竹 北 高 中 彰 化 高 中 中 和 高 中 衛 道 中 學 彰 «國 立 大 學 企 業 管 理 學 博 士 化 藝

More information

Microsoft Word - 28935样章.dot

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

More information

002 2003 1 003 1 + 1 = 2 001 002 003 / 1 / 1 / 1 / 5 1. / 6 2. / 11 3. / 15 4. / 22 5. / 28 / 35 1. / 36 2. / 40 3. / 45 4. / 50 / 56 1. / 58 2. / 65 3. / 69 001 4. / 84 5. / 89 6. / 93 7. / 102 / 115

More information

HTML

HTML HTML 2015 計算機概論 HTML 是什麼? HTML 是用來描述網頁的一種語言 HTML 指的是超文件標示語言 (Hyper Text Markup Language) HTML 不是一種編程語言, 而是一種標記語言 (markup language) 標記語言是一套標記標籤 (markup tag) HTML 使用標記標籤來描述網頁 HTML 標籤 HTML 標籤 (HTML tag) 是由尖括號

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

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

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

網頁設計的原理與應用 一 認識網頁與網站 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

12 第二章 RFID 12 RFID RFID RFID RFID RFID NFC NFC NFC RFID NFC RFID RFID NFC RFID NFC NFC NFC NFC WiFi WiFi WiFi NFC NFC 10 WiFiNFC NFC NFC WiFi

12 第二章 RFID 12 RFID RFID RFID RFID RFID NFC NFC NFC RFID NFC RFID RFID NFC RFID NFC NFC NFC NFC WiFi WiFi WiFi NFC NFC 10 WiFiNFC NFC NFC WiFi 11 第二章 NFC RFID RFID Radio Frequency Identification 無線射頻辨識 E-ZPass RFID RFID NFC Near Field Communication 近距離無線通訊 RFID RFID NFC NFC RFID tag RFID NFC NFC RFID RFID NFC NFC Android Arduino NFC RFID NFC

More information

问 调 用 云 端 的 语 音 服 务 的 接 口 形 式, 对 规 范 语 音 识 别 服 务 提 供 方 式, 方 便 客 户 端 的 集 成 调 用, 从 而 促 进 语 音 交 互 应 用 的 推 广 发 展, 促 进 广 大 用 户 充 分 享 受 到 语 音 交 互 带 来 的 快 速

问 调 用 云 端 的 语 音 服 务 的 接 口 形 式, 对 规 范 语 音 识 别 服 务 提 供 方 式, 方 便 客 户 端 的 集 成 调 用, 从 而 促 进 语 音 交 互 应 用 的 推 广 发 展, 促 进 广 大 用 户 充 分 享 受 到 语 音 交 互 带 来 的 快 速 国 家 标 准 中 文 语 音 识 别 互 联 网 服 务 接 口 规 范 ( 征 求 意 见 稿 ) 编 制 说 明 一 工 作 简 况 1 任 务 来 源 按 照 国 家 标 准 化 管 理 委 员 会 2014 年 第 一 批 国 家 标 准 制 修 订 计 划 安 排, 国 家 标 准 制 定 项 目 中 文 语 音 识 别 互 联 网 服 务 接 口 规 范 ( 征 求 意 见 稿 ) 计

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