PowerPoint Presentation

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "PowerPoint Presentation"

Transcription

1

2 2

3 3

4 4

5 HTML 5 Level.1 Markup Professional HTML 5 Level.2 Application Development Professional 5

6 6

7 7

8 8

9 9

10

11 11

12 12

13 <table> <tr><th> </th><th> </th><th> </th></tr> <template id="row"> <tr><td></td><td></td><td></td></tr> </template> </table> 13

14 14

15 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title> </title> </head> <body> </body> </html> 15

16 <link rel="stylesheet" href="style.css"> <style> </style> <script> </script> type="text/css" type="text/javascript" 16

17 17

18 18

19 19

20 20

21 21

22 22

23 23

24 24

25 25

26 26

27 27

28 28

29 29

30 <ruby> <rb> </rb> <rt> </rt> </ruby> 30

31 <ruby> <rb> </rb><rb> </rb> <rt> </rt><rt> </rt><rt> </rt> </ruby> 31

32 <ruby> <rb> </rb><rb> </rb> <rt> </rt><rt> </rt><rt> </rt> <rtc> <rt>me</rt><rt>man</rt><rt>betsu</rt> </rtc> </ruby> 32

33 <ruby> <rb> </rb> <rp> </rp><rt> </rt><rp> </rp> </ruby> 33

34 34

35 35

36 36

37 37

38 38

39 39

40 40

41 41

42 42

43 <ol> <li data-length="11m32s"> </li> <li data-length="08m55s"> </li> <li data-length="22m04s"> </li> <li data-length="13m46s"> </li> <li data-length="30m00s"> </li> </ol> 43

44 44

45 45

46 46

47 47

48 48

49 49

50 50

51 51

52 52

53 53

54 54

55 55

56 56

57 57

58 58

59 59

60 div.inner div.inner

61 #logo div#logo body div#logo

62 62

63 rgb( Red, Green, Blue ) rgba( Red, Green, Blue, Alpha ) 63

64 color: rgba( 255, 255, 255, 0.0 ); color: rgba( 255, 255, 255, 0.2 ); color: rgba( 255, 255, 255, 0.4 ); color: rgba( 255, 255, 255, 0.6 ); color: rgba( 255, 255, 255, 0.8 ); color: rgba( 255, 255, 255, 1.0 ); The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; 64

65 hsla( Hue, Saturation, Lightness, Alpha ) 0 0% 0% % 100%

66

67 #box01{ opacity: 0.1 }; #box02{ opacity: 0.2 }; #box03{ opacity: 0.3 }; #box04{ opacity: 0.4 }; #box05{ opacity: 0.5 }; #box06{ opacity: 0.6 }; #box07{ opacity: 0.7 }; #box08{ opacity: 0.8 }; #box09{ opacity: 0.9 }; #box10{ opacity: 1.0 }; The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; 67

68 68

69 transform: rotate(45deg); transform: translate(50px); transform: scale(1.5); 69

70 transform: rotate(45deg); 70

71 transform: translate(100px, 50px); 71

72 transform: translate(100px, 50px); = position: relative; left: 100px; top: 50px; 71

73 transform: scale(2.0); 72

74 transform: scale(2) rotate(45deg); 73

75 74

76 Demo 75

77 76

78 Demo 77

79 78

80 79

81 <link media="screen" > <style media="screen" > screen { } 80

82 <link media="screen " > <style media="screen " > screen { } 81

83 82

84 83

85 84

86 dpi dots per inch dpcm dots per centimeter 85

87 <link media="screen and (max-width: 1000px)" > <link media="only screen and (min-width: 500px) and (max-width: 1000px)" > 86

88 87

89 88

90 89

91 CACHE MANIFEST CACHE: styles/default.css images/background.png NETWORK: comm.cgi FALLBACK: offline.html SETTINGS: fast 90

92 CACHE MANIFEST # styles/default.css images/background.png NETWORK: * SETTINGS: prefer-online FALLBACK: offline.html 91

93 <!DOCTYPE html> <html lang="ja" manifest=".appcache"> </html>.appcache text/cache-manifest UTF-8 92

94 Open the Future with HTML5. 93

