|
|
|
- よりお つなかわ
- 7 years ago
- Views:
Transcription
1 字 幕 付 き 動 画 の 作 成 と ウェブページへの 埋 め 込 み に 関 するテクニカルノート ~ 英 語 教 員 のための Do-It-Yourself マニュアル~ Adding subtitles to video clips and embedding them in your Web pages A do-it-yourself manual for teachers of English wishing to introduce subtitle translation as part of their classroom activities but have never got round to it due to technical difficulties. 染 谷 泰 正 青 山 学 院 大 学 SOMEYA YASUMASA Aoyama Gakuin University
2
3 (2008a) (40 pages) (2008b) (69 pages) (2008c) (40 pages) (2008d) SAMI (35 pages) (SOMEYA Yasumasa) ( ) (2005-)ESP "CA1" Interactive 23, 2007 (pp. 7-10) (MI) (CC) 47, 2005 (pp ) 5, 2005 (pp. 1-29) 5, 2005 (pp ) i
4 ... i... ii Part 1 (40 pages)... 1 Part 2 (69 pages) Part 3 (40 pages) Part 4 SAMI (35 pages) ii
5 Part SAMI <SAMI> SAMI <HEAD></HEAD> (Lines 2-14) ) <STYLE TYPE= text/css ></STYLE> (Lines 4-13) ) 2CSS... 4 a)... 5 b)... 7 c)... 8 d) <BODY></BODY> (Lines 15-27) ) ) SAMI HTML SAMI Windows Media Player (WMP) GOM Player ViPlay GOM Player ViPlay DirectVobSub DirectVobSub SAMI 1<SAMI_Template1.smi> SAMI 2 2 <SAMI_Template2.smi> iii
6 Part HTML WMP WMP (Lines 20-30) (Lines 23-24) (Lines 28-30) (Lines 33-35) (Lines 15-20)... 7 Player WMP (Lines 58-64) (Lines 41-43) ) SAMI ) HTML SAMIStyle.. 16 a) SAMIStyle b) ) ) ) DirectVobSub <embed> WMP iv
7 1 2a <HTML_Template1.txt> a 2 <HTML_Template2.txt> a 3 <HTML_Template3.txt> a 4 <HTML_Template4.txt> a 5DirectVobSub <HTML_Template5.txt> a 6 <HTML_Template6.txt> v
8 Part VirtualDub ) VirtualDub (32-bit version) ) VobSub VirtualDub Vobsub VirtualDub DivXLand Media Subtitler ) DivXLand Media Subtitler ) VirtualDub (32-bit version) ) Subtitler.vdf () ) Xvid codec Stable ) BeSweet (Audio Encoder) v.1.5b Media Subtitler Subtitler.vdf Xvid codec BeSweet Media Subtitler TMPG Encoder ) TMPGEnc version ) DirectVobSub ) TMPG Encoder MPEG-1 MPEG GOM Encoder vi
9 ) GOM Encoder ) GOM Encoder Windows (DEP) vii
10 Part 4 SAMI 1. WMP Windows Media Windows Media 9(WME9) Windows Media SubCreator (Ver.1.2) Subbu (0.3.0) ChronoSub (7.7.1) DivXLand Media Subtitlerb (ver 2.0.5) SubStation Alpha (v4.08) Subtitle Processor (7.7.1) Subtitle Workshop (Ver. 2.51) Windows Media Windows Media ) ASX ) HTML WMP WMP viii
11 Do-It-Yourself (1) 2 (subtitle translation) ( 2004, 2007) Windows XP (SP2) 1. 2 SOMEYA, Yasumasa (2008a), Adding subtitles to video clips (Part 1 of the monograph, Adding subtitles to video clips and embedding them in your Web pages: A Do-It-Yourself manual for teachers of English wishing to introduce subtitle translation as part of their classroom activities, 2008.) (c) 2008 Yasumasa Someya
12 2 Adding subtitles to video clips (Someya 2008a) 1 1) (mpg, wmv, avi, etc.) (smi, srf, ass, sub, etc.) 1 3 1) Windows Media Player (WMP) 2) GOM Player ViPlay 3) DirectVobSub 2) 1) 3, p. 9 2) 3) 9a, 9b, p.17; 13, p SAMI (Synchronized Accessible Media Interchange) 3) SAMI SAMI SAMI.smi 2 SAMI HTML (HyperText Markup Language) <HEAD></HEAD> <STYLE></STYLE> <BODY></BODY> 2
13 Part 1: 3 01 <SAMI> SAMI () 02 <HEAD> 03 <TITLE>Sample SAMI File</TITLE> 4 04 <STYLE TYPE="text/css"> 05 <!-- 06 P { margin-top:10pt; text-align:center; 07 font-size:10pt; line-height:125%; 08 font-family: Arial, ; 09 color:white; background-color:transparent; 10 } 11.JACC {name:japanese; lang:ja; SAMIType:CC;} 12 --> 13 </STYLE> 14 </HEAD> 15 <BODY> 16 <SYNC START=0> 17 <P CLASS=JACC> 18 <SYNC START=1000> 19 <P CLASS=JACC> 20 <SYNC START=2000> 21 <P CLASS=JACC> 22 <SYNC START=3000> 23 <P CLASS=JACC><br> <SYNC START=60000> 26 <P CLASS=JACC> 27 </BODY> 28 </SAMI> SAMI 2 SAMI 2 SAMI 3
14 4 Adding subtitles to video clips (Someya 2008a) 2.1 SAMI <SAMI> SAMI SAMI <SAMI> SAMI SAMI </SAMI> HTML SAMI <SYNC> <P> 2 </SYNC> </P> <HEAD></HEAD> (Lines 2-14) <TITLE> <STYLE> 4) <TITLE> 1) <STYLE TYPE= text/css ></STYLE> (Lines 4-13) <STYLE TYPE=.../... >.../... MIMEMIME (Multipurpose Internet Mail Extension) MIME TYPE= HTML text/html text MIME html MIME 2 (CSS) TYPE= text/css <STYLE TYPE= text/css > </STYLE> CSS (Cascading Style Sheets) CSS STYLE 5) 2) 2CSS CSS HTML WWW World Wide Web Consortium (W3C) CSS 6) 4
15 Part 1: 5 2 (Lines 6-11) 06 P { margin-top:10pt; text-align:center; 07 font-size:10pt; line-height:125%; 08 font-family: Arial, ; 09 color:white; background-color:transparent; 10 } 11.JACC {name:japanese; lang:ja; SAMIType:CC;} a) CSS (element) P {color:blue} CSS { } (selector) (declaration) P {color:blue} (property) (value) color blue P SAMI <P> ; P {color:white; font-size:10pt; background-color:black;} P (color) = (font-size) =10 (background-color) = HTML CSS { } open brace (left curly bracket) close brace (right curly bracket) P { margin-top:10pt; text-align:center; font-size:10pt; 5
16 6 Adding subtitles to video clips (Someya 2008a) line-height:125%; font-family: Arial, ; color:white; background-color:transparent; : ; } } margin-top (-bottom, -left, -right): px (=pixel), pt (point), mm, cm (pt) textalign center text-align: left ()right ()center ( )justify () font-size: pt, pc (=pica), in (=inch), mm, cm em, ex, px, % 7) em (pt) line-height: 100% 200% 125% 150% font-family: Windows 6
17 Part 1: 7 P MS Gothic MS PGothic Arial Verdana, Times New Roman HTML <body></body> 8) color: white black black (#000000), white (#FFFFFF), red (#FF0000), blue (#0000FF), yellow (#FFFF00), green (#008000), lightgray (#D3D3D3) 9) background-color: transparent 6 HTML 1, p. 12 b) 2 (Line 11) 11.JACC {name:japanese; lang:ja; SAMIType:CC;} SAMI.JACC (JApanese Closed Caption) name lang ISO ISO 639 ISO 3166 ja lang ja SAMIType CC (Closed Caption).ENCC {name:english; lang: en-us; SAMIType:CC;} 7
18 8 Adding subtitles to video clips (Someya 2008a) en-us (English-USA) en 10) c) SAMI name 2 <P Class=JACC> <SYNC> <P Class=ENCC>.JACC {name:japanese; lang:ja; SAMIType:CC;}.ENCC {name:english; lang:en-us; SAMIType:CC;} --> </STYLE> </HEAD> <BODY> <SYNC START=0> <P CLASS=JACC> <P CLASS=ENCC>This is the first line. <SYNC START=2000> <P CLASS=JACC> <P CLASS=ENCC>This is the second line. SAMI 2 8
19 Part 1: 9 SAMI WMP 3 [Play] [Lyrics, Captions, and Subtitles] [] [ ] WMP [ (Tools)] [ (Options)] [ (Security)] [ (Content)] [ (Show local captions when present)] 3 WMP GOM Player 4 11) 2 WMP <br> 9
![(Security)] [ (Content)] [ (Show local captions](/docs-images/46/20522245/images/page_19.jpg "when present)] 3 WMP 1. 2.")
20 10 Adding subtitles to video clips (Someya 2008a) 4 GOM Player 2 2 d) SAMI P {} P {margin-top:10pt; text-align:center; line-height:125%; color:white; background-color:transparent;}.jacc {name:japanese; lang:ja; SAMIType:CC; font-family: Arial,Verdana,Helvetica, ' ',sans-serif; font-size:10pt;}.encc {name:english; lang:en-us; SAMIType:CC; font-family: Arial,Verdana,Helvetica,Tahoma; font-size:11pt;} 10 sansserif 11 Arial Verdana, Helvetica, Tahoma 10
21 Part 1: 11 Arial Arial Arial 8 SAMI 2008b, pp <BODY></BODY> (Lines 15-27) 2 <SYNC START=> (SYNCronize) 1 =1000ms <P CLASS =JPCC> CLASS=JPCC [] CLASS=ENCC [] 15 <BODY> 16 <SYNC START=0> 12) 17 <P CLASS=JACC> 18 <SYNC START=1000> 19 <P CLASS=JACC> 20 <SYNC START=2000> 21 <P CLASS=JACC> <SYNC START=60000> 26 <P CLASS=JACC> 27 </BODY> 1) HTML ( ) 2000ms ms 11
22 12 Adding subtitles to video clips (Someya 2008a) ms <SYNC START=2000><P CLASS=JACC>1 <SYNC START=6000><P CLASS=JACC> ms 2 <SYNC> <P> <SYNC START=2000><P CLASS=JACC>1 <SYNC START=3000><P CLASS=JACC> <SYNC START=6000><P CLASS=JACC>2 2) SAMI HTML P {} HTML SAMI HTML <ruby> 2008b, p SAMI HTML HTML <font color=></font> [] 13) <font size=></font> [] 14) <br> <b></b> <u></u> <i></i> <sub></sub> <sup></sup> 12
23 Part 1: 13 SAMI 2 SAMI 15) SAMI 2.2 SAMI SAMI 2 SAMI 34 SAMI_Template1.smi 1 SAMI 1 SAMI_Template2.smi 2 SAMI 2 2 Windows TeraPad TeraPad ( ~ t-susumu/) SAMI 1) Sample.smi 2) 3) <SYNC START=> <P CLASS=JACC> 16) 4) 2 Windows Media Player (WMP) 6WMP 13
24 14 Adding subtitles to video clips (Someya 2008a) 6 START time (1 =1000; 1 =60000) 1100 (= 1.1 )2500 (= 2.5 ) ) 2008d 2.3 SAMI 14
25 Part 1: 15.smi Sample.wmv MyMovie Sample.smi MyMovie WMP 17) ) WMP 2) GOM Player ViPlay 3) DirectVobSub 3.1 Windows Media Player (WMP) 3 WMP SAMI WMP WMP 2 [ (Tools)] [ (Options)] [ (Security)] [ (Content)] [ (Show local captions when present)] [ (Play)] [ (Lyrics, Captions, and Subtitles)] [ (On if Available)] 7 18) WMP 8WMP Corporate Corporate WMP 11 9 Series Default 15
26 16 Adding subtitles to video clips (Someya 2008a) 7 WMP Corporate SAMI 3 8 WMP SAMI 10 5 WMP 19) wmv, avi, mpg [mpeg-1] 20 GOM Player ViPlay DirectVobSub 16
27 Part 1: GOM Player ViPlay GOM Player ViPlay SAMI 9a, 9b 9a GOM Player 9b ViPlay GOM Player GOM Player avi, mpg, wmv, m4v, mov, flv, divx smi, sub, idx, rt GOM Player 1) 2) 3) 4) 5) GOM Player 6) 17
28 18 Adding subtitles to video clips (Someya 2008a) C Program Files GRETECH > GoPlayer ( use_ intro.html ) 1) SAMI Sample.wmv Sample.smi 2) GOM Play 3) a) b) c) MS d) MS e) Japanese f) ASF 4) 9a 10a 18
29 Part 1: 19 10b GOM Player SAMI SAMI 21) 10a GOM Player 10b GOM Player ALT+ 10a GOM Player GOM Player 19
30 20 Adding subtitles to video clips (Someya 2008a) DirectVobSub DirectVobSub GOM Player 2 GOM Player DirectVobSub DirectVobSub pp ViPlay ViPlay Subtitle Workshop URU Soft 22) 23) Subtitle Workshop ViPlay ViPlay 9b, p. 17 ViPlay Subtitle Workshop Subtitle Workshop ViPlay WMP GOM Player GOM Player ViPlay GOM Player GOM Player ViPlay DirectVobSub 2 ViPlay 11 5 DirectVobSub DirectVobSub Hide Subtitles pp DirectVobSub ) 20
31 Part 1: 21 CPU 25 (2008c) 3.3 DirectVobSub DirectVobSub VobSub (Ver.2.23) VobSub VobSub for DirectShow (DirectShow )VobSub for VirtualDub (VirtualDub 26) )VobSub for AviUti (AviUti [Avi ] ) 3 TextSub ( )Subresync () Submux ( avi/ogm ) VobSub for DirectShow (aka, DirectVobSub) DirectShow 27) VobSub (?) DirectVobSub DirectVobSub
32 22 Adding subtitles to video clips (Someya 2008a) 1) VobSub 2.23 Version ) 3) VobSub 4) English OK Next 5) 11a type of install Typical Next Utilities Plugins 28 Typical Next 11a VobSub (DirectVobSub) 1 6) Next 11b Install 22
33 Part 1: 23 7) Installation Complete Close Close Ctrl+Alt+Del Windows Install 11b VobSub (DirectVobSub) 2 Close VobSub 2.23.exe C Program Files Gabest VobSub VobSub 29) DirectVobSub Configure DirectVobSub 12 VobSub 23
34 24 Adding subtitles to video clips (Someya 2008a) DirectVobSub Configure DirectVobSub General Loading Always load 12 DirectVobSub DirectVobSub mpg avi Windows wmv wmv DirectVobSub mpg 30) DirectVobSub General DirectVobSub Always Load DirectVobSub Do not load 12 DirectVobSub DirectVobSub Main Text Settings MS MS P HG M-PRO VobSub Settings Paths 24
35 Part 1: 25 Misc Picture Output Hide subtitles DirectVobSub Pre-buffer subpictures DirectVobSub DirectVobSub DirectVobSub (auto-loading version) avi mpg (mpeg-1) Loading Always load 12 Paths DirectVobSub DirectVobSub 31 DirectVobSub Windows XP 13 WMP DirectVobSub WMP DirectVobSub WMP DirectVobSub WMP WMP
36 26 Adding subtitles to video clips (Someya 2008a) 13 WMP DirectVobSub WMP DirectVobSub SAMI Arial, 10 pt Direct VobSub Tahoma, 18 pt: ANSI) 14 WMP 2 DirectVobSub WMP SAMI WMP GOM Player ViPlay WMP DirectVobSub WMP GOM Player ViPlay DirectVobSub GOM Player ( DirectVobSub) 26
37 Part 1: 27 1) GOM Player 2) 15a 3) 15b DirectVobSub DirectVobSub 4) 15a GOM DirectVobSub 2 GOM Player 15b 15b GOM DirectVobSub DirectVobSub DirectVobSub 27
38 28 Adding subtitles to video clips (Someya 2008a) DirectVobSub 12, p. 24 DirectVobSub DirectVobSub General Loading Do not load DirectVobSub Loading Always loadload when needed DirectVobSub CPU 4. SAMI SAMI HTML SAMI 1) Windows Media Player (WMP) 2 ) GOM Player ViPlay 3) DirectVobSub WMP 3 WMP 1) 2) 3) 2 2 WMP SAMI GOM Player ViPlay SAMI 28
39 Part 1: 29 2 WMV MPG, AVI SAMI WMP WMPDVobSub GOM Player ViPlay WMP= Windows Media Player; DVobSub = DirectVobSub () DirectVobSub SAMI WMP WMP SAMI 21 31) 32) CSS writing-mode 33) 29
40 30 Adding subtitles to video clips (Someya 2008a) 1 SAMI 1<SAMI_Template1.smi> 34) <SAMI> <HEAD> <TITLE>SAMI </TITLE> <STYLE TYPE="text/css"><!-- P {margin-top:10pt; text-align:center; font-size:10pt; line-height:125%; font-family: Arial,Verdana,Helvetica,' ',' ', sans-serif; color:white; background-color:transparent;}.jacc {name:japanese; lang:ja; SAMIType:CC;} --> </STYLE> </HEAD> <BODY> <!-- START=0 --> <SYNC START=0> <P CLASS=JACC> <!-- START= --> <! =10000; 1 (60 )=60000; 10 (600 )= > <SYNC START=> <P CLASS=JACC> <SYNC START=> <P CLASS=JACC> <SYNC START=> <P CLASS=JACC> <SYNC START=> <P CLASS=JACC> <SYNC START=> <P CLASS=JACC> <!-- START --> <SYNC START=> <P CLASS=ENCC> <P CLASS=JACC> </BODY> </SAMI> <!-- ==================================== (1) GOM Player SAMI GOM (2) (3) SAMI.smi (4) (5) SAMI URL SAMI (2008b) --> (6) SAMI_Template2.smi 30
41 Part 1: 31 2 SAMI 2 2 <SAMI_Template2.smi> <SAMI> <HEAD> <TITLE>SAMI 2 </TITLE> <STYLE TYPE="Text/css"><!-- --> <!-- P {margin-top:10pt; text-align:center; line-height:125%; color:white; background-color:transparent;}.jacc {name:japanese; lang:ja; SAMIType:CC; font-family: Arial,Verdana,Helvetica,' ',' ', sans-serif; font-size:10pt;}.encc {name:english; lang:en-us; SAMIType:CC; font-family:arial,verdana,tahoma,helvetica; font-size:11pt;} --> </STYLE> </HEAD> <BODY> <!-- START=0 --> <SYNC START=0> <P CLASS=JACC> <P CLASS=ENCC> <!-- START= =10000; 1 (60 )=60000; 10 (600 )= > <SYNC START=> <P CLASS=JACC> <P CLASS=ENCC>English Subtitle Line 1 <SYNC START=> <P CLASS=JACC> <P CLASS=ENCC>English Subtitle Line 2 <SYNC START=> <P CLASS=JACC>... <P CLASS=ENCC>Omitted... <!-- START --> <SYNC START=> <P CLASS=ENCC> <P CLASS=JACC> </BODY> </SAMI> <!-- ==================================== (1)(5) SAMI_Template1.smi (6) 1) ) : WPM (words per minute) WPM 235 WPM 120WPM = 2 words/sec.; 180WPM = 3 words/sec.; 235WPM = 3.9 words/sec. --> 31
42 32 Adding subtitles to video clips (Someya 2008a) Windows Media Player Windows Movie Maker Windows Windows XP 1) Windows [Start] [Settings] [Control Panel] [Display] 2) [Display Property] [Settings] [Advanced] [Troubleshoot] 3) [Hardware acceleration] Full 3 (= Disable DirectX acceleration) [Hardware acceleration] Full [Hardware acceleration] Full 32
43 Part 1: 33 1) Windows 2008b, p. 27) 2) (plug-in) DirectVobSub ( pp ) 3) SAMI SAMI URL Understanding SAMI 1.0 (Originally published October 2001; updated February 2003 ) [Online] SAMI [Online] SAMI SMIL (Synchronized Multimedia Integration Language) QuickTime Pro RealPlayer SMIL"smile" W3C ( ) SMIL SAMI QuickTime RealPlayer (WebAIM, Utah State University) 4) <SAMIParam> <HEAD> <TITLE>Sample SAMI File</TITLE> <SAMIParam> Copyright {(C) Copyright 2008, Taro Yamada} Media {Sample.wmv} Metrics {time:ms; duration: 60000;} </SAMIParam> <STYLE TYPE="text/css"> <SAMIParam> () 33
44 34 Adding subtitles to video clips (Someya 2008a) Metrics Microsoft DirectShow WMP (ms) ms1 =1000 ms 1 duration 1000 (160) = (360) = <!-- --> JavaScript // --> HTML CSS --> (//) 6 WC3 ( CSS TAG index ( ( HTML ( 7 em M ex x 2em 2 3em 3 em 2008b, pp (px) 2008b, 7 1pc = 12pt (pt) mm10pt 3.52mm12pt 4.23mm 8) (") (') " " ' ' <span style="font-family:" ""> font-family font-family: Arial,' ',sans-serif; Arial ' ' sans-serif sans-serif Windows Windows Mac Windows Arial, Verdana, ' 'Mac Osaka, Helvetica sans-serif font-family: Arial,Verdana,Helvetica,' ',Osaka,sans-serif; Osaka ' ' Helvetica Arial Arial Verdana Arial Mac OS Safari ' ' 'MS Gothic' 34
45 Part 1: 35 Osaka sans-serif 9) background-color background-color lightgray (#D3D3D3) Windows Media Player background-color transparent black ViPlay ( 22 ) 1. ViPlay 2. [] [] Brain.smi, Brain-biling.smi, Brain_EN.smi 3 3. [] [] 4. 5 [] ViPlay 35
46 36 Adding subtitles to video clips (Someya 2008a) 12 START=0 START=0 13 p <font> HTML size="+1" size="-1" 15 SAMI Subtitle Workshop, ChronoSub, Subbu, SubtitleProcessor, SubCreator, DivXLand Media Subtitler 2008d 16 (MS Excel) HTML WMP 2008b, p p. 9 3 SAMI 7 SAMI ) WMP SAMI 36
47 Part 1: 37 20) wmv avi WMP mpg (mpeg) WMP mpeg-1 DVD mpeg-2 WMP mpg mpeg mpg 3 mpg/mpeg 1 2 WMP Ver GOM Player SAMI HTML GOM SAMI 22) ViPlay URU Soft ViPlay (Ver. 3)? Subtitle Workshop (2004) 23) 24) Closed Caption Open Caption closed (closed) 25) GOM Player GOM Encoder GOM Encoder OS = Windows 2000/XP/2003/Vista, CPU= Pentium 26) VobSub VirtualDub VirtualDub Plug-in VirtualDub ( 32 avi DVD 37
48 38 Adding subtitles to video clips (Someya 2008a) VobSub *.vdf (2008c) VobSub TextSub (textsub.vdf) VirtualDub VobSub VobSub Subtitle Ripping, Playback and Permanent Subtitle Guide ( article_vobsub_ page1.html) VobSub 2.23 VobSub 2.23 ( 27) DirectShow DirectXWMP API [Application Program Interface] 1 DirectX 28) [Plugins] VobSub for DirectShow (= Direct VobSub) 2008cDirectVobSub ( DVobSub.ax) VSFilter (VSFilter.dll) DVobSub.ax DirectVobSub VSFilter 29) C WINDOWS (system32) dvobsub.ax vobsub.dll 2 DirectVobSub ax DirectShow DirectVobSub Configure vobsub.dll VobSub DirectVobSub dvobsub.ax ( C:WINDOWSsystem32 dvobsub.ax) xdvobsub.ax DirectVobSub DirectVobSub VobSub ) 38
49 Part 1: Free Video Converter V1.3 TMPG Encoder DirectVobSub wmv mpeg (2008c, pp ) 31) WMP DirectVobSub mpg (mpeg-1, 2) avi WMP DirectVobSub (2008b, p ) 32) Public Domain Public Domain About.com Free Movie Downloads -- The Best Web Sites for Free Movie Downloads ( searchtipoftheday/ qt/freemovie.htm) DVD ) (2008b) 34) [01] HTMQ (2008) HTML [Online] 39
50 40 Adding subtitles to video clips (Someya 2008a) [02] (2004) 4 (pp ) [03] (2007) 7 (pp ) [04] Jmet ( 2005) VobSub Subtitle Ripping, Playback and Permanent Subtitle Guide. (Article posted on the Digital Digest website) [Online] [05] Microsoft Corp. (2001)SAMI [Online] [06] (2001/2002) [Online] [07] (2001/2003) Understanding SAMI 1.0 (Originally published Oct. 2001; updated February 2003) [Online] [08] (2002) SAMI 1.0 Demonstration Suite (An Overview of SAMI with s sample media clip and scripts) [Online] SAMIOverview.exe [09] (2004) Advertising Solutions: Embedding the Windows Media Player in Web Pages. [Online] [10] (ND/2008a) Adding Closed Captions to Digital Media. (MSDN Library) [Online] [11] (ND/2008b) Using SAMI with the Windows Media Player Control in a Browse. (MSDN Library) [Online] [12] (2008b) Do-It-Yourself (2) [13] (2008c) Do-It-Yourself (3) [14] (2008d) SAMI Do-It-Yourself (4) [15] TAG index ( )CSS TAG index [Online] [16] Tetsuro (2007) VobSub 2.23 [Online] [17] ( ) [Online] [18] WebAIM ( ) Introduction to Captioning for Windows Media, Center for Persons with Disabilities, Utah State University, USA. [Online] [19] W3C ( ) Synchronized Multimedia: SMIL. [Online] [20] Wendy Boswell (2008) Free Movie Downloads -- The Best Web Sites for Free Movie Downloads (An article on the About.com website) [Online] ND [=Not Dated] URL
51 Do-It-Yourself (2) 2008a 1) SAMI SAMI 2 3 Windows Media Player (WMP) GOM Player ViPlay DirectVobSub WMP 3 WMP 2) SOMEYA, Yasumasa (2008b) Embedding subtitled video clips in your Web pages (Part 2 of the monograph, Adding subtitles to video clips and embedding them in your Web pages: A Do-It-Yourself manual for teachers of English wishing to introduce subtitle translation as part of their classroom activities. 2008) (c) 2008 Yasumasa Someya 1
52 2 Embedding subtitled video clips in your Web pages (Someya 2008b) HTML 2 3 Windows XP (SP2) Internet Explorer (Ver. 6 ) WMP (Ver. 7 ) 1. WMP 3) 3 1) 2) SAMI 3) HTML HTML 1) 2) 2008a 3) HTML 1 (User) 1) (mpg, wmv, avi, etc.) 2) (smi, srf, ass, sub, etc.) 3) HTML Web HTML HTML Web (Author) 1 WMP GOM Player ViPlay 4) 42
53 Part 2: 3 2. HTML WMP HTML WMP <embed> <object> World Wide Web Consortium (W3C) HTML XHTML Internet Explorer <object> <object> 5) a, p. 48<object> WMP HTML (1) WMP (2) (3) (4) 6) WMP (Lines 20-31) 2a Lines <object> Lines Line 21 classid WMP Version 7 Version A F 20 <object id="player" title="windows Media Player" classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" width="370" height="340"> Line 20 id (identifier) Player title WMP Line 22 width height 7) 370px % (Lines 23-24) WMP URL URL 43
54 4 Embedding subtitled video clips in your Web pages (Someya 2008b) (URL = Uniform Resource Locator) Lines URL 23 <param name="url" value=" URL?sami= URLSAMI URL MediaFileURL?sami=SamiFileURL SAMI URL SAMI Lines SAMI?sami= SAMI URL WMP SAMI 8) (URL) SAMI URL c: d (pp. 7-9) (Lines 28-30) Lines autostart true falseuimode User Interface Mode none mini full 9) Line 30 captioningid (identifier=id) captions ID Line <param name="autostart" value="false"> 29 <param name="uimode" value="full"> 30 <param name="captioningid" value="captions"> 44
55 Part 2: 5 PARAM Elements in an OBJECT Element ([12] Microsoft Corp., (ND/2008a) (Lines 33-35) <object> WMP Lines <div id="captions" title="caption Window" 34 style="width:370px; height:70px; background:black;"> 35 </div> <div> <div></div> id class style id id= captions Line 30 captioningid WMP <div> title Line 20 div div Line 34 id="captions" width:370px; height:70px; background:black; (width) Line (width) background (black) SAMI (Lines 20-35) WMP 2a (HTML_Template1.txt) Lines URL 10) html htm (Internet Explorer) 1 2a HTML Internet Explorer 2b 45
56 6 Embedding subtitled video clips in your Web pages (Someya 2008b) 2a Lines WMP 2b 3 DirectVobSub 11) mpg avi WMP 2 wmv 2 12) mpg avi DirectVobSub 13) 2b 1 2a WMP Lines (px) width=370, height=340 (px) width=370, height=70 Lines [] WMP Ver. 7 and above Internet Explorer Ver. 7.0 Windows XP (SP2) pp (refresh) 2 wmv mpg (mpeg-1) avi 3DirectVobSub mpg avi 46
57 Part 2: a 2a <object> WMP <style></style> 1 Lines 7-12 Adding Closed Captions to Digital Media (Microsoft Corp., 2001) (Lines 15-20) <head><.head> Lines Line 15 <script language = JScript... > Microsoft JScript 14) for= window event = onload Lines <script language="jscript" for="window" event="onload"> 16 Player.URL=" Player.closedCaption.SAMILang=CCLang.value; 19 Player.closedCaption.captioningID="captions"; 20 </script> Lines WMPVer. 7 SAMI Player Player.closedCaption Line 16 Player URL SAMI SAMILang (Line 18) CaptioningID (Line 19) 2 SAMI SAMI <div> (id) Lines (p. 4) SAMI URL HTML_Sample1.txt <object> <param name= URL value= MyMovie/Sample.wmv > 47
58 8 Embedding subtitled video clips in your Web pages (Someya 2008b) SAMI?sami= SAMI SAMI WMP 15) Player JScript Player Player URL (Lines 16-17) [MyMovies] Sample.wmv [MyMovies] 1 SAMI HTML 3 (=[MyMovies]) 2 SAMI HTML 1: SAMI HTML [MyMovies] (Current Folder) HTML_Sample.html Sample.wmv Sample.smi 16 Player.URL=.Samplewmv ; (.) (Current Folder) 8 Windows HTML (HTML_Sample.html) () 16). Samplewmv 2: SAMI HTML 48
59 Part 2: 9 [MyFiles] (Current Folder) HTML_Sample.html [MyMovies] Sample.wmv Sample.smi 16 Player.URL=.MyMoviesSamplewmv ; 16 Player.URL= MyMoviesSamplewmv ; 3 HTML [Documents and Settings] SAMI C: [MyData] 3: HTML [Documents and Settings] SAMI C: [MyData] [C: Drive (Root Folder)] [MyData] Sample.wmv Sample.smi [Documents and Settings] [UserName] [My Documents] [MyMovies] (Current Folder) HTML_Sample.html 16 Player.URL= c:mydatasample.wmv ; [Documents and Settings] Windows 49
60 10 Embedding subtitled video clips in your Web pages (Someya 2008b) C: D: SAMI 3 SAMI 2 4 SAMI SAMI C: [MyData] 4: HTMLSAMI C: [C: Drive (Root Folder] [MyData] Sample.smi [Documents and Settings] [UserName] [My Documents] [MyMovies] (Current Folder) HTML_Sample.html Sample.wmv 16 Player.URL=.Samplewmv ; 17 Player.closedCaption.SAMIFileName= c:mydatasample.smi ; 4 SAMI Player URL SAMI SAMIFileName SAMI (Sample.smi) 2 SAMI URL 1? 16 Player.URL=.Sample.wmv?sami=c:MyDataSample.smi ; Lines (p. 7) URL 50
61 Part 2: WMP (Lines 33-38) Lines WMP HTML_Sample1.txt Lines captioningid WMP autostart uimode 2 2 (p. 4) 33 <object id="player" title="windows Media Player" 34 classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" 35 width="370" height="340"> 36 <param name="autostart" value="false"> 37 <param name="uimode" value="full"> 38 </object> (Lines ) WMP <div> <div> p. 5 Lines Line 19 (i.e., Player.closedCaption.captioningID = captions ) (background) 17) (2008a, pp. 2-7) SAMI 41 <div id="captions" title="caption Window" 42 style="width:370; height:70; background:black;"> 43 </div> Lines Player.closedCaption SAMILang onchange Player.closedCaption. SAMILang=CCLang.value option Japanese English 51
62 12 Embedding subtitled video clips in your Web pages (Someya 2008b) 45 <select id="captionlanguages" language="jscript" -- name="cclang" class="small" 46 onchange="player.closedcaption.samilang=cclang.value"> 47 <option selected value="japanese">japanese 48 <option value="english">english 49 </select> 50 <br><span class="small"></span> <select> <option> SAMI SAMI Japanese English 18).JACC { name:japanese; lang:ja; SAMIType:CC; font-family: Arial, Verdana,' ',' '; font-size:10pt;}.encc { name:english; lang:en-us; SAMIType:CC; font-family: Arial, Verdana,Tahoma; font-size:11pt;} SAMI 2 Lines selected <option selected value="japanese">japanese <option value="english">english <option value="french">french <option value="german">german </select> Line 50 <span> <span></span> <div> <div> <span> small 1, HTML_Template1.txt, Line 11 52
63 Part 2: 13 WMP 2 3a (HTML_Template2.txt) Lines URL.html.htm (Internet Explorer) 2 3a HTML Internet Explorer 3b 3a Line 51 3b a 3b 2 3a WMP Lines (px) width 370, height=340 (px) width=370, height=70 字 幕 Lines Lines [] WMP Ver. 7 and above Internet Explorer Ver. 7.0 Windows XP (SP2) pp English (refresh) 2 wmv mpg (mpeg-1, 2) avi 3DirectVobSub mpg avi 53
64 14 Embedding subtitled video clips in your Web pages (Someya 2008b) (2.2) HTML ) SAMI SAMIStyle HTML 2 1) SAMI 2 3a HTML SAMI (Sample2.smi) Sample2.smi SAMI SAMI_Template2.smi 2008a, p.31 Sample2.smi SAMI_Template2.smi <STYLE TYPE="Text/css"><!-- P {margin-top:10pt; text-align:center; line-height:125%; color:white; background-color:transparent;}.jacc {name:japanese; lang:ja; SAMIType:CC; font-family: Arial,Verdana,Helvetica,' ', ' ',sans-serif; font-size:10pt;}.encc {name:english; lang:en-us; SAMIType:CC; font-family: Arial,Verdana,Helvetica,Tahoma; font-size:11pt;} --> </STYLE> 54
65 Part 2: 15 SAMI <style> P {... } # (unique name) P {...} #Emphasis {name: Big Bold; font-size: 14pt; text-align: center; color: blue; font-family: Arial,Verdana,Helvetica,Tahoma; font-weight: bold;} Emphasis {... } name HTML select WMP (12 points) (10 points) (15 points) (20 points) 4 4 #Standard 2008a, pp P {... }.JACC.ENCC <STYLE TYPE="Text/css"><!-- P {margin-top:10pt; text-align:center; line-height:125%; color:white; background-color:transparent;} #Standard {name:normaltxt_12pt; font-size:12pt;} #Small {name:smalltxt_10pt; font-size:10pt;} #Big1 {name:largetxt_15pt; font-size:15pt;} #Big2 {name:x-largetxt_20pt; font-size:20pt;}.jacc {name:japanese; lang:ja; SAMIType:CC; font-family: Arial,Verdana,Helvetica,,,sans-serif;}.ENCC {name:english; lang:en-us; SAMIType:CC; font-family:arial,verdana,helvetica,tahoma;} --> </STYLE> 55
66 16 Embedding subtitled video clips in your Web pages (Someya 2008b) SAMI.smi WMP 4 SAMI 4 4 WMP SAMI LargeTxt 15 Points WMP WMP HTML HTML 2) HTML SAMIStyle 2 3a 2 (HTML_Template2.txt) SAMI a) SAMIStyle 2 ClosedCaption SAMIStyle SAMI SAMIStyle Line 18 (Player.closedCaption.SAMILang=CCLang.value) ( 56
67 Part 2: 17 )Lines URL wmv smi URL 16 Player.URL=" Player.closedCaption.SAMILang=CCLang.value; Player.closedCaption.SAMIStyle=CCStyle.value; 19 Player.closedCaption.captioningID="captions"; width= 370 height= 340 (Line 35) width= 500 height= 440 Line 42 width 500 height 90 b) Lines select 8 <option> (value) SAMI (name) HTML Standard Txt (12pt), Small Txt (10pt), Large Txt (15pt), X- Large Txt (20pt) 48 <option value="english">english 49 </select> <select id ="CaptionsStyle" languag="jscript" name="ccstyle" class="reg" title="choose Font Size" onchange="player.closedcaption.samistyle=ccstyle.value"> <option selected value="normaltxt_12pt">standard Txt (10pt) <option value="smalltxt_10pt">small Txt (10pt) <option value="largetxt_15pt">large Txt (15pt) <option value="largetxt_20pt">x-large Txt (20pt) </select> 50 <br><span class="small"></span> <select> class= reg title= Choose Font Size 57
68 18 Embedding subtitled video clips in your Web pages (Someya 2008b) title Choose Subtitle Language Line width = 500 small8 reg10 <table border="0" style="width:500; height:30;"> <tr class="reg"> <td width="85" align="left"></td> <td width="415" align="left"></td> </tr> </table> HTML.html.htm Lines URL wmv smi HTML 4 3b, p
69 Part 2: [URL] SubtitleVideo/Public/HTML_Template2B.html SAMI (Sample2B.smi) <!-- P {margin-top:10pt; text-align:center; line-height:125%; color:white; background-color:transparent; } #Standard {name:normaltxt_12pt; font-size:12pt;} #Small {name:smalltxt_10pt; font-size:10pt;} #Big1 {name:largetxt_15pt; font-size:15pt;} #Big2 {name:largetxt_20pt; font-size:20pt;}.jacc {name:japanese; lang:ja; SAMIType:CC; font-family: Arial,Verdana,Helvetica,'', '', sans-serif;}.encc {name:english; lang:en-us; SAMIType:CC; font-family: Arial,Verdana,Helvetica,Tahoma;} --> SAMI HTML (pp ) 59
70 20 Embedding subtitled video clips in your Web pages (Someya 2008b) 2.3 WMP 20) 2a 3a < table> 6 2 <> <> <> 6 2 HTML <tr> Table Row <td> Table Data <td> <td> <br> <table> <tr> <td></td> <td></td> 60
71 Part 2: 21 </tr> </table> <td></td> align valign center, left, right, top, bottom <td align= center valign= top ></td> (center) (top) <td> align=left, valign=center HTML 2 WMP HTML 7 <object> WMP 2 <td> <div> <table...> <tr> <td...> <object...> <param...> <param...> <param...> </object> </td> <td...> <div...> </div> </td> </tr> </table> OBJECT WMP WMP WMP OBJECT DIV DIV 7 2 WMP HTML 61
72 22 Embedding subtitled video clips in your Web pages (Someya 2008b) 3 8a 3 Line 12 Lines WMP Lines Line 15 Line 30 <td> valign= top WMP (align) WMP 1, Lines (pp. 3-5) 2, Lines (p. 11) 1, Lines (p. 5) 2, Lines (p. 11) HTML 3 8a HTML Internet Explorer 8b silver (Line 12) white (Line 16, Line 31) silver Line 12 background white Line 31 color: white; background: black 2008a, p b 3 8a (px) height=300, width 310 (px) width=310, height=280 [] WMP Ver. 7 and above Internet Explorer Ver. 7.0 Windows XP (SP2) pp
73 Part 2: 23 (current chunk) 1) 2) 3) 3 1) 2) HTML 3) ) ; Gottlieb 1998; Hatim & Mason 1997; DCMP ) 8 SAMI HTML SAMI HTML (2008a, 1, p. 12) 1) HTML <font color=****> </font> HTML <b></b> <font color=red></font> <b></b> 63
74 24 Embedding subtitled video clips in your Web pages (Someya 2008b) SAMI HTML 9 SAMI <SYNC START=500><P CLASS=JACC> <font color="red"><b></b></font> <SYNC START=2000><P CLASS=JACC> <font color="red"><b></b></font> <SYNC START=3500><P CLASS=JACC> <font color="red"><b> </b></font> <SYNC START=5000><P CLASS=JACC> <font color="red"><b> </b></font> 9 1 HTML 8b 10 pt 125% 2) HTML <u></u> 64
75 Part 2: 25 SAMI <u></u> SAMI <SYNC START=7200><P CLASS=JACC> <u></u>3 <SYNC START=8000><P CLASS=JACC> <u>3 </u> <SYNC START=9000><P CLASS=JACC> 3 <u></u> 10 2 HTML 8b 10 pt 125% 3) HTML (p. 11) HTML <span> SAMI (color) (background-color) <span style= color: black; background-color: silver ></span> 65
76 26 Embedding subtitled video clips in your Web pages (Someya 2008b) SAMI <SYNC START=12000><P CLASS=JACC> <span style="color: black; background-color: silver"> </span> <SYNC START=13500><P CLASS=JACC> <span style="color: black; background-color: silver"> </span> <SYNC START=15000><P CLASS=JACC> <span style="color: black; backgroundcolor: silver"></span> <SYNC START=17000><P CLASS=JACC> <span style="color: black; background-color: silver"></span> 11 3 HTML 8b 10 pt 125% 66
77 Part 2: 27 (readability) HTML 1) 2) 3) 4) Windows Windows (WMM) 5) WMM 6) 7) SAMI.smi 8) 3 (HTML_Template3.txt) URL pp WMP Microsoft Internet ExplorerVer. 5.5 writing-mode CSS 67
78 28 Embedding subtitled video clips in your Web pages (Someya 2008b) 4 12a HTML 3 Line 21 2 (Lines 24-37) (Lines 39-44) Line 35 SAMILang SAMI SAMI 35 <param name="samilang" value="japanese"> 4 Lines Line 42 <td></td> writing-mode 39 <td valign="top" 40 style="writing-mode:tb-rl; background:black; color:white; 41 width:65px; height:304px;"> 43 <div id="captions" title="caption Window"></div> 44 </td> Line 39 valign valign p. 21 style 65px 304pxLine 40 writing-mode 2 lr-tb tb-rl writing-mode lr-tb (left) (right) (top) (bottom) tb-rl (top) (bottom) (right) (left) 23) Line 43 <div> id="captions" ID (Line 34) Lines <td> <div> 4 12a HTML Internet Explorer 68
79 Part 2: 29 12b 12b 4 12a (px) width 320, height=304 (px) width=65, height=304 [] WMP Ver. 7 and above Internet Explorer Ver. 7.0 Windows XP (SP2) [] pp MS 304px 65px 13 SAMI margin-left: 0pt; margin-right: 5pt; margin-top: 10pt; text-align: left; font-size: *; line-height: 125%; font-family: ' ', sansserif letter-spacing:1px; color: white; background-color: transparent; (9 pt) 69
80 30 Embedding subtitled video clips in your Web pages (Someya 2008b) HTMLWorld Wide Web Consortium (W3C) CSS3 (Cascading Style Sheets, Level 3) <ruby> Internet Explorer Windows Media Player 24) <ruby> SAMI HTML <ruby><rb></rb> <rp></rp><rt></rt><rp></rp> </ruby> <ruby> </ruby> <rb>, <rt>, <rp> 3 <rb> ruby base <rt> ruby text <rp> ruby parenthesis <rp> <ruby> <ruby> Internet Explorer (Ver. 5.5) <rp> 70
81 Part 2: DirectVobSub Windows Media Player DirectVobSub mpg (mpeg-1, 2) avi WMP 25) DirectVobSub 1, p. 2 1b 1b mpg/avi DirectVobSub (User) mpg avi SAMI HTML ( Web DirectVobSub mpg avi DirectVobSub mpg avi SAMI HTML HTML DirectVobSub 2008a, p. 2 pp DirectVobSub 5 14a HTML <object></object> Lines Lines <!----> 21 <object id="wmp" 22 classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" 23 width="640" height="544"> 24 <param name="url" value=" 71
82 32 Embedding subtitled video clips in your Web pages (Someya 2008b) 25 <!--URL Line 26 --> 27 <param name="autostart" value="false"> 28 <param name="uimode" value="full"> 29 <param name="stretchtofit" value="true"> 30 <!-- IE --> 31 <embed type="application/x-mplayer2" 32 pluginspage=" 33 windows&sbp=mediaplayer&ar=media&sba=plugin&" 34 width="640" height="544" 35 src=" 36 showcontrols="1" 37 autostart="0"/> 38 </object> <object> <embed> <object> WMP (Lines 21-23) URL, autostart, uimode, stretchtofit 4 (Line 24, Lines 27-29) Line 29 stretchtofit (true) 26) CPU DirectVobSub 14 captioningid Line 24 URL URL URL URL Line 33 SAMI mpg (mpeg) avi DirectVobSub URL.smi URL SAMI SAMIFileName 14 <object> <div> 72
83 Part 2: 33 <embed> WMP 5 Lines <embed> p. 3 5 HTML <object> WMP WMP Internet Explorer (IE) DirectVobSub Safari Firefox WMP IE Safari Firefox <object> <embed> WMP IE <object> <embed> <object></object> <embed> <embed> <embed> Line 31 (type)line 35 (src) Line 36 (showcontrols)line 37 (autostart) Lines pluginspage <object> classid WMP 1 <embed> <embed> <embed... /> 1 <embed> type= pluginspage width= height= src= showcontrols= autostart= MIME WMP application/x-mplayer2 <embed> URL 1 true 0 false autoplay= 1 true 0 false 73
84 34 Embedding subtitled video clips in your Web pages (Someya 2008b) 5 14a HTML WMP mpg avi DirectVobSub SAMI HTML 5 Internet Explorer 12b 5 Line (2008a, pp ) DirectVobSub mpg avi DirectVobSub VirtualDub VirtualDub TextSub VirtualDub 2008c 74
85 Part 2: 35 14b 5 14a (px) width=640, height=544 DirectVobSub [] WMP Ver. 7 and above Internet Explorer Ver. 7.0 Windows XP (SP2) [] MPEG-1 [] DirectVobSub 2.23 pp WMP DirectVobSub DirectVobSub DirectVobSub 2008a, p.2 pp mpg (mpeg-1) avi 3SAMI URL SAMI SAMIFileName 4DirectVobSub Direct VobSub Direct VobSub DirectVobSub (auto-loading version) [Text Settings] Outline, Shadow, Advanced Renderer [] HG M-PRO 14 5 CPU 6 WMP WMP 7 QuickTime mpg/mpeg QuickTime 75
86 36 Embedding subtitled video clips in your Web pages (Someya 2008b) 3. HTML 5 HTML DirectVobSub 2 2 B 1 WMP 2 Player Microsoft JScript HTML 2 (HTML_Template2B.html) 12 10, 12, 15, WMP 3 HTML 4 76
87 Part 2: 37 3 (2006) (N=5) (N=65) (2007) DirectVobSub WMP DirectVobSub 2008c 2 (p. 14) SAMI HTML SAMIStyle 2B (HTML_Template2B.html) WMP HTML SAMI (p. 19) 2008a, p. 6HTML 6 (HTML_ 77
88 38 Embedding subtitled video clips in your Web pages (Someya 2008b) Template6.txt, pp ) SAMI font-size 6 SAMI (Sample6.smi) font-size: 1.5em em (2008a) 7 ) Internet Explorer JavaScript (Lines 14-21) 5 onload <body> (Line 15) 78
89 Part 2: b (p. 27) 1) 2) 3) HTML 4) SAMI 5) 1) mini- (mcut.exe) [] Windows Vista 2) Windows Windows [XP] [Vista] 3) 4) (2008b) 36a 3 <HTML_Template3.txt> 5) (2008a) 2 SAMI 2 2 <SAMI_Template2.smi> (mcut.exe) 1 27) 4. 79
90 40 Embedding subtitled video clips in your Web pages (Someya 2008b) 1 (Slide1.jpg) 1) mcut.exe 2) [][] 3) 5. Windows Windows [] [] Windows (WMM) 6. WMMWMM 2 [] 1. 2 WMM 80
91 Part 2: [] ) 2) 81
92 42 Embedding subtitled video clips in your Web pages (Someya 2008b) ) 4) My Video 82
93 Part 2: 43 5) 1 5 6) [] WMV AVI 83
94 44 Embedding subtitled video clips in your Web pages (Someya 2008b) 16. SAMI HTML 17. SAMI (2008a) 2SAMI 2 2 <SAMI_Template2.smi> 1) SAMI (2008a, pp. 2-15) MS Gothic sans-serif ArialVerdana Helvetica % <STYLE TYPE="text/css"><!-- P {margin-left:8pt; margin-right:8pt; margin-top:10pt; font-size:10pt; line-height:125%; text-align:left; font-family: Arial,Verdana,Helvetica, MS Gothic,sans-serif;}.JACC {Name:Japanese; Lang:ja; SAMIType:CC;} --> </STYLE> 2) HTML CSS <div> <span> (Slide 1) 100ms 10000ms 10 2 (Slide 2) 10000ms 21000ms 11Slide 3 Slide 1 <img> SAMI HTML <img> WMP <img> WMP 84
95 Part 2: 45 <SYNC start=0><p class=jacc> <SYNC start=100><p class=jacc> <center><img src="images/aoyama-logo.jpg" height=41 width=126></center> <br> <div style="font-family: MS Gothic,sans-serif; font-size:12pt; fontweight:bold; text-align:center; line-height:150%;"> <br> </div> <br> <div style="font-family: Arial,Verdana,Helvetica, MS Gothic,sans-serif; font-size:10pt; text-align:center; line-height:150%;"> (MI) (CC) <br> <br> <br> </div> <SYNC start=10000><p class=jacc> [] (Mutual Information) 2 2 <br><br> <span style="font-size:8pt;">note: This simple method can only extract collocations of length two; however, Jelinek (1990) proposed a generalization of this method to include collocations of arbitrary length. See Jelinek, F. (1990), "Self-organized language modeling for speech recognition." In Waibel, A., and Lee, K.F. (Eds.), <i>readings in Speech Recognition</i>, pp Morgan Kaufmann Publishers. </span> <SYNC start=21000><p class=jacc> <SYNC start=*****><p class=jacc> n ***** <SYNC start=*****><p class=jacc> </BODY> 85
96 46 Embedding subtitled video clips in your Web pages (Someya 2008b) Slide 2 8 Slide 2 <span> <div> <span> (2008b, p. 12) 18. SAMI.smi 19. HTMLSAMI HTML (2008b) 3 3 <HTML_ Template3.txt> Line URL URL 3 (2008b, pp ) 22 <param name="url" value=" <!-- URL --> SAMI URL?sami= SAMI URL Line 12 ( )Line 16 () Line 20 (Windows Media Player ) Line 31 () 8 HTML_Template3B.html 12 <table style="height:370; width:820; background:silver;"> 16 style="height:370; width:410; background:white;"> 20 height="370" width="410" 31 style="height:370; width:410; color:black; background:white;"> 20. HTML 3 txt html htm8 HTML 86
97 Part 2: 47 Slide 1 Slide 2 8 SAMI [URL] 87
98 48 Embedding subtitled video clips in your Web pages (Someya 2008b) 1 2a <HTML_Template1.txt> 01 <html> 02 <head> 03 <meta http-equiv="content-type" content="text/html; charset=shift_jis"> 04 <title>: WMP HTML 05 </title> 06 <style type="text/css"><!-- 07.big {line-height:150%; font-size:12pt; font-family:arial,verdana, 08 Helvetica,' ',' ',sans-serif; color:blue;} 09.reg {line-height:150%; font-size:10pt; font-family:arial,verdana, 10 Helvetica,' ',' ',sans-serif; color:black;} 11.small {line-height:150%; font-size:7pt; font-family:arial,verdana, 12 Helvetica,' ',' ',sans-serif; color:black;} --> 13 </style> 14 </head> 15 <body text="#000000" bgcolor="#ffffff"> 16 <blockquote> 17 <p class= big >WMP HTML </p> 18 <hr width="100%"> 19 <!----> 20 <object id="wmp" title="windows Media Player" 21 classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" 22 width="370" height="340"> 23 <param name="url" value=" <!-- URL URL SAMI 26?sami= SAMI 27 (URL) --> 28 <param name="autostart" value="false"> 29 <param name="uimode" value="full"> 30 <param name="captioningid" value="captions"> 31 </object> 32 <!--: --> 33 <div id="captions" title="caption Window" 34 style="width:370px; height:70px; background:black;"> 35 </div> 36 <!----> 37 <p class="reg"> (refresh)<br> 40 2 wmv mpg avi <br> 43 3DirectVobSub 44 mpg avi </p> 45 <span class="small"> 46 <a href="javascript:parent.window.close()">close</a></span> 47 <hr width="100%"> 48 <table BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%"> 49 <tr><td class="small">this page created by Yasumasa Someya, June 5, (HTML_Template1.txt) </td></tr> 51 </table></blockquote> 52 </body> 53 </html> 88
99 Part 2: 49 EasyCapture ( 89
100 50 Embedding subtitled video clips in your Web pages (Someya 2008b) 2 3a <HTML_Template2.txt> 01 <html> 02 <head> 03 <meta http-equiv="content-type" content="text/html; charset=shift_jis"> 04 <title> 2: WMP HTML </title> 05 <style type="text/css"><!-- -- HTML_Template1.txt Lines > 12 </style> 13 <!-- onload 14 ID --> 15 <script language="jscript" for="window" event="onload"> 16 Player.URL=" 17 Subtitle/Sample2.smi"; 18 Player.closedCaption.SAMILang=CCLang.value; 19 Player.closedCaption.captioningID="captions"; 20 </script> 21 <!-- URL URL SAMI 26?sami= SAMI 27 (URL) 24 (pp.8-10) --> 25 </head> 26 <!-- HTML --> 26 <body text="#000000" bgcolor="#ffffff"> 27 <blockquote> 28 <br> 30 <p class="big">wmp HTML </p> 31 <hr width="100%"> 32 <!-- WMP --> 33 <object id="player" title="windows Media Player" 34 classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" 35 width="370" height="340"> 36 <param name="autostart" value="false"> 37 <param name="uimode" value="full"> 38 </object> 39 <br> 40 <!--DIV (id="captions")--> 41 <div id="captions" title="caption Window" 42 style="width:370; height:70; background:black;"> 43 </div> 44 <!--SELECT SAMILang --> 45 <select id="captionlanguages" language="jscript" name="cclang" class="small" 46 onchange="player.closedcaption.samilang=cclang.value"> 47 <option selected value="japanese">japanese 48 <option value="english">english 49 </select> 50 <br><span class="small"></span> 51 <!----> <hr width="100%"> 64 <table BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%"> 65 <tr><td class="small"> This script was written by Yasumasa Someya, June 64 30, 2008, based on a sample script provided in "Adding Closed Captions to 65 Digital Media" (Kim Vum, Microsoft Corp., August 2001). </td></tr> 67 </table></blockquote> 68 </body></html> 90
101 Part 2: 51 Internet Explorer 91
102 52 Embedding subtitled video clips in your Web pages (Someya 2008b) 3 8a <HTML_Template3.txt> 01 <html> 02 <head> 03 <meta http-equiv="content-type" content="text/html; charset=shift_jis"> 04 <title></title> 05 </head> 06 <body text="#000000" bgcolor="#ffffff"> 07 <blockquote><p style="font-family:arial,verdana,helvetica,' ', 08 sans-serif; font-size:12pt; color:blue;"></p> 09 <hr align="left" width="630"><br> 10 <!----> 11 <!-- silver white silver --> 12 <table style="width:630; height:300; background:silver;"> 13 <tr> 14 <!----> 15 <td valign="top" 16 style="height:200; width:300; background:white;"> 17 <!--Windows Media Player --> 18 <object id="wmp" title="windows Media Player" 19 classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" 20 width="310" height="300" 21 style="margin:2; border:0;"> 22 <param name="url" value=" <!-- URL --> 24 <param name="autostart" value="false"> 25 <param name="uimode" value="full"> 26 <param name="captioningid" value="captions"> 27 </object> 28 </td> 29 <!----> 30 <td valign="top" 31 style="width:310; height:280; color:black; background:white;"> 32 <!-- td div --> 33 <div id="captions" title="caption Window"> 34 <br><br><p style="font-family:arial,verdana,'',sans-serif; 35 font-size:10pt; color:black; text-align:center;"></p> 36 </div></td> 37 </tr> 38 </table> 39 <!----> 40 <p style="line-height:150%; font-size:10pt; font-family: Arial,Verdana, 41 Helvetica,' ',sans-serif; color:black;"> <br> <hr align="left" width="630"> 54 <table BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%" > 55 <tr><td style="font-size:7pt;font-family:arial,verdana,helvetica; color: 56 black;">this page was created by Yasumasa Someya, June 30, 2008 (HTML_ 57 Template3. txt).</td></tr> 58 </table></blockquote> 59 </body> 60 </html> 92
103 Part 2: 53 93
104 54 Embedding subtitled video clips in your Web pages (Someya 2008b) 4 12a <HTML_Template4.txt> 01 <html> 02 <head> 03 <meta http-equiv="content-type" content="text/html; charset=shift_jis"> 04 <title></title> 05 <style type="text/css"><!-- -- HTML_Template1.txt Lines > 13 </style> 14 </head> 15 <body text="#000000" bgcolor="#ffffff"> 16 <blockquote><br> 17 <p class="big">wmp IE Ver. 5.5 </p> 18 <hr width="100%"> 19 <br> 20 <!----> 21 <table width="380" height="304" border=0" bordercolor="black" bgcolor="black"> 22 <tr> 23 <!----> 24 <td valign="top" style="width:300; height:200; background:white;"> 25 <!--Windows Media Player --> 26 <object id="player" title="windows Media Player" 27 classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" 28 width="320" height="304"> 29 <param name="url" value=" <!-- URL URL --> 32 <param name="autostart" value="false"> 33 <param name="uimode" value="full"> 34 <param name="captioningid" value="captions"> 35 <param name="samilang" value="japanese"> 36 </object> 37 </td> 38 <!-- : writing-mode:tb-rl --> 39 <td valign="top" 40 style="writing-mode:tb-rl; background:black; color:white; 41 width:65px; height:304px;"> 42 <!-- td div --> 43 <div id="captions" title="caption Window"></div> 44 </td> 45 </tr> 46 </table> 47 <!----> <span class="small"> 65 <a href="javascript:parent.window.close()">close</a></span> 66 <hr width="100%"> 67 <table BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%"> 68 <tr> 69 <td class="small">this page was created by Yasumasa Someya, June 5, (HTML_Template4.txt) </td> 71 </tr> 72 </table></blockquote> 73 </body> 74 </html> 94
動画への字幕の挿入について
Do-It-Yourself (1) 2 (subtitle translation) ( 2004, 2007) Windows XP (SP2) 1. 2 SOMEYA, Yasumasa (2008a), Adding subtitles to video clips (Part 1 of the monograph, Adding subtitles to video clips and embedding
字幕付き動画のオンライン配信について
Do-It-Yourself (2) 2008a 1) SAMI SAMI 2 3 Windows Media Player (WMP) GOM Player ViPlay DirectVobSub WMP 3 WMP 2) SOMEYA, Yasumasa (2008b) Embedding subtitled video clips in your Web pages (Part 2 of the
「ハードサブ」動画の作成について
Do-It-Yourself (3) 3, 4 (3) (Subtitle Translation) 1) Subtitle Workshop Viplay 2) Viplay vsf Viplay Windows Media Player (WMP) WMP WMP 3) (2008a) (2008b) SOMEYA, Yasumasa (2008c). Creating Hard-Sub video
字幕付き動画作成のためのSAMI ファイルの作成・編集について
字幕付き動画作成のための SAMI ファイルの作成 編集について Do-It-Yourself (4) 2008a SAMI (Synchronized Accessible Media Interchange) 2 SAMI (Ibid., pp. 13-15) 1 2 3 4 1. WMP SOMEYA, Yasumasa (2008d), Creating and Editing SAMI files
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
eil2009062930_4.ppt
URL (Universal Resource Locator) WWW (World Wide Web) URL http://www.cs.kumamoto-u.ac.jp/ Web ftp://ftp.cc.kumamoto-u.ac.jp/ FTP (File Transfer Protocol) FTP World Wide Web (WWW) Web HTTP (HyperText Transfer
1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2.....................
CSS 0348085 1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... 3 3........................... 5 3 CSS
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
(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis >
HTML HTML HyperText Markup Language (Markup Language) (< > ) 1 sample0.html ( ) html sample0.html // JavaScript
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
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...........................
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
インターネットマガジン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;
経営論集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
コンピュータサイエンス 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 /
InfoPros13_digest.key
! CSS sample2.css h1 h1 { color : blue ; } : ; { } : 14 : : p { font-size: 14pt; } p { font-style: italic; } p { text-decoration: underline; } p { font-size:
1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6.....................
web 0448039 1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6...................... 3 7 HTML CSS.................... 3 8....................
1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1..............................
1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 4 2.............................. 6 3...........................
あいち電子自治体ガイドライン（第1章）
1-1 HTML/XHTML 5 1-2 h 6 1-3 TITLE 7 1-4 8 1-5 9 1-6 10 1-7 11 1-8 12 2-1 13 2-2 14 2-3 15 2-4 16 2-5 17 2-6 18 2-7 19 2-8 20 3-1 21 3-2 22 3-3 23 3-4 24 3-5 25 3-6 4 26 3-7 27 3-8 28 - i - 4-1 29 4-2
0序文‐1章.indd
本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft
1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2
XHTML DOM JavaScript 2 2008 7 1 1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 2.1.2 HTML.........................
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]
1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................
HTML 1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ 4 2..................... 6 3.....................
■新聞記事
情 報 処 理 C (P.1) 情 報 処 理 C (2016 年 度 ) ホームページ 作 成 入 門 テキストエディタ(メモ 帳 TeraPad など)でHTMLファイルを 作 成 する HTML(Hyper Text Markup Language ) ホームページを 記 述 するための 言 語 のこと テキストエディタの 起 動 (TeraPad の 場 合 ) [スタート]-[プログラム]-[テキストエディタ]-[TeraPad]
Microsoft PowerPoint - InfPro_I9.pptx
今 日 の 学 習 内 容 エディタ(emacs)を 使 った 基 本 的 なHTML の 書 き 方 Webページの 公 開 HTMLの 基 礎 知 識 HTML(Hyper Text Markup Language)は Webページを 作 るための 必 要 な 記 述 言 語 HTMLにおける 指 定 の 内 容 は: 1. 文 章 (テキスト)に 対 する 役 割 2. 文 章 やイメージなどのページ
: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1
: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 2 : : 1 1 : 3 : 2 (.ppsx) (A0nxxyyy.ppsx) presen (1 ) ID:A0nxxyyy Name: Title: 3 HTML (HyperText Markup Language) 4 ( ) http://pweb.cc.sophia.ac.jp
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 1 5 1.1....................................... 6 1.2.......................................... 6 1.3..................................... 7 1.4.................................... 8 1.4.1.............................
6 2 1
6 1 6 (1) (2) HTML (3) 1 Web 1 Web Web 1 Web HTML 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML HTML5 takahagi
2. HTML 2 3. 1 1 100 6 4. csh AWK 4. 4. AWK 1., 2., 3. 2 HTML HTML HyperText Markup Language WWW WWW (.html
1. 1 AWK HTML 18 8 14 1 HTML Yahoo! 3 Yahoo! (http://www.yahoo.co.jp/) 1 Yahoo! : http://headlines.yahoo.co.jp/hl ( ) ( ) Netscape 3.04 1. 2 Netscape 3.04 2. 1 Yahoo! 2. HTML 2 3. 1 1 100 6 4. csh AWK
HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー
Web ページ 作 成 2011/ 5/31 Web ページとは IT 用 語 事 典 e-words より Web ページ web page 読 み 方 : ウェブページ WWW システムを 使 ってインターネット 上 で 公 開 されている 文 書 Web ブラウザに 一 度 に 表 示 されるデータのまとまりで テキストデータや HTML によるレイアウト 情 報 文 書 中 に 埋 め 込
文 書 構 造 とスタイル
第 4 回 の 内 容 文 書 構 造 とスタイル CSSの 基 礎 図 表 の 利 用 文 書 構 造 とスタイル 自 己 紹 介 のHTML 文 書 放 送 太 郎 の 自 己 紹 介
68 <td valign="top" class="c8"> 69 <p class="c13"><a name="マーク0"><span class="c9">⓪</span></a></p> 70 </td> 71 </tr> 72 <tr> 73 <td valign="top" class
ページ 内 のリンクでページ 内 に 移 動 の html のページの 追 加 方 法 三 宅 節 雄 Html 文 書 を TeraPad で 開 きます 1 2
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)
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
卒 業 論 文
2210980107-4 2002 2 18 SMIL Web SMIL CG Flash SMIL 1 SMIL CG SMIL HTML RealText SMIL 2 Flash RealText RealText 10 16 9 23 1 3 3 1 2 SMIL RealPix 4 ISDN ADSL CATV Bush Goa TV Web [7] TV 3 3 SMIL CG RealSystem
~/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/
PowerPoint プレゼンテーション
ホームページの 基 礎 IPアドレス インターネットへの 接 続 に 必 要 なネットワーク 上 のアドレス こ のアドレスは0から255までの4 組 に 数 字 で 表 されます ( 例 192.168.1.1) URL IPアドレスはホームページの 場 所 を 示 す 住 所 です たとえば 220.133.0.1に 接 続 しようとして ブラウザーのURLに 220.133.0.1と 入 れればいいのですが
JavaScript の使い方
JavaScript Release10.5 JavaScript NXJ JavaScript JavaScript JavaScript 2 JavaScript JavaScript JavaScript NXJ JavaScript 1: JavaScript 2: JavaScript 3: JavaScript 4: 1 1: JavaScript JavaScript NXJ Static
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......................
1 1 1............................ 1 2............................ 1 3 Java........................ 2 4........................ 3 2 4 1................
Java 1 1 1............................ 1 2............................ 1 3 Java........................ 2 4........................ 3 2 4 1......................... 4 2.......................... 4 3....................
11
( 40 ) 1 ipad ) LAN (Local Area Network) WAN (Wide Area Network) 2 TCP/IP 3 LAN LAN EMOBILE WiMAX WILLCOM ) 4 ( www(world wide web,) ) 5 6 7 8 9 10 index.html Web IE, FireFox, Safari ( ) 11 IP IP xx.xx.xx.xx
山梨県ホームページ作成ガイドライン
17 7 ...1...4...4...4...4...5...5 W3C...5...6...6...6...7...8...8...10...10...10... 11...12...12...13...13...13...14...14...14...15...15...16...16...16...16...16...17...18 15 (2003 ) 69.7 81.1 43.6 19.6
コンピュータサイエンス 4. ウェブプログラミング
4. Chris Plaintail 2014 1 / 43 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43 HTML, CSS http, https CSS HTML CSS.html
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
Web
Web 1 1 1........................... 1 2 Web...................... 1 3...................... 3 4........................ 4 5........................... 5 i............................ 5 ii iii..........................
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
WORD 98 入力の手引き
コンピュータ 基 礎 実 習 ( 上 級 ) 第 13 週 スタイルシートの 基 礎 今 回 の 授 業 は スタイルシート(CSS)の 使 い 方 を 解 説 します 1. CSS の 基 本 1.1. CSS とは CSS は Cascading Style Sheets の 略 で ウェブページの 見 栄 えを 設 定 するための 言 語 です CSS は 最 近 多 くのサイトで 使 用 され
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
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
ホームページ制作スターターズ
HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述
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...
ORCA (Online Research Control system Architecture)
ORCA (Online Research Control system Architecture) ORCA Editor Ver.1.2 1 9 10 ORCA EDITOR 10 10 10 Java 10 11 ORCA Editor Setup 11 ORCA Editor 12 15 15 ORCA EDITOR 16 16 16 16 17 17 ORCA EDITOR 18 ORCA
インターネットマガジン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
ProVAL Recent Projects, ProVAL Online 3 Recent Projects ProVAL Online Show Online Content on the Start Page Page 13
ProVAL Unit System Enable Recording Log Preferred Language Default File Type Default Project Path ProVAL : Unit SystemUse SI Units SI SI USCS Enable Recording Log Language Default File Type Default Project
17 Multiple video streams control for the synchronous delivery and playback 1085404 2006 3 10 Web IP 1 1 1 3,,, i Abstract Multiple video streams control for the synchronous delivery and playback Yoshiyuki
189 2015 1 80
189 2015 1 A Design and Implementation of the Digital Annotation Basis on an Image Resource for a Touch Operation TSUDA Mitsuhiro 79 189 2015 1 80 81 189 2015 1 82 83 189 2015 1 84 85 189 2015 1 86 87
textbook.indd
02 XHTML+CSS part2 CSS Topics 前 回 習 得 した 基 礎 CSS を 元 に ボックス CLASS ID の 概 念 を 習 得 ボックスレイアウトを 用 いた 2 カラムのサイト 構 築 をします An Introduction to Webdesign + XHTML/CSS Coding 18 01. XHTML+CSS 2 19 20 21 22 23 24
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...
1 1.1 PC PC PC PC PC workstation PC hardsoft PC PC CPU 1 Gustavb, Wikimedia Commons.
1 PC PC 1 PC PC 1 PC PC PC PC 1 1 1 1.1 PC PC PC PC PC workstation PC 1.1.1 hardsoft 1.1.2 PC PC 1.1 1 1. 2. 3. CPU 1 Gustavb, Wikimedia Commons.http://en.wikipedia.org/wiki/Image:Personal_computer,_exploded_5.svg
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....................
立ち読みページ
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
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)
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)
PowerPoint Presentation
HTML5 Level.1 Markup Professional HTML5 Level.2 Application Development Professional http://www.html5exam.jp/ @html5cert https://www.facebook.com/html5exam
4-1. html css html 046 11 12 ht tp ht tp html HyperTex t Markup Language: html <meta ht tp - equiv="content-type" content=" tex t /html; charset=utf-
4.html css html css Adobe Flash JavaScript xml Ajax html css 045 11 12 4-1. html css html 046 11 12 ht tp ht tp html HyperTex t Markup Language: html
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.
HTML入門
HTML ABC of Hyper Text Markup Language 2009 2 HTML2009 Copyright 2009 by BohYoh Shibata 3 WWW HTML WWW WWWworld wide web hyper text resource 4 HTML2009 http WWW httphyper text transfer protocol HTML HTMLhyper
HTML5 による Webサイト制作の基本 株式会社サイバーガーデン 益子 貴寛 2012年4月7日 土曜日 CSS Nite in OKAYAMA, Vol.2 with Microsoft アップル http://www.apple.com/jp/ ローソン http://www.lawson.co.jp/
Blue Asterisk template
IBM Content Analyzer V8.4.2 TEXT MINER の新機能 大和ソフトウェア開発 2008 IBM Corporation 目次 UI カスタマイズ機能 検索条件の共有 柔軟な検索条件の設定 2 UI カスタマイズ機能 アプリケーションをカスタマイズするために Java Script ファイルおよびカスケーディングスタイルシート (CSS) ファイルの読み込み機能が提供されています
Microsoft PowerPoint - 08回目.pptx
1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading
スライド 1
第 7 講 観 光 情 報 論 2008 年 6 月 4 日 Style Sheet (CSS) 宮 国 薫 子 1 スタイルシート (CSS) CSSとは(Cascading Style Sheets) 本 来 ホームページにデザインを 加 える 機 能 の すべて 教 科 書 で 言 う スタイルシート とはCSSのことを 指 す CSSを 使 うと Page 106 にあるようにホーム ページの
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.
スライド 1
2010.2.18 CSS Nite in Ginza Vol.44 JIS X 8341-3 60 1 2004 vs 2010 2010 2 18 2010.2.18 CSS Nite in Ginza Vol.44 3 2004 10 Web Web JIS X 8341-3 W3C / WCAG 2010.2.18 CSS Nite in Ginza Vol.44 2010.2.18 CSS
PowerPoint プレゼンテーション
HTMLガイダンス 1 HTMLを 用 いたUI 設 定 2 色 々な 見 え 方 で 画 面 に 表 示 されるWebページ 全 て 文 字 /キャラクタで 表 現 されたデータの 集 まり HTML(Hyper Text Markup Language) パソコン 等 のインターネット 端 末 のブラウザソフトで 文 書 情 報 を 表 示 するときに 用 いられるプログラム 言 語 の 一 種
年刊EDP 2003
1 2 3 HDD HDD HDD HDD ( 4 !!! ( )!! HDD ( )!! ( )!!(ry YU-SHOW!!!!!!!! HxH 5 HDD ( 0123-456-789 ( e 6 PC PC psd 7 8 YO! WebPage http://mode.jp/ PowerTone 9 A4 Canon PIXUS850i 1,440dpi 720dpi A4 10 etc
CONTENTS 0 1 2 3 4 5 6 7 8 9 10 0 viii ix x http://www.vector.co.jp/vpack/filearea/win/writing/edit/hm/index.html http://hidemaru.xaxon.co.jp/lib/macro/index.html ftp://ftp.m17n.org/pub/mule/windows/ http://www.yatex.org/
ホームページの作成
HTML5,CSS 資 料 HTML5 HTML の 文 法 HTML(Hyper Text Markup Language)は, 文 章 の 部 分 を Tag(タグ)と 呼 ばれ る 命 令 で 挟 んでいく タグは ... 開 始 終 了 のように 開 始 タグと 終 了 タグ 一 対 のペアになっている. タグは, 挟 まれた 部 分 がどのような 情 報 であるかを
Table of Contents... 3 XML... 3... 3... 4 XSL... 4 CSS XML... 5 CSS... 5 HTML+CSS... 6 CSS XML... 7 CSS... 8 XSLT XML HTML(+CSS)... 9 IE5 XML... 9 IE5
2001 2 Table of Contents... 3 XML... 3... 3... 4 XSL... 4 CSS XML... 5 CSS... 5 HTML+CSS... 6 CSS XML... 7 CSS... 8 XSLT XML HTML(+CSS)... 9 IE5 XML... 9 IE5... 9 XSLT... 10 XSLT... 11 XML HTML... 11 XML
01Ł\”ƒDV700D
PWR RET RETURN TITLE SUBTITLE AUDIO ANGLE OSD STOP MENU PAUSE REPEAT TRACK GRP TITLE / CHAPTER PLAY T E X T DVD-VIDEO/VIDEO CD/CD PLAYBACK DIGITAL OUTPUT 96 khz 24 bit D/A CONVERTER 1 2 3 4 5 6 7 8 9 CX-DV700
確 認 とアップロード (2) ブラウザを 使 用 して 確 認 内 容 の 修 正 ブラウザでファイルを 開 き 表 示 されるページを 確 認 エディタで 修 正 し 上 書 保 存 した 後 再 読 込 み( 更 新 ) ボタン 上 記 作 業 を 繰 り 返 す (3) 完 成 したファイル
Webによる 情 報 提 供 リクエスト Webサーバ レスポンス ブラウザ 宮 原 のホームページ
"g10s.jpg", "g10.jpg", "(10) 菖 蒲 の 花 も 美 しい", 0] /* は "サムネイルファイル"," 写 真 ファイル"," 写 真 コメント", */ photo_holder[1] ="photo/" /* 写 真 ファイルのホルダ */ subfile_nam
![g10s.jpg, g10.jpg, (10) 菖 蒲 の 花 も 美 しい, 0] /* は サムネイルファイル, 写 真 ファイル, 写 真 コメント, */ photo_holder[1] =photo/ /* 写 真 ファイルのホルダ */ subfile_nam](/thumbs/39/20056651.jpg "g10s.jpg, g10.jpg, (10) 菖 蒲 の 花 も 美 しい, 0] /* は サムネイルファイル, 写 真 ファイル, 写 真 コメント, */ photo_holder[1] =photo/ /* 写 真 ファイルのホルダ */ subfile_nam")
城 南 宮 基 本 < md_main_b01.htm >
TH-42PAS10 TH-37PAS10 TQBA0286
TH-42PAS10 TH-37PAS10 TQBA0286 2 4 8 10 11 17 18 20 21 22 23 24 25 26 27 28 29 30 31 32 33 38 42 44 46 50 51 52 53 54 3 4 5 6 7 8 3 4 1 2 9 5 6 1 4 2 3 5 6 10 11 1 2 3 4 12 13 14 TH-42PAS10 TH-42PAS10
fiš„v5.dvi
(2001) 49 2 293 303 VRML 1 2 3 2001 4 12 2001 10 16 Web Java VRML (Virtual Reality Modeling Language) VRML Web VRML VRML VRML VRML Web VRML VRML, 3D 1. WWW (World Wide Web) WWW Mittag (2000) Web CGI Java
ProVisionaire Control V3.0セットアップガイド
ProVisionaire Control V3 1 Manual Development Group 2018 Yamaha Corporation JA 2 3 4 5 NOTE 6 7 8 9 q w e r t r t y u y q w u e 10 3. NOTE 1. 2. 11 4. NOTE 5. Tips 12 2. 1. 13 3. 4. Tips 14 5. 1. 2. 3.
untitled
MoogaOne 1. MoogaOne... 1 2. MoogaOne... 1 3.... 1 4.... 1 5.... 2 6.... 2 1.... 2 2.... 2 3. Template.htm... 2 4. index.htm... 4 [ ]... 4 5.... 4 6.... 6 7.... 6 8.... 6 [Template.htm Template-e.htm
book
Bibliotheca21 Personal 3020-7-245-30 P-26D3-A114 Bibliotheca21 Personal 01-30 OS Windows 2000 Windows Server(R) 2003 Windows XP Windows Server(R) 2008 Windows Vista(R) Windows 7 Adobe Adobe Systems Incorporated
インターネットマガジン2004年3月号―INTERNET magazine No.110
C S S text & photo: Kaminogoya 2xUP http://2xup.boo.jp/ 1 2 3 106 +++ internet magazine 2004.03 +++ c s s CSS Technique 01.blogbody blockquote{ background-color: #CCCCCC; /* */ border-left: solid 5px #FF3300;
WebRTC P2P Web Proxy P2P Web Proxy WebRTC WebRTC Web, HTTP, WebRTC, P2P i
26 WebRTC The data distribution system using browser cache sharing and WebRTC 1150361 2015/02/27 WebRTC P2P Web Proxy P2P Web Proxy WebRTC WebRTC Web, HTTP, WebRTC, P2P i Abstract The data distribution
130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3
129 11 Web IT ( 11.1) 1990 2004 2006 JIS 1 Windows 2 Web Web 11.1: 11.1 11.1.1 1 Ctrl ( ) 11.2 (U) (A) ( OK ) (S) 1 (JIS X 8341-2) (JIS X 8341-3) FAX (JIS X 8341-4) 8341 JIS JIS X8341 http://www.jisc.go.jp/
スタイルシートでデザインを整えよう
スタイルシートでデザイン(2) CSS (Cascading Style Sheets) ここまで HTML は 文 章 の 意 味 的 な 役 割 を 記 述 するもので 表 示 はブラウザ 次 第 であること を 強 調 してきました あるブラウザでの 表 示 方 法 を 前 提 に HTML で 見 た 目 を 制 御 しようとす ると 他 の 環 境 では 意 味 が 通 じにくい 相 互
p { color: yellow } div#hoge { color: green; } div.fuga { color: red; } div { color: orange; } div[id=hoge] { color: blue; } div#hoge
1 1 2 Wiki 2 3 PukiWiki 3 4 PukiWiki 4 1 PukiWiki....................... 4 2.................... 4 3 Basic..................... 6 4...................
1 1 2 Wiki 2 3 PukiWiki 3 4 PukiWiki 4 1 PukiWiki....................... 4 2.................... 4 3 Basic..................... 6 4.................... 8 5........................... 10 6.........................
Introduction Purpose This training course demonstrates the use of the High-performance Embedded Workshop (HEW), a key tool for developing software for
Introduction Purpose This training course demonstrates the use of the High-performance Embedded Workshop (HEW), a key tool for developing software for embedded systems that use microcontrollers (MCUs)
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
1" 3 3 4 5 9 15 16 17 18 20 22 22
- - 2014 8 TEL 03-4455-7453 FAX 03-6740-1754 Mail tamago-con@temona.co.jp 1" 3 3 4 5 9 15 16 17 18 20 22 22 2" 2 23 24 25 27 28 29 30 31 32 33 34 35 42 47 STEP1 3" 4" STEP2 URL URL 5" STEP3 2 STEP4 jpg
25 About what prevent spoofing of misusing a session information
25 About what prevent spoofing of misusing a session information 1140349 2014 2 28 Web Web [1]. [2] SAS-2(Simple And Secure password authentication protocol, ver.2)[3] SAS-2 i Abstract About what prevent
08+11Extra
A - - #8 bit, Byte, Yutaka Yasuda bit : データの最小単位 1bit = 最小状態の単位 = 二進一桁 コンピュータ内部は電気配線 配線に電気が通っている いな い だけで処理 状態は2種 二値 二進 動作にうまく対応 二進一桁を配線一本で実現 0と1 二進数 で動作 の実体 1bit = 二進一桁 = 配線一本 Byte : Byte bit 8 1 Byte
ron.dvi
12 Effect of occlusion and perception of shadow in depth perception caused by moving shadow. 1010361 2001 2 5 (Occlusion), i Abstract Effect of occlusion and perception of shadow in depth perception caused
演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z: W
Webデータ 管 理 HTML+CSS (4) (2 章 ) 2011/10/26( 水 ) 1/21 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z: