2-1 基礎HTML-CSS
|
|
- 憬镖 戈
- 6 years ago
- Views:
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 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 informationweek06.key
基礎網 頁設計 第六週 老師 : 蔡孟珂 大綱 HTML 標籤屬性 DOM(Document Object Model) 文件物件模型 樹的概念 CSS 撰寫與常 用語法 HTML 標籤屬性 id 唯 一值 同 一份 html 中, 標籤裡不能有重複的 id 名稱 頁底資訊 1 連結
More information互動網頁技術系列課程 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 information05 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 informationChapter 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 informationweek04.key
基礎網 頁設計 第四週 老師 : 蔡承洋 大綱 HTML 標籤 元素 屬性 常 用標籤 標籤屬性 網 頁檔案命名 網站資料夾與檔案路徑關連 課後作業 HTML 標籤 元素 屬性 tag 標籤 使 用 < > 包起來, 包住的是 tag 名稱 http://www.w3schools.com/tags/ 所有 tag 列表 element 元素 開始標籤 我是 一段 文字
More informationMicrosoft 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 informationbootstrap - 2
RITA TEACHING Bootstra p ENTER bootstrap - 2 bootstrap - 3 bootstrap 101 Template
More informationF477
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# 程式語言篇第 3 章 C# 程式語言基礎 C# C# 3.0 var 第 4 章 基本資料處理 C# x
More informationA-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 informationp.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
網頁程式設計 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 informationF477
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 informationChapter 位元素04 定放棄在網頁版面中使用表格, 是 Web 標準的關鍵之一 其實表格使用的目的不在此, 它應該是用來顯示格狀資料, 就如同 Excel 的工作表一樣 不過, 在 CSS 發展以前, 我們習慣用表格來建立一個有格狀的網頁, 讓元素有組織的排列在上, 而且使用一些像間隔圖片 (
Stylin with CSS a Designer s Guide 2/e Chapter 位元素04 定放棄在網頁版面中使用表格, 是 Web 標準的關鍵之一 其實表格使用的目的不在此, 它應該是用來顯示格狀資料, 就如同 Excel 的工作表一樣 不過, 在 CSS 發展以前, 我們習慣用表格來建立一個有格狀的網頁, 讓元素有組織的排列在上, 而且使用一些像間隔圖片 (spacer GIF)
More information<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 informationHTML5 & 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
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 informationweek04.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
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...]/
網頁程式設計 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 informationMicrosoft 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
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 名 公 务 员 (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 informationMicrosoft 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
CSS 的運用 Speaker:Kevin Yang Date:2007/3/10 何謂 CSS CSS 的全名是 Cascading Style Sheets( 串接樣式表 ) CSS 是用來延伸 html 而非取代 htnl, 是用來補 html 的不足 CSS 的特點 加快網頁傳輸的速度 : 減少圖檔的使用, 便可以達到文字變化的需求 集中管理樣式 : 當修改時只需針對樣式修改即可 共享樣式設定
More informationMicrosoft Word - 改版式网页全文.doc
第 4 章 Dreamweaver CS3 高 级 篇 4.1 表 单 概 述 表 单 是 用 来 收 集 浏 览 者 的 用 户 名 密 码 E-mail 地 址 个 人 爱 好 和 联 系 地 址 等 用 户 信 息 的 输 入 区 域 集 合 浏 览 者 填 写 表 单 的 方 式 一 般 是 输 入 文 本 选 择 单 选 按 钮 或 复 选 框 以 及 从 下 拉 列 表 框 中 选 择
More informationMicrosoft 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从入门到精通》实验指导第三讲:文件及目录操作
Web 前端开发 实验教学指导 实验五 : 文字排版 一 实验目的 1 掌握 CSS 进行页面表现控制的基本方法和 CSS 的基本原理 ; 2 掌握 CSS 进行文字排版的基本内容和使用方法 二 实验环境 1 Windows XP/Windows 7 操作系统 ; 2 安装有 Adobe Dreamweaver CS6 软件的计算机一台 ; 3 局域网网络环境, 并且使用固定 IP 地址 三 实验要求
More informationCU0594.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 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 informationCSS教學
講師 : 張秀山 CSS 說明 CSS 是 Cascading Style Sheets 的縮寫,Cascading 是串接 連接之意 ;Style 則是風格 款式之意 ; Sheets 則是一頁紙 表的意思 所以呢, 要以中文來解釋 CSS 的話呢, 您可以稱之為 串接樣式表 CSS 放在那裡? 網頁內 CSS 語法放在 之間! CSS 放在那裡?css 檔案 寫在一個
More informationPowerPoint プレゼンテーション
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 博 彩 网 站 三 亚 海 棠 湾 东 方 的 迪 拜 回 归 年 少 的 童 真 快 乐 www.hmcdp.com http://www.hmcdp.com 泰 州 招 聘 365bet 博 彩 网 站 三 亚 海 棠 湾 东 方 的 迪 拜 回 归 年 少 的 童 真 快 乐 大 兴 安 岭 鄂 尔 多 斯 博 尔 塔 拉 泰 州 招 聘 网 泰 州 雇 用 365bet
More informationMicrosoft 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 informationCSS
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
More informationMicrosoft Word - ch02.doc
第 2 章 认 识 Dreamweaver 8 教 学 提 示 :Dreamweaver 是 一 款 功 能 强 大 的 可 视 化 的 网 页 编 辑 与 管 理 软 件 利 用 它, 不 仅 可 以 轻 松 地 创 建 跨 平 台 和 跨 浏 览 器 的 页 面, 也 可 以 直 接 创 建 具 有 动 态 效 果 的 网 页 而 不 用 自 己 编 写 源 代 码 Dreamweaver 8
More informationfinal
行 政 院 研 究 發 展 考 核 委 員 會 政 府 網 站 建 置 及 營 運 作 業 參 考 指 引 中 華 民 國 99 年 2 月 政 府 網 站 建 置 及 營 運 作 業 參 考 指 引 目 次 前 言 與 導 讀... 1 一. 緣 由... 1 二. 現 行 規 範 應 用 的 運 作 與 問 題... 1 三. 政 府 網 站 建 置 與 營 運 作 業 參 考 指 引 之 規
More informationWordPress 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 informationXHTML 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 information3-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 information1. 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 informationchapter 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 informationRUN_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
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 informationMicrosoft 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 软件 带功能即可 更多细节样式调整和 录索引探索建设中 成时间 : 2017-07-20 12:13:21 Since 8.6 定义键盘 定义键盘使
More information2 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从入门到精通》实验指导第三讲:文件及目录操作
Web 前端开发 实验教学指导 实验七 :JQuery 实现网页动画 一 实验目的 1 理解 Web 交互的基本模式和概念 ; 2 掌握 Web 中 JavaScript 使用的基本方法 ; 3 了解 jquery 的特性及用法 ; 4 熟悉的 jquery 基本语法 ; 5 编写代码实现 jquery 的基本动画效果 二 实验环境 1 Windows XP/Windows Server 2003
More informationAdvanced PHP Programming
進階網路程式設計 About last week 是否有練習 Session Question 我們使用文字方塊送出一串文字, 那要如何在送出前, 判斷使用者是否有輸入資料? (E.g. 帳號是否介於 5~10 字元 ) 另外, 之前我們在 HTML 中, 用 來設定字型的大小與顏色, 是否有可能無法滿足需求的時候呢? (E.g. 超大字體 ) What s Next HTML5 JavaScript
More informationuntitled
.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 information06 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 informationWindows 10 在數位轉型下 所扮演的重要角色暨安全功能介紹
台灣微軟技術支援部技術支援經理 沈志豪 1 Agenda IE 提供的相容性功能 調整文件模式 (Document Mode) 調整瀏覽器模式 (Browser Mode) 使用者代理程式字串 (User Agent) 如何讓 IE11 自動化套用適當的文件模式 Meta Tag 相容性檢視 (Compatibility View) 企業模式 (Enterprise Mode) 5.1 v2 相容性問題排除策略
More informationRUN_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 informationuntitled
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
Chapter 04 01 在 按 鈕 上 附 加 hover 效 果 本 節 的 HTML 範 例 套 用 了 3 種 當 滑 鼠 移 入 移 出 按 鈕 時 的 hover 效 果 下 圖 共 有 12 個 按 鈕, 我 們 會 在 同 一 列 按 鈕 套 用 同 一 效 果, 總 共 3 種 效 果 本 節 使 用 的 HTML 範 例 檔 SampleFile /Chapter04/01/index.html
More informationXML/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 informationChapter 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 informationcss-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 informationAutodesk 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 information1 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从入门到精通》实验指导第三讲:文件及目录操作
Web 前端开发 实验指导 : 实验八 : 下拉菜单 一 实验目的 1 掌握 CSS 动画 JS 动画和 jquery 动画的基本原理和基本方法 ; 2 掌握下拉菜单制作的基本原理; 3 理解技术多样性的概念 二 实验环境 1 Windows XP/Windows 7 操作系统的计算机 ; 2 局域网网络环境, 并且使用固定 IP 地址 ; 3 支持互联网访问; 4 Adobe CS 6 组件支持
More informationA-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 informationSpyder 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 informationChapter 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 informationJAIST 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 informationuntitled
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 informationXP11067_內文.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>
WebSales 網 站 推 銷 員 客 戶 使 用 手 冊 最 好 的 輔 助 工 具, 尚 須 勤 於 操 作 與 檢 討, 適 時 修 正 方 向, 才 能 使 您 的 網 站 獲 得 最 大 效 益 目 錄 註 冊 與 新 手 快 速 指 引 1 功 能 介 紹 增 加 業 務 客 服 人 員 2 歡 迎 詞 設 定 4 自 訂 樣 式 與 位 置, 自 動 產 生 HTML 網 頁 原 始
More information投影片 1
何謂 CSS 本章摘要 操作方式 CSS 規則定義 交談窗的各頁次說明設定不會捲動的背景圖片 (bg-sample-fixed) 變換超連結文字狀態 (bg-sample-fixed) 修改頁面屬性的設定其他超連結狀態說明使用 CSS 樣式狀態說明 CSS 在網頁中的使用方式 1. 使用外部連結樣式表 2. 以內嵌方式, 在網頁的開頭定義 3. 局部套用 CSS 樣式當樣式衝突時的優先順序將 HTML
More informationMicrosoft 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 informationebook37-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 informationMicrosoft Word - 放榜用-105無口試放榜電子榜單_NEW_.doc
國 立 臺 灣 大 學 105 學 年 度 碩 士 班 招 生 無 口 試 系 所 組 正 備 取 生 名 單 105 年 3 月 16 日 備 註 一 : 榜 單 內 容 如 有 爭 議, 以 本 校 招 生 委 員 會 之 正 式 公 告 為 準 備 註 二 : 本 梯 次 無 口 試 系 所 組 之 正 取 ( 備 取 ) 生 請 務 必 詳 閱 報 到 各 相 關 要 點, 如 期 辦 理
More information無障礙網頁開發規範二版(草案)
國 家 通 訊 傳 播 委 員 會 無 障 礙 網 頁 開 發 規 範 2.0 版 ( 草 案 ) 委 辦 單 位 : 國 家 通 訊 傳 播 委 員 會 執 行 單 位 : 中 華 民 國 資 訊 軟 體 協 會 中 華 民 國 1 0 3 年 0 5 月 I II 目 錄 壹 前 言... 1 貳 適 用 範 圍... 2 參 用 語 釋 義... 3 肆 規 範 內 文... 14 一 規 範
More informationXXXXXXXX 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 informationjQuery
jquery & jquery Mobile 建國科技大學資管系饒瑞佶 2013/4 V1 2015/9 V2 2016/9 V3 目前網站 / 頁設計趨勢與難題 應付不同螢幕尺寸問題 自適應網站設計 RWD(Responsive Web Dseign) 技術 可以自己設計 RWD, 也可以用既有框架 支援 RWD 的框架技術很多, 包括 : jquery 與 jquery Mobile- 解決行動裝置版面多樣化與美工問題
More informationHTML與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
ListView 自訂排版 主程式 : public class Main3Activity extends AppCompatActivity { ListView listview; // 先整理資料來源,listitem.xml 需要傳入三種資料 : 圖片 狗狗名字 狗狗生日 // 狗狗圖片 int[] pic =new int[]{r.drawable.dog1, R.drawable.dog2,
More informationBus 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 informationepub 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 informationPowerPoint 演示文稿
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
2014 大 學 18 學 群 講 座 管 理 / 財 經 / 建 築 / 資 訊 學 群 介 紹 主 講 人 : 張 奇 博 士 張 奇 老 師 簡 介 學 術 經 歷 高 中 輔 導 經 歷 «英 國 倫 敦 大 學 國 王 學 院 博 士 後 研 究 員 «高 雄 女 中 竹 北 高 中 彰 化 高 中 中 和 高 中 衛 道 中 學 彰 «國 立 大 學 企 業 管 理 學 博 士 化 藝
More informationMicrosoft Word - 28935样章.dot
21 世 纪 高 职 高 专 规 划 教 材 系 列 何 福 贵 张 梅 编 著 机 械 工 业 出 版 社 IV 本 书 全 面 地 介 绍 了 网 页 制 作 技 术 及 其 相 关 理 论 全 书 共 分 12 章, 包 括 绪 论 网 站 的 创 建 与 管 理 网 页 基 本 元 素 实 现 网 页 页 面 布 局 实 现 表 单 的 应 用 CSS 与 模 板 使 用 Div 和 AP
More information002 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 informationHTML
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() 方法不
HAPTER 02 利用新增 / 刪除類別製作動畫 HAPTER01 中介紹如何使用 animate() 方法製作動畫, 但這方法只能對可設定數值的 SS 屬性進行變化, 下面將介紹針對 HTML 元素透過附加 / 移除 SS 的 class 樣式屬性製作動畫, 此方法對於非數值的 SS 屬性也可使用 範例執行畫面範例資料夾 /PART01/HAPTER02/ 範例 1 範例 2 範例 3 垂直方向旋轉
More informationebook111-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 informationcoverage2.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 information13 根 据 各 种 网 络 商 务 信 息 对 不 同 用 户 所 产 生 的 使 用 效 用, 网 络 商 务 信 息 大 致 可 分 为 四 级, 其 中 占 比 重 最 大 的 是 ( 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 二 網頁設計的流程
第 7 章 簡易網頁設計 本章學習目標 1. 網頁設計的原理與應用 2. 網頁設計的趨勢 3. 網頁的語法 4. 個人網誌簡介 申請 使用 管理與應用 命題分析 本章節是 99 課程新增的章節 雖然有四小節 但其中網頁相關的設計原則及設 計趨勢並無統一的方向 故本章的命題重點可能為 HTML 的語法 網誌簡介及相關技 術 226 7 7-1 網頁設計的原理與應用 一 認識網頁與網站 1 HTMLHyperText
More information12 第二章 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
...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 informationMicrosoft 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