年刊EDP 2003
|
|
|
- あつひろ あかさか
- 5 years ago
- Views:
Transcription
1 1
2 2
3 3
4 HDD HDD HDD HDD ( 4
5 !!! ( )!! HDD ( )!! ( )!!(ry YU-SHOW!!!!!!!! HxH 5
6 HDD ( ( e 6
7 PC PC psd 7
8 8
9 YO! WebPage PowerTone 9
10 A4 Canon PIXUS850i 1,440dpi 720dpi A4 10
11 etc 350dpi 400dpi 350dpi 400dpi 350dpi - 11
12 CD-R MO FTP FTP PC PC HDD YO! 2ch google PC 2003/10/19 12
13 18 13
14 e,i ( ) QWERTY 14
15 Keylay21 for WindowsXP ( XP,XP XP ) MFC7.0 DLL 15
16 IC 16
17 17
18 18
19 19
20 20
21 ANA ENEOS
22 1 2% 0.66% ANA (1 10 ) edy 1 ( 15% ) 4 /l 10 ( 40 ) 40 5% 40 () JOMO JOMO % 2 /l3 500l
23 Edy (000 )edy ampm (д ) edy ampm. ( ) 25 > 95 () edy ANA-VISA? LINK
24 CSS CSS CSS HTML CSS CSS HTML HTML CSS CSS HTML [ ][ ][ ] 24
25 CSS TEXT HTML.txt OK HTML HTML CSS HTMLindex.htm <head> </head> <link href="styleseet.css" rel="stylesheet" type="text/css"> CSS CSS 25
26 HTML CSS CSS HTML { } table {background-color: #CCFFFF;} CSS HTML background color border-bottom-width color RGB #FF00FF font 12 px 1px solid #666666; 26
27 HTML table class table.no1 {background-color: #CCFFFF;} CSS HTML HTML <table class= no1 > HTML HTML CSS 27
28 body { scrollbar-track-color: #ffe0e0; scrollbar-face-color: #ffbbbb; scrollbar-shadow-color: #cc9999; scrollbar-darkshadow-color: #ffcccc; scrollbar-highlight-color: #ffe0e0; scrollbar-3dlight-color: #ffbbbb; scrollbar-arrow-color: #ff6666;} hr { border: dotted #000000;} a:link { text-decoration: none; } a:hover { color: #FFFFFF; text-decoration: none; background-color: #3333FF; } a:visited { text-decoration: none; } a:active { text-decoration: none; } a:active { color:#bb1177; } a:link { color:#000099; text-decoration:none } a:visited { color:#000099; text-decoration:none } a:hover { color:#bb1177; position:relative; top:3px; left:3px; } 28
29 table { border: dashed #3366CC; } Word h3 { border-bottom: 1px solid #CC33CC; border-left: 3px solid #CC33CC; background-color: #FFCCFF; padding-left: 8px;padding-top: 2px; padding-bottom: 2px;} ul { font-size: 12px; list-style-image: url( ); } CSS HTML 29
30 CSS WEB InternetExplorer 5.5 Netscape 6.0 WEB HTML CSS CSS CSS2 W3C HTML CSS 30
31 Windows Windows Windows Windows Windows Mac Mac Internet Explorer Page UpPage Down Home End Alt + Web Alt + Ctrl + F Ctrl + W Alt + Home Ctrl + R F5 Internet Explorer 31
32 Windows Windows Ctrl + C Ctrl + X Ctrl + V Ctrl + Z Ctrl + A Shift + Ctrl + Space Tab Shift Ctrl + Back Space Shift + Tab Ctrl + Tab Ctrl + Shift + Tab Space F2 Alt + Enter Alt + F4 Windows + M Windows + D 32
33 Word2002 Tab Enter Space Ctrl Tab Ctrl Windows XP Alt Ctrl By 33
34 9 EDP 1 SS D A SSS PC 10 Xan OVA 2 A B SS 34 SLG PC OK SS LAN
35 3 18 S A A SLG 18 SLG ED B S C SLG 5 A B SSS 3D PC PC 300 3D 3 35
36 RPG RPG 6 S B A PC98 RPG D 10 G 7 1 BMP 2 2 RPGSLG PC 36
37 37
38 38
39 39
40 40
41 41
42 42
43 43
44 44
45 45
46 46
47 47
48 48
49 49
50 50
51 You know vector? 51
52 52
53 RagnarokOnline RagnarokOnline Gravity MMORPG 1 Dupe Cheat BOT 53
54 BOT 24 LV BOT ROBOT RO BOT BOT LV RMT RMT 54
55 1 2 BOT BOT 1 55
56 2 56
57 3 MMO RPG LV A B MMO 57
58 4 BOT BOT BOT BOT BOT BOT BOT BOT BOT BOT BOT GM GM GM GM 58
59 MMORPG GungHo RBBNAVI 59
60 60
61 61
62 CPU SMP ASMP Windows MacOSLinux SMP CPU CPU Photoshop 1.5 Windows 1-1 CPU CPU Shade 2 Shade 2-1 CPU 54% 62
63 CPU mp3 0:17:81 0:10: Pentium3 Pentium4 Hyper-Threading 2003/10/14 63
64 EDP mp3 mp3 mp3 mp3 mp3 mp3 RIFF WAVE RIFF MP3 ID3 Tag V1 ID3 Tag v2 RIFF WAVE RIFF WAVE WAVE MP3 RIFF fmt fact data RIFF ID RIFF 4byte -8 4byte WAVE WAVE 4byte fmt ID fmt 4byte WAVE 16mpeg 30or32 4byte IDPCM Mpeg 30or322byte 2byte 4byte 4byte 2byte 2byte 2byte 64
65 -2byte fact ID fact 4byte 4byte 4byte data ID data 4byte 4byte byte WAVE RIFFWAVE RIFF ID RIFF WAVE data WAVE LIST data mp3 Windows Media Player LIST ID Tag v1 ID tag v1 128byte 128byte ID ID TAG 3byte 30byte 30byte 30byte 4byte 30bytev1.1 28byte 0255 mp3 ID3 Tag V2 65
66 255MB ID ID3 3byte byte v2 RIFF ID3 Tag V2 mp3 mp3 RIFFWAVE 66
67
68 2005 () FFXI % ( ) PlayOnline PlayOnline AMBROSIA ODYSSEY AMBROSIA ODYSSEY 1 68
69 Windows PlayOnline PlayOnline PlayOnline FFXI 1 69
70 70
71 71
72 72
73 ( ) 73
74 74
75 75
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
経営論集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
JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.
http://www1.iwate-ed.jp/ JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.d 5.4.e 5.5.a 5.5.b 5.5.c
インターネット社会の発展
インターネット入門 第 8 回 Web ページの作成法 総合情報学部情報科学科榊原道夫, 河野敏行, 大西荘一 目次 1. Web ページの作成 2. タグによる作成手順 3. HTML の基本 4. 作ってみよう 5. スタイルシートの利用 Web ページの作成 作成に必要なアプリケーション HTML エディター 専用ソフト テキストエディター 画像編集ソフト コンテンツ作成ソフト Flash ファイル転送ソフト
World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML
Web 工学博士大堀隆文 博士 ( 工学 ) 木下正博 共著 World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML ii HTML CSS CSS HTML HTML HTML HTML Eclipse Eclipse Eclipse
6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1
6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML 6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 3 1.1 HTML Web HTML(Hyper Text Markup Language)
Microsoft PowerPoint - ＣＳＳ（Cascading Style Sheets）の基本.pptx
CSS(Cascading Style Sheets) の基本 1. CSSの基本的な考え方は HTMLの構造を表す要素 ( タグ ) に対しスタイルを定義するというもの 2. CSSでは セレクタ プロパティ 値 の3つを組み合わせてスタイルを設定する 3. セレクタ は ,, や 要素などコンテンツ内のどの要素にスタイルを適用するかを指定する 4. セレクタの次の
ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必
1252-1 ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必要もありません すべて CSS3 の機能だけで作成されています サンプル CSS1 形と色が変化するリンクボタン
6 2 1
6 1 6 (1) (2) HTML (3) 1 Web HTML 1 Web 1 Web Web 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML XHTML(XHTML 1.0 Transitional)
DVD CD SoundRipper SoundRipper DVD SoundRipper DVD SoundRipper DVD CD DVD DVD DVD CD CD DVD " CD/DVD" DVD CSS DVD SoundRipper DVD-Video DVD DVD-ROM DV
SoundRipper 2 SoundRipper 5 SoundRipper 9 DVD 12 16 CD 25 CD 31 35 SoundRipper 38 FAQ 40 42 1 DVD CD SoundRipper SoundRipper DVD SoundRipper DVD SoundRipper DVD CD DVD DVD DVD CD CD DVD " CD/DVD" DVD CSS
CONTENTS 1 2 2 5 3 8 4 9 5 18 6 20 7 27 8 31 9 Web 33 10 36 11 37 12 39 2
USER'S MANUAL CONTENTS 1 2 2 5 3 8 4 9 5 18 6 20 7 27 8 31 9 Web 33 10 36 11 37 12 39 2 1 Internet Explorer 6.0 DHTML Flash Flash 2 Web Web FTP Web Windows Windows Windows Windows 100 OS CPU HDD DOS/V
要素にフォーカスが当たったときは 例えば以下のように記述する input:focus{} 疑似要素 p:first-lin{ } 一行目だけ p:first-letter{} 最初の文字だけ要素の前や後に付け加えるには 以下のように記述する p:before{content:" 記号や文字 ";}
css とは web ページを構築する上で 主に見た目にかかわる部分を記述するものである 記述方法は html の に直接書く方法 のタグに一つ一つ書く方法と 別の ファイルとして書いておく方法がある 1つ目の方法は タグを に記述して起き その中に css で記述する 2つ目の方法は 例えば
2004-2006 2004-2006 CSS Web Quiz LOVE PC 2012 4 Windows 8 / CPP Fluid PE CSS3 RWD Quiz 1. 2. 3. 4. 1. 2. 3. 4. CSS3 #btn {! display:block;! width:300px;! font-size:28px;! font-weight:bold;!
Alien Skin Software, LLC
Blow Up Blow Up Alien Skin Software Alien Skin Software Alien Skin Software, LLC. Alien Skin Software, LLC ... 4... 4... 4 BLOW UP... 5... 6... 6 DPI... 7... 7... 8 A:...8 B:...8 C: ( 1 )...8 D:...9 E:...9
~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID
10 10 10.1 1. 2. 3. HTML(HyperText Markup Language) Web [ ][ ] HTML Web HTML HTML Web HTML ~b08a001/www/ ( ) ~b08a001/www-local/ ( ) html ( ) 10.2 WWW WWW-local b08a001 ~b08a001/www/ ~b08a001/www-local/
EC 千葉のホームページで使用している CSS CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body { background-ima
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body background-image: url("../images/wallpaper1.gif"); /* == 記事記入枠 container ( 全画面共通 )=========
橡Win31だけでも公開講座テキスト
Windows3.1 (Windows) Windows Windows Windows Windows Windows Netscape Navigator Windows 1 Windows 1 2-1 2 2-2 2 2-3 3 2-4 3 (1)TAB (2) 2-5 4 2-6 4 2-7 5 1-1Windows 5 3-1 6 3-2 6 (1) (2) (3) (F) (4) (E)
css.pdf
1 2 Web (2) HTML ( ) HTML CSS CSS = Cascading Stye Sheet (CSS) W3C (Word Wide Web Consortium, Web ) 2006-2018 Harumi Murakami and Kota Abe HTML&CSS 3 1990 Web HTML Web 1993 Web , , HTML HTML&CSS
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)
untitled
2005 HP -1-2005 8 29 30 HP 1 ( ) 1. Web 2. HTML HTML 1 PDF HTML 1 Web HTML http://www.media.ritsumei.ac.jp/kodais2005 2 2.1 WWW HTML Hyper Text Markup Language) HTML Web HTML Internet Explorer http://www.ritsumei.ac.jp
1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1...............
1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1.............................. 3 2........................... 3 3......................
Web 設計入門
Web デザイン実践 #4-1 CSS(2) D.Mitsuhashi 1 HTML5 コンテンツモデル D.Mitsuhashi 2 コンテンツモデル HTML5 の要素は意味の上で 7 つのカテゴリに分けられる コンテンツモデルから 要素の中に何を含んでよいかが決定される 参考 W3C: HTML5 content models http://www.w3.org/tr/html5/dom.html#content-models
2 2 2 6 9 9 10 14 18 19 21 22 22 Java 23 24 25 25 26 30 31 32 39 46 53 55 58 2 2.0 2.0R Ver.2.0R Java Java 2.0 2.0R 2.0R 2.0 Ver2.0 2.0R Ver2.0R 19 Sun Sun Microsystems Java Java Sun Microsystems, Inc.
Plano-POS Ver1
1 Quick Version2.0.0 Chapter1 Chapter1-1 Chapter2 Chapter2-1 Quick--------------------------------------------------------------P.7 -----------------------------------------------------------------------P.11
Web プログラミング 1 HTML+CSS (3) (2 章 ) 2013/5/8( 水 ) 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用で
Web プログラミング 1 HTML+CSS (3) (2 章 ) 2013/5/8( 水 ) 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web プログラミング 1 20130508 演習
Word 2000 Standard
.1.1 [ ]-[ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [OK] [ ] 1 .1.2 [ ]-[ ] [ ] [ ] [ [ ] [ ][ ] [ ] [ ] [ / ] [OK] [ ] [ ] [ ] [ ] 2 [OK] [ ] [ ] .2.1 [ ]-[ ] [F5] [ ] [ ] [] [ ] [ ] [ ] [ ] 4 ..1 [ ]-[ ] 5 ..2
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
取扱説明書
XP 2000 19 Windows Windows CF-T2 2 5 6 8 15 18 19 20 25 Q&A 26 32 38 39 44 46 50 2 CF-T2 3 AC 100 V LAN 22 cm 4LAN * 1 * 1 CCU* 2 * 2 CCU 1 10 15 * 1 * 1 Windows XP Wireless LAN Windows 2000 Wireless LAN
Web データ管理 HTML+CSS (3) (2 章 ) 2011/10/19( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/23
Web データ管理 HTML+CSS (3) (2 章 ) 2011/10/19( 水 ) 1/23 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111019 演習
メニューのトランジション 1 (text-overflow) トランジションを利用して 面白い個性的なメニューを作ってみましょう web ページもぐっと引き立つでしょう ここで紹介するメニューも Illustrator や Photoshop でメニューの画像を作る必要はありません J
1253-1 メニューのトランジション 1 (text-overflow) トランジションを利用して 面白い個性的なメニューを作ってみましょう web ページもぐっと引き立つでしょう ここで紹介するメニューも Illustrator や Photoshop でメニューの画像を作る必要はありません JavaScript でスクリプトを書く必要もありません すべて CSS3 の機能だけで作成されています
InterSafe Personal_v2.3 ユーザーズガイド_初版
InterSafe Personal v2.3 1. 3 1-1. 4 1-2. 5 InterSafe Personal 5 1-3. InterSafe Personal 6 6 7 8 2. 9 2-1. 10 2-2. 14 2-3. 17 17 17 2 18 19 21 3. 22 3-1. 23 23 3-2. [ ] 24 [ ] 24 [ ] 24 3-3. [ ] 25 [ ]
Microsoft Office PowerPoint 2007 セミナーテキスト基礎編 講習の手引き Microsoft Office PowerPoint 2007 Office Professional 2007 PowerPoint 2007 PowerPoint 2007 PowerPoi
Microsoft Office PowerPoint 2007 セミナーテキスト基礎編 講習の手引き Microsoft Office PowerPoint 2007 Office Professional 2007 PowerPoint 2007 PowerPoint 2007 PowerPoint 2007 PowerPoint PowerPoint 2003 PowerPoint 2007
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
橡マニュアル1999.PDF
11 11 7 28 7 30 9 30 16 30 2-302 1. (hardware) Microsoft Excel Microsoft Word Windows95/98 OS Windows95/98 MS-DOS 2. 3. 1 1 2 4. Enter CTRL ALT ALT SHIFT ESC BS DEL INS TAB CAPS 5. 1 ID ID 2 ID 3-1 - 6.Windows95/98
背景の線形グラデーションをアニメーションのように見せる方法は 前章の #div4 ボックスと同じ方法です ( 注 )Safari (webkit 系ブラウザ ) と Chrome(Webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit
1329-2 Linear Gradation のアニメーション (2) 背景 (background) を線形グラデーション (Linear Gradation) のアニメーションにして みましょう W3C 仕様では background-image プロパティは transition プロパティでのトランジションや animation プロパティでのアニメーションができないようになっています linear-gradient(
ohp.mgp
2019/06/11 A/B -- HTML/WWW(World Wide Web -- (TA:, [ 1 ] !!? Web Page http://edu-gw2.math.cst.nihon-u.ac.jp/~kurino VNC Server Address : 10.9.209.159 Password : vnc-2019 (2019/06/04 : : * * / / : (cf.
websample 1 2 websample index.html
Web HTML Web 1 2 3 4 5 6 7 1 2 3 4 5 6 websample 1 2 websample index.html -1-1 HTML index.html html head /head body /body /html body table border="1" /table /body table border="" /table table /table table
コンピュータ中級B ～Javaプログラミング～ 第3回 コンピュータと情報をやりとりするには?
Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2011, All rights reserved. 1 コンピュータ 2C ~ マルチメディア ~ 第 3 回 Web ページを作成するには? ( スタイルシート ) 人間科学科コミュニケーション専攻 白銀純子 Copyright (C) Junko Shirogane,
08+11Extra
A - - #8 bit, Byte, Yutaka Yasuda bit : データの最小単位 1bit = 最小状態の単位 = 二進一桁 コンピュータ内部は電気配線 配線に電気が通っている いな い だけで処理 状態は2種 二値 二進 動作にうまく対応 二進一桁を配線一本で実現 0と1 二進数 で動作 の実体 1bit = 二進一桁 = 配線一本 Byte : Byte bit 8 1 Byte
大メニューをマウスカーソルで hover すると 半透明の小メニューが上から伸びてきます 小メニューを hover すると メニューの背景色とテキストの色が変わります NaviMenuAnime01 の説明 HTML の記述 (NaviMenuAnime01.html) id 属性 menu-box
1337-1 メニューのアニメーション (1) animation プロパティを利用して メニューの中でアニメーションを動かしてみましょう メニューを工夫することでひときわ光る web ページにすることができます もう Flash でアニメーションを作る必要はありません JavaScript でスクリプトを書く必要もありません サンプル CSS1 メニューバーの中を動くアニメーション メニューバーの中に太陽系宇宙を入れてみました
( 注 )Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color のプロパティで描くこ
1330-2 Radial Gradation のアニメーション (2) 背景 (background) を円形グラデーション (Radial Gradation) のアニメーションにして みましょう radial-gradient と repeating-radial-gradient の仕様は 別本 Transition を使いこな す編 の 1238-1 円形グラデーション Radial Gradation
公図閲覧操作マニュアル
2009/03/09 NeoGIS 2010/08/06 NeoGIS - -------------------------------------------------------------- 4 -------------------------------------------------------------- 5 --------------------------------------------------------------
CSS Taichi Kaminogoya 2007-05-26T14:00:00+09:00 design de sign coration デザイン サイン 情報 をデコレーション 装飾 どれが重要なのかのサイン メッセージ CSS CSS CSS CSS デザイン 線や色でサイン 情報をイイトコロに配置 CSS CSS CSS { : ; { : ; { : ; { : ; CSS
id, クラスで指定 (#id 名,.class 名 ) 4. 様々なセレクタ a,b :a と b を指定 a b :a の下の階層の b を指定 a>b :a の直下の b を指定 a+b :a の次の b を指定 ab :a かつ b を指定 5. 属性セレクタ a[b] :a タグ内で b
![id, クラスで指定 (#id 名,.class 名 ) 4. 様々なセレクタ a,b :a と b を指定 a b :a の下の階層の b を指定 a>b :a の直下の b を指定 a+b :a の次の b を指定 ab :a かつ b を指定 5. 属性セレクタ a[b] :a タグ内で b](/thumbs/91/105346023.jpg "id, クラスで指定 (#id 名,.class 名 ) 4. 様々なセレクタ a,b :a と b を指定 a b :a の下の階層の b を指定 a>b :a の直下の b を指定 a+b :a の次の b を指定 ab :a かつ b を指定 5. 属性セレクタ a[b] :a タグ内で b")
CSS まとめ 1. CSS とは? ホームページを作る技術の一つで, 見た目の記述をするもの. W3C で作成されており,W3C のサイトで仕様を確認できる. 2. CSS が記述できる場所 1 style タグで記述 (html 内に記述 ) する. 2 style 属性で記述 (html 内に記述 ) する. 3 外部ファイルで記述する.( 一般的な方式であり, 以下, この方式の説 明 )
padding( パディング ) padding プロパティでボックスの内側の余白を指定します この部分の内側には背景 ( 背景色や背景画像 ) を表示できます border( ボーダー ) border プロパティでボックスの境界線を指定します ボーダーには色 太さ 線の種類を指定できます 画像で
1111 基本のボックス (margin, width, height, border, background) CSS3 アニメーション ( およびトランジション ) の基本はボックスです このボックスに色を付けたり ボックスにテキスト ( 文字 ) や画像を入れて ボックスを移動 回転 2D 変形 3D 変形してアニメーションを作ります では先ずボックスを作ってみましょう 基本的なボックスは下の四角形のようなものです
第6回 CSS入門（つづき）
Slide URL https://vu5.sfc.keio.ac.jp/slide/ Web 情報システム構成法第 6 回 CSS 入門 ( 続き ) 萩野達也 (hagino@sfc.keio.ac.jp) 1 CSS の役割 HTML に表現を与える 背景 色, 画像, 画像の繰り返し 文字 色, 種類, 太さ, 傾き, 大きさ 文書 整列 ( 左揃え, 中央揃え, 右揃え, 均等割り付け )
! "#$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ
![! #$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ](/thumbs/91/105561973.jpg "! #$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ")
6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML ! "#$%&'()*+,-. /0123456789:;?@ABCDEFGHIJKLMNOPQR STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ
1
1 100 50/60Hz 100 50/60Hz 2 3 4 Windows 4.0SP3 Windows98 4.0SP3 800600 256 1024768 SETUP.EXE 5 [ ] 6 [ OK] [ ] 7 [ OK] [ ] 8 [ OK] [ ] 9 [ ] [ ] [ ] Enter Enter Windows Alt MP-60 10 [ ] F4 [ ] [ ] [ ]
ように記述をします div1 要素 span 要素 2 個 div3 要素 span 要素 4 個 div5 要素 span 要素 1 個 div7 要素 span 要素 2 個 div2 要素 span 要素 1 個 div4 要素 span 要素 2 個 div6 要素 span 要素 2 個
1238-2 円形グラデーションのトランジション ラディアルグラデーションのトランジション W3C 仕様では background-image プロパティは transition プロパティでのトランジションや後で アニメーション編 に出てくる animation プロパティでのアニメーションができないようになっています ラディアルグラデーションの radial-gradient( ) 関数と repeating-radial-gradient(
Microsoft Word - 教材WebページのHTML5及びCSS3の解説
教材 Web ページの HTML5 及び CSS3 の解説.docx Page 6 3 Contents の解説 3.1 IE9 の画面 教材 Web ページの HTML5 及び CSS3 の解説.docx Page 7 3.2 画面構成 3.3 HTML5(menu.html)
P TCP IP ISDN ISDN TA DSU DSU
P TCP IP ISDN ISDN TA DSU DSU P ADSL ISDN ADSL IC3 FOM ADSL ADSL Web Web P CATV LAN PHS LAN P IP Web ALT P Web Web Web P Web Web Web Web Web Web WWW WWW Web Web P WWW Web WWW WWW WWW Web Internet Explorer
PowerPoint Presentation
HTML5 Level.1 Markup Professional HTML5 Level.2 Application Development Professional http://www.html5exam.jp/ @html5cert https://www.facebook.com/html5exam
ハンドブック①-1 表紙、挨拶doc.doc
12 Knowledge and Skills for Life Yahoo! Japan ( ) Yahoo! Japan Yahoo! Yahoo! Yahoo Yahoo Google Google Japan Google Japan Google 1,110 ( 18 ) 42 9 ( 18 ) -( ) ( ) ( ) 36,900 ( 18 ) 1/12 ( ) 131
Microsoft PowerPoint - CSSガイドライン_201305.ppt [互換モード]
![Microsoft PowerPoint - CSSガイドライン_201305.ppt [互換モード]](/thumbs/39/20117447.jpg "Microsoft PowerPoint - CSSガイドライン_201305.ppt [互換モード]")
COPYRIGHT 2013 CYBRiDGE CORPORATION COPYRIGHT 2013 CYBRiDGE CORPORATION 2 TEL [] COPYRIGHT 2013 CYBRiDGE CORPORATION 3 CSS CSS2.1 CSS3 CSS CSS3IEhtc js CSS ファイル 名 内 容 格 納 フォルダ common.css style.css xxx.css
B 20 Web
B 20 Web 0753018 21 1 29 1 1 6 2 8 3 UI 10 3.1........................ 10 3.2 Web............ 11 3.3......... 12 4 UI 14 4.1 Web....................... 15 4.2 Web........... 16 4.3 Web....................
Web
Web 1 1 1........................... 1 2 Web...................... 1 3...................... 3 4........................ 4 5........................... 5 i............................ 5 ii iii..........................
dynabookガイド
1 2 3 4 5 6 7 8 9 10 11 12 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 SHIFT SHIFT 44 SHIFT SHIFT 45 46 47 48 49 50 51 52 53 D Y N A B O O K 54 BACKSPACE
PM-A850 プリンタ操作ガイド（Windows編）
PM-A850 Windows A4 L... 6... 6... 7... 8... 10 EPSON PhotoQuicker... 10 for EPSON... 10... 11... 14 1... 14 2... 15... 16... 16... 17... 18... 20... 20 A4 L... 22... 22... 23... 24... 26... 26... 28...
CD-ROM Ver.1Ver
1 1 2 6 3 6 1 8 2 8 3 8 4.. 9 5 10 6.. 10 7.. 10 8 11 9 CD-ROM 11 10 11 1 13 1-1.. 13 1-2.. 15 2.. 16 2-1 Ver.1Ver.2.. 16 2-2. 18 2-3.. 34 2-4.. 35 2-5 45 1 49 1-1... 49 1-2. 51 1-2-1. 51 1-2-2. 55 1-2-3
Color Change
1229 Text の 3D トランジション (rotatex, rotatey) テキストが 3D で変形するトランジションを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover すると テキストが 3D で 変化するトランジションが動きます プロパティ transform: rotatex( ) rotatey( ) 要素を 3D 回転するときに指定します
EPSON PM-G700プリンタ操作ガイド
A4 L... 7... 7... 8... 9... 11 EPSON PhotoQuicker... 11 for EPSON... 11... 12... 15 1... 15 2... 16 CD DVD CD DVD...17 CD DVD... 17... 17... 20 CD DVD... 21 CD DVD... 21... 21... 22... 22... 23... 24...
Ｗｅｂデザイン論
2008 年度松山大学経営学部開講科目 情報コース特殊講義 Web デザイン論 檀裕也 (dan@cc.matsuyama-u.ac.jp) http://www.cc.matsuyama-u.ac.jp/~dan/ 前回の提出物 今回の実習課題を制作し Web サーバにアップロードせよ 宛先 : dan@cc.matsuyama-u.ac.jp 件名 : Web デザイン #17_ 課題 本文 :
1 JIS X 8341-3:2016 WCAG2.0 http://waic.jp/docs/wcag2/understanding.html WCAG2.0 http://waic.jp/docs/wcag2/techs.html 2 ... 1... 3... 6 1.1... 6 1.2... 7... 8 1.1.1... 8 1.2.1... 13 1.2.2... 14 1.2.3...
untitled
Version 1.0 2010/ 8/29 1 BCMap... 3 2 BCMap... 5 3 BCMap... 7 4... 12 5... 15 6... 20 7... 22 8 TruwView... 24 9... 27 10... 29 11... 33 12... 34 13... 38 14... 39 15... 41 1 p 2 ( ) BCMap p 2 ( ) p 2
目次
Knowledge Deliver ver.3.0 Knowledge Deliver ver.3.0. KNOWLEDGE DELIVER...7... 7 e...7 LMSLCMS...7...7...7... 8...8...8... 9...9...9...9...9...10... 11 Knowledge Deliver...11 Web... 11... 11... 11...12...12
目次 はじめに... 1 CSS?... 3 CSS の例... 4 CSS の基本の形... 5 HTML で CSS を読み込む... 7 <link> タグを置く ( ファイルを読み込む )... 9 <style> タグを置く ( スタイルを直接埋め込む ) セレクタ... 11
CSS について ( 概要 ) 作成日 : 2016/01/21 作成者 : 西村 はじめに この資料は HTML がある程度 ( 少しでも ) わかる人に CSS の仕組みを少しだけわかってもらえるように書いています この資料では 下記を説明します CSS とは何か CSS の基本の形 CSS の読み込み方 セレクタとは何か / 最低限覚えるとよいセレクタ プロパティと値 / 最低限覚えるとよいスタイル
PM-A850 スキャナ操作ガイド（Windows編）
PM-A850 PM-A850 Windows... 5... 8... 8... 9 35mm... 11 35mm... 14 EPSON Scan...17 EPSON Scan... 17 TWAIN... 18... 21... 23... 23... 23... 25... 27 EPSON Scan... 27 TWAIN... 28... 30... 32... 32... 33...
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
SVG 6 ( 3) I(SVG) 2017/5/30 HTML (1) 1 2 4 5 6 1 3 4 4 6 7 8 9 11 11 12 CD 13 CD 14 15 18
Power Point 2007 1 3 4 4 6 7 8 9 11 11 12 CD 13 CD 14 15 18 8 15 1 bon_odori OK 2 3 4 OK 5 1 Windows Media Windows Video Microsoft Recorded TV Show Windows Media.asf.avi.mpg mpeg dvr-ms wmv 6 Word Excel
PC STATION S200L seriesﾌｧｰｽﾄｽﾃｯﾌﾟｶﾞｲﾄﾞ
1 2 3 WindowsMe 2 1 2 3 4 5 3 1 2 3 7 3 4 2 1 6 5 6 4 5 6 7 7 Esc Caps Lock Ctrl F1 Alt F2 F3 F4 F5 F6 F7 F8 Alt F9 F10 F11 Ctrl F12 Back Space Print Scrn SysRq Insert Delete Scroll Lock Home End Pause
EPSON PX-500 プリンタ操作ガイド
A4 L... 6... 6... 7... 7... 8 EPSON PhotoQuicker... 8... 8... 12 1... 12 2... 13... 14... 14... 15... 15... 17... 17 A4 L... 19... 19... 20... 20... 21... 21... 23... 23... 23... 25... 25... 27... 27...
演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習 1 演習 2 Z: Web データ管
Web データ管理 HTML+CSS (5) (2 章 ) 2011/11/2( 水 ) 1/30 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111102 演習 1 演習 2 Z: Web データ管理
MYWORDⅤ Pro 操作マニュアル
This software is a human word proccessor for the blind,the lowvision and general people. new AOK system MYWORD MYWORD Windows XP Windows DOS/V NEC PC-9821 DOS/V NEC PC-9821 DOS/V Esc ESC Tab TAB Ctrl CTRL
VQS Collabo Homepage
VQS Collabo Homepage http://www.vqscollabo.jp FAQ VQS...1...2...2 VQS...2...3...3...4 ( )...7...7...8 FAQ...8 VQS...9 FAQ... 10 VQS Internet Explorer... 11... 15 PROXY... 15 FinePrint5... 16... 17 FAQ...
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......................
3 top#index 1 web router.ex web/router.ex 12 scope "/", NanoPlanner do 13 pipe_through browser get "/", TopController, index 16 end URL / to
3 NanoPlanner SASS Bootstrap Font Awesome 3.1 RAVT 6 RAVT route action view template Phoenix top index top index top#index RAVT URL / top#index top#index top 23 3 top#index 1 web router.ex web/router.ex
Happy Link LAN ------------------------------------------------------------------------------------------------------------ 3 -------------------------------------------------------------------------------------------------------
立ち読みページ
6 6 46. 47. 48. 49. 50. 51. 52. 53. 146 148 150 152 154 158 160 162 6 46 Web ( ) table tr td th >> 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
１
Power WX-Word WordPerfect EGWORD OASYS dp/note BeatWord Microsoft Word 1 12 8 0742 00 0000 FAX 0742 00 0001 1. 8 20 18 20 2. 3. 2,000 T E L F A X 2 Word Word Word Word Web Word 2 3 Word 4 [ ] 2 5 [Microsoft
サンプル CSS OutlineAnimation.html の説明 HTML の記述 (OutlineAnimation.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中にテキストで Out
1339 アウトラインのアニメーション outline は入力フィールドの輪郭を赤くして目立たせるなど ユーザーインターフェースと して使用されることが多い機能です また outline でボックスの輪郭をアニメーションさ せることもできますが あまり使われることはないかもしれません アニメーションで変化させることができる outline 関係のプロパティ outline-color animation
FileList Convert a pdf file!
Tamadaigakufuzokuhijirigaokac yugakukoutougakkoupasocom butamadaigakufuzokuhijirigaok acyugakukoutougakkoupasoco mbutamadaigakufuzokuhijiriga 2009 09 20 21 okacyugakukoutougakkoupaso combutamadaigakufuzokuhijiri
子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top
1116 位置の記述方法について (position, top, right, bottom, left) ここまでの説明では ボックスの大きさを変えると その後ろや下にある他のボックスの位置が移動してしまいました それは margin プロパティが隣接するボックスとの間の空白を指定しているからです position プロパティを使用すると ボックスの配置位置を指定して位置を固定させたり 移動できるようにすることができます
untitled
1. Ver1.7(Macintosh )... 1 1-1... 1 1-2 Ver1.7... 1 1-3 Ver1.7... 1 1-4... 1 1-4-1... 1 1-4-2... 1 1-4-3... 1 1-5... 1 2... 3 3... 3 3-1... 3 3-2... 3 3-3... 3 3-4 Ver1.6... 3 4 /... 4 4-1... 4 4-2...
08encode part 2
A - - #8 bit, Byte, Yutaka Yasuda 1/2 0/1 CD 9 1 0 0 or 1 1/9 4,3,4,7,7,8,8,5,3,2,2 4,3,4,7,7,8,8,5,3,2,2 4,3,4,7,7,8,8,5,3,2,2 4,3,4,7,7,8,8,5,3,2,2 CD/CD-R CD / CD-R - 1 bit data (7bit) P 0 1 1 0 1
困ったときのQ&A
Q&A XP 1 2 3 Q&A Q&A Q&A Q&A Q&A Q&A Q&A Q&A Q&A Q&A Q&A Q&A LAN Q&A 5 8 9 13 14 15 17 19 20 23 24 27 28 Microsoft Windows XP Professional Service Pack 2 Microsoft Windows XP Professional Service Pack
untitled
Web MeetingPlaza Version7.0 Version7.0 2013 8 MeetingPlaza 1 MeetingPlaza Web Android Web MeetingPlaza Mobile SI Android TM ipad, iphone Web MeetingPlaza Mobile SI ipad, iphone 2 http://www.meetingplaza.com
サンプル CSS1 入力フィールドの輪郭 (outline) のトランジション 入力フィールドをクリックすると変化します InputOutlineTransition の説明 HTML の記述 (InputOutlineTransition.html) id 属性 field の div 要素を作り
1250 アウトラインのトランジション outline は入力フィールドの輪郭を赤くして目立たせるなど ユーザーインターフェースとして使用されることが多い機能です outline はボックスに指定して border と同じようにトランジションさせることもできますが あまり使われることはないかもしれません outline には border と違って 角の半径を指定して丸くする機能はありません 入力フィールドをクリックすると変化します
取扱説明書
CF-T2 XP 2000 18 PC SD RAM USB LAN LAN DMI Q&A 2 5 8 14 17 18 19 20 Q&A 21 27 32 33 38 40 42 46 2 CF-T2 3 AC 100 V LAN 22 cm 4 LAN * 1 * 1 * 1 CCU* 2 * 2 CCU Windows XP Wireless LAN Windows 2000 Wireless
困ったときのQ&A
Q&A 1 2 3 Q&A Q&A Q&A Q&A Q&A Q&A Q&A Q&A Q&A Q&A Q&A Q&A LAN Q&A PC-Diagnostic 6 10 11 17 18 19 22 24 25 29 30 33 34 39 42 Microsoft Windows XP Professional Service Pack 2 Microsoft Windows XP Professional
Windows Macintosh 18 Java Windows 21 Java Macintosh
2 2 2 6 6 6 12 16 17 18 Windows Macintosh 18 Java Windows 21 Java Macintosh 23 25 26 26 27 33 34 40 48 55 57 60 Sun Sun Microsystems Java Java Sun Microsystems, Inc. Microsoft Windows Windows Microsoft
Color Change
1227 Text の 2D トランジション (text-shadow, white-sp, letter-sp, word-sp) テキストを変化させるトランジションを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover または Click ボタンを クリックすると テキストのトランジションが動きます プロパティ text-shadow テキストの影を指定します
16 3 1....1 2....3 3....5 4....6 1....7 2....8 3....11 4....13 1....15 2....17 PRTR...20...23...30...35 1. 1 2 2. / / 29 / / 29 29 3 PRTR () () 29 29 * 29 4 3. 4 1 6 30 (1) 35 13 (2) 14 (3) PRTR 23 ID
1222-B Transform Using Class And Tag （classセレクタと要素型セレクタ（Tag）を使用してスタイルを適用する）
1232 セレクタを使う (selector) CSS でスタイルを指定する時に セレクタ (selector) でスタイルを適用する対象を特定することができます セレクタには次のようなものがあります もうすでに使用してきた #box1 のような指定は id セレクタ と呼ばれるセレクタです また フォントの指定で使用してきた.font1 は class セレクタ と呼ばれるセレクタです セレクタ
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
画像研修
20 7 ... 2 1.1... 2 1.1.1... 2 1.1.2... 2 1.1.3... 3 1.1.4... 3 1.1.5... 3 1.1.6... 3 1.1.7... 3 1.2... 4 1.3... 4 1.3.1... 4... 5 2.1... 5 2.2... 6 2.3Word... 7 2.3.1Word... 7 2.3.2... 8 2.3.3... 8 2.3.4...
MovingTextsAnime1 の説明 HTML の記述 (MovingTextsAnime1.html) id 属性 stage の div 要素 ( アニメーションが動くステージ ) を作り その中にボックスやテキストを記述します id 属性 div1 のdiv 要素から id 属性 div
1334 テキストのアニメーション animation プロパティを使ってテキストに係わるプロパティのアニメーションを作ってみ ましょう ( 注 )Safari(webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color
HTML Flash Alt 2
1 HTML Flash Alt 2 [ ] [ ] HTML CSS [ ] 3 1 BGM 4 TAB IT 5 Ver1.0 HTML HTML HTML HTML URL HTML HTML.HTML.HTM 6 HTML h1 h6 *1 HTML title *1 7 HTML img ALT *1 *1 ALT HTML img ALT ALT img ALT ALT * - ALT
第2回 Web文書
Slide URL https://vu5.sfc.keio.ac.jp/slide/ Web 情報システム構成法第 5 回 CSS 入門 萩野達也 (hagino@sfc.keio.ac.jp) 1 Web ページの構成要素 直交技術を組み合わせる 内容 スタイル ( 表現方法 ) プログラミング スタイル プログラミング JavaScript CSS Web ページ Web 文書 HTML 内容