PowerPoint Presentation

PowerPoint Presentation HTML5 Level.1 Markup Professional HTML5 Level.2 Application Development Professional http://www.html5exam.jp/ @html5cert https://www.facebook.com/html5exam

More information

HTML5Lv1_ key

HTML5Lv1_ key HTML5 1 The HTML5 Logo is licensed under Creative Commons Attribution 3.0.Unported by the W3C; http://creativecommons.org/licenses/by/3.0/ The HTML5 Logo is licensed under Creative Commons Attribution

More information

HTML5Lv1_ key

HTML5Lv1_ key HTML5 1 The HTML5 Logo is licensed under Creative Commons Attribution 3.0.Unported by the W3C; http://creativecommons.org/licenses/by/3.0/ The HTML5 Logo is licensed under Creative Commons Attribution

More information

HTML5Lv2_ key

HTML5Lv2_ key HTML5 2 The HTML5 Logo is licensed under Creative Commons Attribution 3.0.Unported by the W3C; http://creativecommons.org/licenses/by/3.0/ The HTML5 Logo is licensed under Creative Commons Attribution

More information

HTML CSS CSS CSS A LIST APART Fluid Grid Fluid Image Media Queries Fluid Grid Grid Design Fluid Grid 60px 20px 620px 300px 960px 620 960 100 300 960 100 =64.58333% =31.25% 960px 60px 20px 960px 1 =60px

More information

経営論集2011_07_小松先生.indd

経営論集2011_07_小松先生.indd 20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML

More information

Network Computing の基礎

Network Computing の基礎 CSS Cascading Style Sheets Cascading = Style Sheets = CSS WEB HTML CSS 2 HTML h1 p CSS 3 CSS CSS HTML sample1.html CSS HTML sample2.html CSS CSS sample2.css CSS

More information

388-356697252-2.pdf

388-356697252-2.pdf 専修大学 ネットワーク情報学部 2012年度 特殊演習 (Webプログラミング) 新居雅行 / Masayuki Nii 2 HTML/CSS 2012 4 23 1 2-1 Web 2 2-1 80 SSL Apache WindowsIIS Internet Information Server HTTP HyperText Transfer Protocol HTML HTML 1 1 [ URI]

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 3 Webデザイナーに求められる知識 優秀な HTML, CSS, 画像編集, JavaScript, jquery, XML, 色 彩理論, LL, データベース, SEO, SMO, EFO, コピーラ イティング, テキストライティング, イラストレー ション, Flash, ディレクション能力, プロジェクトマ ネジメント, Logo作成, Typography, サーバ管理, PHP, Perl,

More information

untitled

untitled 1 4 4 6 8 10 30 13 14 16 16 17 18 19 19 96 21 23 24 3 27 27 4 27 128 24 4 1 50 by ( 30 30 200 30 30 24 4 TOP 10 2012 8 22 3 1 7 1,000 100 30 26 3 140 21 60 98 88,000 96 3 5 29 300 21 21 11 21

More information

07_経営論集2010 小松先生.indd

07_経営論集2010 小松先生.indd 19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT

More information

131 71 7 1 71 71 71 71 71 71 71 71 71 71 7 1 71 71 71 71 71 71 71 71 7 1 71 7 1 71 71 71 71 71 71 71 71 71 71 71 71 71 71 71 71 71 7 1 71 71 71 71 71 71 71 71 71 7 1 71 71 71 71 71 71 71 7 1 71 7 1 71

More information

CSS3

CSS3 オレたちAndroid CSS @media only screen and (max-device-width: 480px) {! div#wrapper {!! width: 400px;! }! div#header {!! background-image: url(media-queries-phone.jpg);!! height: 93px;!! position: relative;!

More information

_IMv2.key

_IMv2.key 飯島基 文 customb2b@me.com $ ssh ladmin@im.example.com $ cd /Library/Server/Web/Data/Sites/Default/ $ git clone https://github.com/msyk/inter-mediator.git

More information

PostgreSQL iphone/

PostgreSQL iphone/ iphone/ PostgreSQL irubysystems PostgreSQL iphone/ FUKUI Osamu (ir3) Ruby http://d.hatena.ne.jp/ir3 http://twitter.com/ir3 CSK Fsys SOHO 2005 itest 2006 CTO 2007 2009 irubysystems Ruby@ DB 1986~9 M IBM

More information

http://www-6.ibm.com/jp/software/internet/hpb/download.html b /b br / b /b b /b i /i b i /b i i -1/14-

http://www-6.ibm.com/jp/software/internet/hpb/download.html b /b br / b /b b /b i /i b i /b i i -1/14- http://www-6.ibm.com/jp/software/internet/hpb/download.html b /b br / b /b b /b i /i b i /b i i -1/14- .html.htm html head title /title /head body br /body /html html br -2/14- body -3/14- C: Documents

More information

2

2 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 /* CSS */ font-size: 14px; /* */ @media screen and (max-width:760) { font-size: 12px; } /* HD */ @media screen and

More information

2

2 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 /* CSS */ font-size: 14px; /* */ @media screen and (max-width:760) { font-size: 12px; } /* HD */ @media screen

More information

Taro13-第6章(まとめ).PDF

Taro13-第6章(まとめ).PDF % % % % % % % % 31 NO 1 52,422 10,431 19.9 10,431 19.9 1,380 2.6 1,039 2.0 33,859 64.6 5,713 10.9 2 8,292 1,591 19.2 1,591 19.2 1,827 22.0 1,782 21.5 1,431 17.3 1,661 20.0 3 1,948 1,541 79.1 1,541 79.1

More information

untitled

untitled 25 10 12 11 24 (1) 14 (2) 26 10 44 (3) (4) (5) 27 10 68 (6) (7) (8) 25 10 ( ) (1) (2) (3) ) city.yokohama.lg.jp city.yokohama.jp WEB WEB WEB WEB WEB WEB 1 25 10 WEB WEB (1) (2) (3) (4) 25 10 (1) WEB (2)

More information

p { color: yellow } div#hoge { color: green; } div.fuga { color: red; } div { color: orange; } div[id=hoge] { color: blue; } div#hoge

More information

1

1 ...1...37 1 HTML4.01 Transitional Frameset DOCTYPE 5.1.a 2 Windows Shift_JIS Linux Unix EUC jp meta 5.1.a 3 5.1.a JIS cm cc kg alt 4 5.4.a 5.4.a 5 alt alt alt alt alt alt="" alt 6 5.4.b 5.4.b 7 8 5.3.a

More information

SVG資料第10回目(その2) Ajaxによる同期通信と非同期通信の違い

SVG資料第10回目(その2) Ajaxによる同期通信と非同期通信の違い 10 ( SVG 10 ( Ajax Ajax I(SVG) 2017/6/27 10 ( Ajax 10 ( Ajax 100 10 HTML 1 2 3 4 5 6

More information

27短01研01斉藤.indd

27短01研01斉藤.indd WordPress を用いたホームページ作成 Making a homepage using the WordPress 斎藤敏之 Toshiyuki SAITOH キーワード 1. はじめに WordPress WordPress PC PC WordPress HTML CSS HTML CSS WordPress 2.HTMLとCSSの基礎 HTML CSS World Wide Web Consortium

More information

コンピュータサイエンス 1. ウェブの基本

コンピュータサイエンス 1. ウェブの基本 1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /

More information

A B A E

A B A E 10533-68-3955 10533-68-3955 10533-68-3804 RP A-6 10533-68-3804 10533-69-9615 10533-57-2161 B-2 10533-68-2274 10533-68-2221 10533-67-6282 A-6 10533-57-2161 E-3 10533-68-5161 10533-68-3553 D-2 D-2 10533-69-5258

More information

nabebon-v97.indd

nabebon-v97.indd 4-1 Web Web Web Web This Is Not The Web. Web http://bradfrostweb.com/blog/post/this-is-the-web/ Web Web This Is the Web. Web http://bradfrostweb.com/blog/post/this-is-the-web/ 164 This Will Be the Web.

More information

NEC マネジメントパートナーラーニング事業のご紹介 ヒューマンスキルから IT スキルまで さまざまな人材開発研修をご提供 ( 例 )HTML5 関連コース HTML5/CSS3 基礎 HTML5 マークアップ編 HTML5 API 編 HTM

NEC マネジメントパートナーラーニング事業のご紹介  ヒューマンスキルから IT スキルまで さまざまな人材開発研修をご提供 ( 例 )HTML5 関連コース HTML5/CSS3 基礎 HTML5 マークアップ編 HTML5 API 編 HTM LPI-Japan 主催 HTML5 プロフェッショナル認定試験レベル 1 ポイント解説無料セミナー 2015 年 2 月 28 日 NEC マネジメントパートナー株式会社 横馬場和子 NEC マネジメントパートナーラーニング事業のご紹介 http://www.neclearning.jp/ ヒューマンスキルから IT スキルまで さまざまな人材開発研修をご提供 ( 例 )HTML5 関連コース HTML5/CSS3

More information

地域と文化資産

地域と文化資産 11 2005 1980 151 20 65 1 6 37 7 A D E F G H - 2 - 2005 8 6 10:00 10:30 2-432 A D 7 E 8 1-F 1-G - 3 - 2005 H 1970 2005 8 26-4 - A B D E F G H 3 7 8 1 5 6 1 10-5 - 2005 10 1 5 6 1 1 30 2 3 5 3 2 1 2005 8

More information

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 http://www.moj.go.jp/press/090130-1.html 55 56 57

More information

2 3 4 The Professional 5 6 7 8 9 10 11 12 13 S A L A 14 15 16 17 18 452 19 20 840 270 66 229 1 1 1 1 1 1 1 1 1 1 1 21 1 1 1 1 1 1 1 1 1 1 1 1 1 1 22 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

More information

P-12 P-13 3 4 28 16 00 17 30 P-14 P-15 P-16 4 14 29 17 00 18 30 P-17 P-18 P-19 P-20 P-21 P-22

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

More information

untitled

untitled 74 1 300 20 9 11 (1) (2) (3) 14 2 1 252 75 3002 2 201 10124 50012001 652 4020 110023 () 1 3 RGB redg green blue 4 5 () 6 ( ) () Y 7 A: B: 3 () () 8 4 6 redundant 9 10 (1) 11 (2) 12 (3) 13 14 http://www.vischeck.com/vischeck/vischeckimage.php

More information

PowerPoint Presentation

PowerPoint Presentation LPI-Japan 主催 HTML5 プロフェッショナル認定試験レベル 1 ポイント解説無料セミナー 2014 年 6 月 講師 : 林拓也 ( 株式会社クリーク アンド リバー社認定講師 ) 資格 試験概要 オフィシャルサイトより引用 2 特定非営利活動法人エルピーアイジャパン (LPI-Japan) が HTML5,CSS3,Javascript など最新のマークアップに関する技術力と知識を 公平かつ厳正に

More information

0序文‐1章.indd

0序文‐1章.indd 本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft

More information

2004 TV Indexing Index Auto-Making Soccer Video Digests :2005 2 2 3603U043-0 Katsunori Kawaguchi 1 7 1.1.................................... 7 1.2.................................. 7 1.3..................................

More information

はじめに 本書の目的は 制作の効率化 クオリティの向上 各作業者間のスタイルの統一を 図る目安になることで 常にブラッシュアップを繰り返し 現時点での最適解の共 有に活用するものである 目次 基本仕様 ファイル ディレクトリ構成 画像ファイル 対応ブラウザ 品質管理 (X)HTML 制作 文字コード

はじめに 本書の目的は 制作の効率化 クオリティの向上 各作業者間のスタイルの統一を 図る目安になることで 常にブラッシュアップを繰り返し 現時点での最適解の共 有に活用するものである 目次 基本仕様 ファイル ディレクトリ構成 画像ファイル 対応ブラウザ 品質管理 (X)HTML 制作 文字コード 株式会社アジタス コーディングレギュレーション 改訂履歴 初版 2009/10/01 一部修正 2010/12/06 対応ブラウザ修正 画像ファイルの形式修正 補足追記 2011/05/02 対応ブラウザ修正 2013/04/12 はじめに 本書の目的は 制作の効率化 クオリティの向上 各作業者間のスタイルの統一を 図る目安になることで 常にブラッシュアップを繰り返し 現時点での最適解の共 有に活用するものである

More information

HTML教科書 HTML5レベル1読者特典

HTML教科書 HTML5レベル1読者特典 f i t a c i r t e i o H T M HTML HTML5 1 n L 90 5 s P r o f e C l a n o i s HTML HTML5 1 HTML5 2 HTML HTML5 1 1 A. GET B. TRACE C. SAVE D. PUT E. OPTIONS 2 A. Authorization B. Referer C. User-Agent D.

More information

HTML文書の作成

HTML文書の作成 99 C HTML 1 1 2 HTML 1 3 2 4 HTML 2 4.1... 2 4.2... 3 4.3... 5 5 HTML 8 5.1... 8 5.2... 10 5.3... 12 6 HTML 13 7 13 1 HTML HTML [1] 2 HTML HTML Hyper-Text Markup Language World Wide Web (WWW)[2] HTML Hyper-Text

More information

.....

..... Peace & Piece Version1.0Peace & Piece 2011/12/17 ..... A-1 CV B-1 C-1 D-1 E-1 F-1 Web G-1 H-1 I-1 J-1 K-1 L-1 M-1 FAQ B-2 D-2 E-2 F-2 H-2 D-3 F-3 CMS () Web Web Web 75 85 Z Web alt SEO SEO Web

More information

1.1 EPS... 3 1.2 EPS... 3 1.2.1... 3 1.2.2... 4 1.3... 5 2.1 BMP... 6 2.2 BMP... 6 2.2.1... 6 2.2.2... 6 2.2.3 (Appendix )... 7 3.1 TIFF... 8 3.2 TIFF... 8 3.2.1... 8 3.2.2... 9 3.2.3 (Appendix )... 9

More information

Web概論

Web概論 HTML/CSS Chapter 04 スタイルシートを使う Copyright 2011 ZDRIVE, K.K. All rights reserved. 4.1 CSS の仕組みと書式 CSS とは Cascading Style Sheet の略 単に スタイルシート と呼ばれることもある HTML で作ったページにレイアウトや装飾などのデザインを施すための仕組み CSS を記述したファイルは.css

More information

m_sotsuron

m_sotsuron iphone Web 0848066 1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22 iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1 2000 iphone

More information

SNS 14,917,000,000 10,780,000 SNS 8,850,000,000 14,900,000 MobileSpace 8,000,000,000 3,000,000 SNS 6,000,000,000 6,000,000 3,863,000,000 22,100,000 3,790,000,000 8,970,000 i i 3,500,000,000 6,000,000 2,001,000,000-1,900,000,000

More information

第3回HP講習会資料ver1.2(2007.9.20)

第3回HP講習会資料ver1.2(2007.9.20) 1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート

More information

第 10 問 取 得 したドメインでウェブサイトを 公 開 する 場 合 共 用 サーバは 一 切 使 えないので 専 用 サーバを 用 意 する 必 要 が ある 第 11 問 WaSP とは Web accessibility Standard Project の 略 称 である 第 12 問

第 10 問 取 得 したドメインでウェブサイトを 公 開 する 場 合 共 用 サーバは 一 切 使 えないので 専 用 サーバを 用 意 する 必 要 が ある 第 11 問 WaSP とは Web accessibility Standard Project の 略 称 である 第 12 問 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 グローバルナビゲーションとは 水 平 方 向 に 配 置 されるものを 指 し 垂 直 方 向 に 配 置 されるものはローカルナビ ゲーションと 呼 ばれる 第 2 問 イーサネットとは 1000BASE-T の 規 格 のみをさす 第 3 問 IPv6 で 定

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション HTML5プロフェッショナル認定試験レベル1 ポイント解説無料セミナー 2016 年 2 月 13 日 ( 土 ) in AP 浜松町 LPI-Japan パートナーインストラクター 鯨井貴博 (Zeus IT Camp) Linux Network の基礎から 現場経験を活かしたトラブルシュートまで幅広い講義を行います! [ プロフィール ] LPIC レベル 3 情報処理技術者資格などを保有し

More information

スライド 1

スライド 1 ( おやまだあきひろ ) 小山田晃浩 ( 株 ) ピクセルグリッド フロントエンドエンジニア (HTML, CSS, JavaScript, SVG) twitter@yomotsu HTML5 と CSS3 と Dreameraer ネタ 連載してます http://goo.gl/8cpxb このセッションの流れ 1. 事例について 2. メディアクエリーを利用した振り分け 3. 振り分け後のスタイル適用

More information

PowerPoint Presentation

PowerPoint Presentation HTML5プロフェッショナル認定試験レベル1 ポイント解説無料セミナー 2017 年 1 月 株式会社ケイ シー シー福田浩之 講師プロフィール 会社概要株式会社ケイ シー シー http://www.kcc.co.jp/ 講師紹介 西日本センターユニット IT ラーニングセンター所属 Linux ネットワーク セキュリティ関連 HTML5 JavaScript などの Web 技術 Java Android

More information

Sushi Web ページの編集 Card 1 of 10 3 パソコンの画面上で ブラウザとテキストエディタを横に並べます ブラウザ テキストエディタ 4 5 テキストエディタで 自分の自己紹介になるように変更します 変更したらテキストを保存します ( ファイル > 保存 ) 保存したら F5 を

Sushi Web ページの編集 Card 1 of 10 3 パソコンの画面上で ブラウザとテキストエディタを横に並べます ブラウザ テキストエディタ 4 5 テキストエディタで 自分の自己紹介になるように変更します 変更したらテキストを保存します ( ファイル > 保存 ) 保存したら F5 を はじめての Web サイト Sushi Web ページの編集 Card 1 of 10 1 これから新しい Web ページを作ります! 今回は本のリストを作りますが HTML を使えば何でも好きな Web ページが作れます! まず http://coderdojo-hiroshima.com/my-first-website-ja.zip から HTML のソースファイルをダウンロードします my-first-website

More information

cssnitelp47_hasegawa_v02.key

cssnitelp47_hasegawa_v02.key 本当に利用は必要か デザイナーにとっての jquery と JavaScript フレームワーク HIROMU HASEGAWA " " show hide

More information

インターネットマガジン1996年12月号―INTERNET magazine No.23

インターネットマガジン1996年12月号―INTERNET magazine No.23 26 INTERNET magazine 1996/12 HTML S jhttp://www.microsoft.com/truetype/css/gall ery/spec2.htm S jhttp://www.hidaho.com/c/ S jhttp://www.microsoft.com/ie/most/howto/lay out/winston/wclub.htm

More information

CSSの基礎

CSSの基礎 Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する

More information

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet 2012 Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheets CSS2 CSS3 Web Web2.0 Web3.0 Web IT Web Homepage

More information

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 1 11 13 2 11 27 3 12 11 HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 WWW(World Wide Web) HTML(HyperText Markup Language) HTML HTML HTML HTML - 1 - .1 HTML (V)(C) HTML - 2 - HTML HTML OS Windows 2.1 HTML

More information

PowerCMS 8341 User's Guide

PowerCMS 8341 User's Guide -1- - 2 - 4 4 4-3 - http://powercms.alfasado.net/members/ powercms@alfasado.jp - 4 - cd mt/plugins/wcagtester/helper/linux./wcagtester () usage: wcagtester \#000000 \#FFFFFF wcagtester -Hex \#000000 \#Ffffff

More information

インターネットマガジン1998年11月号―INTERNET magazine No.46

インターネットマガジン1998年11月号―INTERNET magazine No.46 6.2% 4 50.5% 4 3 8.9% 25.3% 3 9.2% 290 INTERNET magazine 1998/11 5 @media H1 { color: #FF0000;

More information

PowerPoint Presentation

PowerPoint Presentation LPI-Japan 主 催 HTML5プロフェッショナル 認 定 試 験 レベル1 ポイント 解 説 無 料 セミナー 2015 年 10 月 講 師 : 鈴 木 雅 貴 (NTTソフトウェア 株 式 会 社 ) 自 己 紹 介 鈴 木 雅 貴 (すずきまさたか) ᵒ NTTソフトウェア 株 式 会 社 HTML5アカデミック 認 定 校 ᵒ HTML5 推 進 室 所 属 ᵒ HTML5アカデミック

More information

ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web 2014 3

ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web 2014 3 Web 2.0 Web Web Web Web Web Web Web I II I ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web 2014 3 1. 1.1 Web... 1 1.1.1... 3 1.1.2... 3 1.1.3... 4 1.2... 4 I 2 5 2. HTMLCSS 2.1 HTML...

More information

講師プロフィール 会社概要株式会社ケイ シー シー 講師紹介西日本センターユニット IT ラーニングセンター所属 Linux ネットワーク セキュリティ関連 HTML5 JavaScript などの Web 技術 Java Android iphone コ

講師プロフィール 会社概要株式会社ケイ シー シー  講師紹介西日本センターユニット IT ラーニングセンター所属 Linux ネットワーク セキュリティ関連 HTML5 JavaScript などの Web 技術 Java Android iphone コ HTML5 プロフェッショナル認定試験 レベル 1 ポイント解説無料料セミナー 2015 年年 8 月 株式会社ケイ シー シー 福 田浩之 講師プロフィール 会社概要株式会社ケイ シー シー http://www.kcc.co.jp/ 講師紹介西日本センターユニット IT ラーニングセンター所属 Linux ネットワーク セキュリティ関連 HTML5 JavaScript などの Web 技術 Java

More information

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2. 1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.......................... 4 3......................

More information

第3学年    学習指導案

第3学年    学習指導案 Web Page 2 -1- myhome.htm html head title my home page /title /head body Welcome to Sasaki's Home page /body /html myhom e.htm html /htmlhead /headtitle /title body /body myhome.htm -2- myhome.htm body

More information

Taro-CSS.jtd

Taro-CSS.jtd CSSCascading Style Sheet 1. CSS CSSCascading Style Sheet HTML XHTML, XML HTML CSS HTML/XHTML/XML CSS HTMLXHTML CSS XML CSS 2. CSS HTML/XHTML CSS HTML CSS XML XSL-FO XSLT+CSS CSS Web Web HTML 3. HTML HTML

More information

FileList Convert a pdf file!

FileList Convert a pdf file! Tamadaigakufuzokuhijirigaokac yugakukoutougakkoupasocom butamadaigakufuzokuhijirigaok acyugakukoutougakkoupasoco mbutamadaigakufuzokuhijiriga 2009 09 20 21 okacyugakukoutougakkoupaso combutamadaigakufuzokuhijiri

More information

本日の内容 Internet Explorer 9 のご紹介 固定サイト (Pinned Site) のご紹介 その他の開発者向け新機能のご紹介 2

本日の内容 Internet Explorer 9 のご紹介 固定サイト (Pinned Site) のご紹介 その他の開発者向け新機能のご紹介 2 Internet Explorer 9 の Web 制作者向け新機能の活用 マイクロソフト株式会社 デベロッパー & プラットフォーム統括本部田辺茂也 本日の内容 Internet Explorer 9 のご紹介 固定サイト (Pinned Site) のご紹介 その他の開発者向け新機能のご紹介 2 Windows Internet Explorer 9 Platform Preview #6 3

More information

Internet Explorer 9

Internet Explorer 9 Internet Explorer 9 春 井 良 隆 マイクロソフト 株 式 会 社 デベロッパー&プラットフォーム 統 括 本 部 UX&クライアントプラットフォーム 推 進 部 本 セッションでは 現 在 開 発 中 の 製 品 を 取 り 扱 ってい ます 仕 様 および 機 能 は 変 更 される 可 能 性 があります WebブラウジングがPCの 最 のタスク PCの 稼 働 時 間 の57%がブラウザーに

More information

1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3...................

1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3................... 0448051 1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3.................... 4 4........................ 6 5...........................

More information

2 1 2 3 3 1 @media screen and (max-width: 48em) { #container { width: 100%; display: -webkit-box; display: -moz-box; display: box; } #nav { -webkit-box-ordinal-group: 3; box-ordinal-group: 3; } #main

More information