WEB HTML. Web HTML MIDI. Web 5.1: HTML LAN

Transcript

1 107 5 WEB Web HTML Perl PHP CGI Flash Plugin HTML MIDI Web HTML Web 5.1: HTML HTML HTML 5.1 Web Web HTML Web 24 LAN

2 5 WEB 108 Blog Web Web Web Blog PC 5.1 HTML HTML HTML html htm Windows HTML Macintosh HTML 1byte! // HTML HTML HEAD HEAD BODY /BODY /HTML

3 5 WEB 109 HTML HTML HTML... / TITLE... /TITLE A HREF=... /A BR IMG SRC=... HR SIAZE=2 H... /H 1 6 FONT SIZE=... /FONT 1 7 CSS HTML HTML CSS HTML 5.2 Web HTML Web Web HomePageMill FrontPage Web

4 5 WEB : Web

5 5 WEB FTP index.html. html HomePageMill GIF JPEG gif jpg PICT GIF Au AIFF au aif MIDI MIDI mid MPEG Quick Time mpg mov 4. HTML FTP /home/ ID/public html Web Fetch FTP 7. UNIX telnet (a) telnet (b) cd Web /public html (c) chmod

6 5 WEB FRAME HTML Web HTML Frame Web Frame TABLE Web 5.3 html html makeframe.html <FRAMESET= mokuji.html mokuji hoge.html hogehoge hegehege </FRAMESET> 30% 70% mokuji hogehoge hegehege 5.3: Frame BODY /BODY 1. Window Frame

7 5 WEB 113 FRAMESET (COLS= ROWS=) pixel(default),cols= 20%,80% rows= 20,50,* *pixel (FRAMEBORDER= yes no ) BORDERCOLOR= ) (NORESIZE) FRAME SRC= (NAME= ) NAME /FRAMESET 2. Frame html A HREF= TARGET= FRAME /A TARGET bland parent self top 3. NOFRAME /NOFRAME Frame FRAMESET NOFRAME /NOFRAME IE IFRAME SRC= (NAME= WIDTH= HEIGHT= ALGIN= ) /IFRAME

8 5 WEB CSS) HTML HTML Web HTML CSS CSS CSS CSS 1. H1 STYLE = font-style:italic; font-size:30pt; background-color:aqua; color: ff STYLE TYPE = text/css STYLE 3. HTML.css HTML LINK REL = STYLESHEET HREF = TYPE = text/css CSS CSS CSS P font-sizet:12pt; line-height:14pt; color:darkgreen;

9 5 WEB 115 H2 font-style:italic; background-color:yellow; P margin:0; CSS CLASS CLASS CSS CSS P font-size:12pt/14pt; text-indent:10 ;.back color:darkgreen;.image background-image:url(mad.gif); P CLASS = back P CLASS = image DIV SPAN DIV SPAN CSS CSS CSS CSS CSS web Web CSS CSS CSS1 W3C

10 5 WEB 116 CSS2 W3C WWW CSS MS

11 5 WEB Web Web Web form HTML FORM CGI action CGI HTTP CGI Perl PHP shell Ruby get post CGI GET POST POST GET

12 5 WEB 118 BASE64 JavaScript action method 1. Java JavaScript Jscript Web HTML JavaScript ImageReady (a) (b) (c) (d) (e) (f) i. ii. (a) (b) (c) (d) over (e) over (f) (g) (h) (i)

13 5 WEB 119 (a) ImageReady. (a). 2. Flash HTML 3. CGI SSI HTML form Webmail (a) http (b) CGI (c) CGI form Web CGI SSI Web CGI JavaScript JavaScript Natscape communications Netscape Navigator ver.2 java script java script java

14 5 WEB 120 java script html js script JavaScript NOSCRIPT /NOSCRIPT JavaScript SCRIPT TYPE= text/javascript src= hogehoge.js // /SCRIPT NOSCRIPT JavaScript /NOSCRIPT Document Object Model web HEAD meta http-equiv = Content-Script-Type content = text/javascript SCRIPT TYPE = text/javascript! var today = new Date(); var memorial month = new Number(); var memorial day = new Number(); var img ord = new Image(); var img memo = new Image(); IMG ORD = ordinary day.gif ; // IMG MEMO = memorial day.gif ; // MEMORIAL MONTH = 7 ; // MEMORIAL DAY = 7 ; // function ismemorialday() document.thisimage.src = IMG ORD;

15 5 WEB 121 if((memorial MONTH == (today.getmonth()) + 1) (MEMORIAL DAY == today.getdate())) document.thisimage.src = IMG MEMO; // /SCRIPT /HEAD BODY onload = ismemorialday()! thisimage IMG name = thisimage /BODY ; // / / JavaScript JavaScript. var new create JavaScript C if else, swith, do, while, for, goto GUI onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmouseup, onmouseover, onmouseout, on- MouseMove, onload, onunload, onfocus, onblur, onsubmit, onreset, onchange, on- Resize, onmove, ondragdrop, onabort, onerror, onselect html H2 FORM /H2 FORM NAME = form1 METHOD = post INPUT TYPE = text NAME = textfieldnum1 INPUT TYPE = text NAME = textfieldnum2 INPUT TYPE = button VALUE = onclick = domultipule() INPUT TYPE = text NAME = textfieldresult

16 5 WEB 122 VALUE = 0 /FORM onclick domultiple() meta http-equiv = Content-Script-Type content = text/javascript SCRIPT LANGUAGE = JavaScript! // function domultipule() document.form1.textfieldresult.value = document.form1.textfieldnum1.value document.form1.textfieldnum2.value; // /SCRIPT textfieldnum1 textfieldnum2 value textfieldresult value JavaScript JavaScript Netscape JavaScript WWW Date gethour() today.getmonth()... document.body.backgroud...

17 5 WEB 123 BMI form value str - 0 parseint(str) parsefloat(str)

18 5 WEB Web MIDI YAMAHA MIDPULG Web MIDI MIDI MIDI MIDI MIDI A HREF=.mid /A PLUGIN Web HTML PLUGIN YAMAHA MIDPLUG west.mid MIDI EMBED SRC= west.mid WIDTH=150 HEIGHT=40 Panel=0 AU- TOSTART=FALSE REPEAT=FALSE YAMAHA MIDPLUG WIDTH= HEIGHT= MIDPULG Panel= 0 AUTOSTART= TRUESE FALSE REPEAT= TRUESE STOP FALSE FTP Web FTP FTP FFFTP FFFTP 1. FFFTP FFFTP

19 5 WEB : FFFTP FTP benten.cmp.aichi-fam-u.ac.jp FTP ID s FTP... PASV OK FFFTP

20 5 WEB : FFFTP 5.6: FFFTP

21 5 WEB Web UNIX Macintosh OS Macintosh OS.... cd,ls.../public html public html../public html public html... / UNIX ID r: w: x: ls -la w x = = =1 ID chmod chmod 644 index.html chmod chmod 644 ls ls -la cd cd rm rm rm -rf

22 5 WEB 128 mv mv mv mkdir mkdir