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 Homepage
Homepage Homepage Homepage Homepage Homepage Homepage 2012 7
Contents 5 6 1. 6 2. internet explorer7&8 6 1 Homepage 6 1 7 2 Homepage 8 1. 8 2. 9 3. HTML 10 4. CSS 10 5. HTML 10 6. CSS 12 1 12 2 CSS HTML 12 7.HTML CSS 16 1 16 2 CSS HTML 17 HTML BODY 17 CSS 18 1
2 20 21 1. 21 1 Homepage (Sample) 21 2 Homepage (Word) 21 (3) Homepage (Original) 21 2. URL 21 2 Homepage 22 1 22 1. index.html 23 2 23 2 1. profile.html 24 2. slide.html 24 3 25 3 1. Works.html 25 4 26 4 1. link.html 26 2. Access.html 27 3. Message.html 28 2
5 29 5 1. Homepage 29 2. 29 6 30 6 1. FFFTP 30 2. Web Homepage 31 7 31 7 Homepage 31 3 32 3 Homepage 33 1 [ ] 33 2 [ ] 58 3 [ ] 63 4 68 4 69 1 Web 69 HTML 69 CSS 70 CGI 70 JavaScript 71 2 Web 71 71 3
5 73 5 74 1 HTML CSS 74 1. HTML XHTML 74 2. CSS CSS3 76 3. HTML4.0 XHTML 77 4. HTML HTML5 80 2 WEB 81 1. 81 (1) Internet Explorer 82 (2) Mozilla Firefox 82 (3) Safari 82 (4) Google Chrome 82 (5) Opera 82 2. Web 83 (1) Web 1.0 83 (2) Web 2.0 83 (3) Web 3.0 84 3 ( ) 85 1. 85 2. 87 3. 88 4. 89 92 93 4
1 1 7 2 Homepage 8 5
1. 2. internet explorer7&8 internet explorer F12 internet explorer 1 Homepage 6
HTML+CSS Web Homepage Homepage 1 homepage index.html 7
profile.html slide.html works.html link.html access.html message.html style.css message.css img homepage C 2 Homepage 1. 8
1 PC 2 FFFTP 3 4 Web URL 2. 1 2 3 4 5 6 FFFTP 7 9
3. HTML HTML Hyper Text Markup Language body head 4. CSS HTML Cascading Style Sheets CSS 5. HTML 10
Web HTML HTML HTML HTML HTML 11
HTML 6. CSS 1 CSS { : }.back {background-color: #ffccee} 2 CSS HTML 3 style head 12
13
style 14
link CSS CSS 15
7. HTML CSS 1 HTML CSS 16
2 CSS HTML HTML HTML CSS CSS HTML HTML BODY <body> <div class="header"> </div> <div class="main"> <div class="side"> </div> <div class="main"> <div class="side"> </div> 17
<div class="contents"> </div> <div class="footer"> </div> </body> CSS 700px body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre, address{margin : 0; padding : 0; } body{ width : 100%; /* IE */}.header{ width : 700px; height : 50px; /* */}.main{ width : 700px; /* */} 18
.side{ width : 150px; float : left;}.contents{width : 550px; float : left; }.footer{ width : 700px; clear : both;}.side ul{ list-style-type : none;} Homepage 33 Homepage 19
2 HOMEPAGE Index.html 23 2 2 Profile.html Slide.htm l 24 3 3 Works.html 25 4 4 Link.html Access.html Message.html 26~28 5 5 Homepage 29 6 6 FFFTP Web Homepage 30 31 7 7 Homepage 31 20
2 1. 1 Homepage Sample 2 Homepage Word 3 Homepage Original 2. URL 1 http://www.reitakukoza.opal.ne.jp Table ONEWEEK-HP 1 Homepage(Sample) Zip abc123 2 Homepage(Word) Zip 21
index.html homepage(sample) index.html 3 Homepage(Original) Zip 4 Homepage Sample Homepage Word Homepage Original 3 2 Homepage 1 22
1. Index.html Homepage Index.html Homepage Word Index.html.docx Index.html index.html style.css <head>~</head> <link href="style.css" rel="stylesheet" type="text/css" /> 2 2 23
2. profile.html Homepage Profile.html Homepage Word Profile.html.docx Profile.html profile.html style.css <head>~</head> <link href="style.css" rel="stylesheet" type="text/css" /> 3. Slide.html Homepage Slide.html 24
Homepage Word Slide.html.docx Slide.html slide.html style.css <head>~</head> <link href="style.css" rel="stylesheet" type="text/css" /> 3 3 4. Works.html Homepage Works.html 25
Homepage Word Works.html.docx Works.html works.html style.css <head>~</head> <link href="style.css" rel="stylesheet" type="text/css" /> 4 4 5. Link.html Homepage Link.html 26
Homepage Word Link.html.docx Link.html link.html style.css <head>~</head> <link href="style.css" rel="stylesheet" type="text/css" /> 6. Access.html Homepage Access.html Homepage Word 27
Access.html.docx Access.html Access.html style.css <head>~</head> <link href="style.css" rel="stylesheet" type="text/css" /> 7. Message.html Homepage Message.html Homepage Word Message.html.docx 28
Message.html Message.html message.css <head>~</head> <link href="message.css" rel="stylesheet" type="text/css" /> Homepage 5 5 1. Homepage 2. Top 29
6 6 1. FFFTP Web FTP FFFTP http://siriasu.s10.xrea.com/ffftp/ffftp.htm FFFTP 30
URL Web 2.Web Homepage URL Web URL Web Homepage FFFTP 7 7 1. Homepage Index.html ****.css img images FFFTP 31
3 Homepage 1 [ ] 33 2 [ ] 58 3 [ ] 63 32
3 Homepage 1 [ ] 1. 2. 33
1 2 HTML 3 Internet Explorer HTML Dreamweaver HTML HTML 34
HTML Windows HTML 3. 35
Facebook Twitter 4. 1 OS Windows Mac Linux OK 2 Internet Explorer Firefox Opera Google Chrome Safari 36
Internet Explorer Firefox Google Chrome Opera Safari 3 Windows 37
Mac TextEdit 4 FTP Windows FFFTP Mac Fetch Next FTP 5 38
CD ROM 6 Ipad Iphone 39
7 Windows GIMP 5. 40
1 24 2 41
@nifty Au one Biglobe Ocn 42
3 4 43
CGI PHP SSI Homepage 6. 1 44
2 3 45
7. TOP HTML+CSS TOP CSS HTML 3 1 style Head 2 style 46
3 Link CSS HTML 8. 1 9. 1 HTML 47
M site homepage 2 HTML 48
10. TOP 1 TOP TOP TOP TOP 49
2 TOP 11. 1.( ) 3 4 50
Windows ***.txt HTML ***.htm ***.html Windows HTML Internet Explorer 2 HTML HTML ***.txt ***.htm ***.html HTML Internet Explorer 51
Internet Explorer HTML 3 Windows ***.exe ***.dll 12. 52
1 FTP FTP Web FTP Web FTP FFFTP FFFTP 53
FFFTP http://www2.biglobe.ne.jp/~sota/ ffftp-1.89b.exe FFFTP 2 FFFTP FFFTP FFFTP OK 54
FTP ftp.h3.dion.ne.jp www.omosiro.com FTP ID 55
***** Web public_html htdocs 3 56
4 My site C:\homepage My site homepage FFFTP 57
index.html 2 [ ].CGI 1 CGI CGI Common Gateway Interface CGI Perl Web HTML HTML CGI 58
CGI CGI 2 CGI CGI CGI perl HTML 59
CGI CGI 3 CGI CGI CGI URL Web HTML. 60
Skype Facebook Twitter. 1 OS IP 61
CGI Yahoo 2 62
3 CGI CGI CGI or TOOLS F2C CGI Standard 3 1. 63
誹 64
2. 3. 1 65
2 66
3 Windows 67
1 Web 69 2 71 68
4 1 Web 1. HTML Hyper Text Markup Language HTML Web C 69
2. CSS CSS Cascading Style Sheets CSS HTML XML W3C http://www.htmq.com/csskihon/001.shtml http://tempnate.com/hp_making/css_about.html 3.CGI Common Gateway Interface ( CGI) CGI http://www.marguerite.jp/nihongo/www/developcgi/index.html 70
4.JavaScript JavaScript RIA http://www.wanichan.com/web/resources/tips/js.html http://external-file.com/ja/beginner_javascript.html 2 Web 1. (template 71
URL Web URL http://flashnatural.com/ http://nikukyu-punch.com/ http://www.coolwebwindow.com/ 72
5 1 HTML CSS 74 2 Web 81 3 85 73
5 1 1. HTML XHTML HTML SGML SGML W3C SGML XML SGML XML HTML XHTML XHTML XML HTML HTML DATA XML 74
XML 1 HTML XHTML XML DOCTYPE XHTML 2 XHTML XHTML 1.0 1.1 Strict Frameset Transitional 3 DTD XHTML1.0 Transitional 1.11 1.0 IE6 1.0 Transitional 75
2. CSS CSS3 CSS CSS2.1 CSS3 CSS3 Internet Explorer 8 9 Safari Chrome Opera CSS3 CSS3 (1) (2) (3) 76
(4) CSS3 HTML5 Web 3. HTML4.0 XHTML 1998 W3C HTML XHTML XHTML 1.0 HTML4.01 XML XML HTML XML Web Web 77
W3C XHTML1.0 XHTML1.1 XHTML1.1 Web W3C XHTML HTML/XHTML XHTML2 W3C HTML Web Web 78
HTML HTML Web XHTML HTML W3C XHTML Apple Mozilla Opera WHA-TWG HTML 2004 WHA-TWG HTML Web W3C 2007 WHA-TWG HTML WG 79
HTML5 HTML W3C 2008 HTML5 2009 5 Web Google HTML5 4. HTML HTML5 HTML5 Web Web API Application Program Interface Web Web Web HTML Web 80
HTML5 HTML Web Web Flash HTML5 Web HTML5 HTML Web HTML5 Web 2 1. 81
WWW Web ( ) 1 Internet Explorer Windows 2 Mozilla Firefox Gecko 3 Safari MacOSXv10.3 4 Google Chrome Google 5 Opera 82
Trident Gecko WebKit 2. Web World Wide Web Web 1 Web 1.0: WEB1.0 WEB2.0 WEB Web Web PR Web 2 Web2.0: WEB 2.0 2.0 2000 83
Web Web 2 Web2.0 SNS Twitter 3 Web3.0: Web3.0 Web2.0 Web Web Web 84
Web Web3.0 20 Web3.0 3 1. : CLOUD COMPUTING 85
86
SAAS 2. Web SaaS 87
SaaS Amazon Web Services Windows Azure Google App Engine 3. 88
Amazon Elastic Compute Cloud (EC2) NIFTY Cloud Google App 4. 89
IBM 2009 3 90
91
93 104 105 114 92
INDEX 93 104 A abc123 21 access.html 8 27 28 access.html.docx 28 Apple 79 API(application program interface) 80 Amazon 88 Amazon Elastic compute cloud 89 Au one 42 B Biglobe 42 Body 10 17 back 12 93
C Cascading Style Sheets 10 CD-ROM 39 CGI 44 58 59 60 62 63 CGI Standard 63 Chrome 76 CLOUD COMPUTING 85 Common gateway interface 58 70 CSS 10 12 13 14 15 16 17 18 46 47 70 76 CSS Cascading Style Sheets 70 CSS2.1 76 CSS3 76 77 C:/Homepage 57 D DATA 74 94
DOCTYP 11 75 Dreamweaver 34 DTD 75 E EC2 89 F Facebook 36 61 Fetch 38 FFFTP 9 30 31 38 53 54 57 FFFTP-1.896.exe 54 FireFox 36 37 Flash 81 Frameset 75 FTP 38 53 55 ftp.h3.dion.ne.jp 55 95
F12 6 F2C 63 G Gecko 83 GIMP 40 Google 80 82 Google APP 89 Google APP Engine 88 Google Chrome 36 37 82 H Head 10 11 12 46 Homepage Sample 21 22 Homepage Word 21 22 23 24 25 26 27 28 Homepage Original 21 22 96
Homepage 6 7 8 19 22 23 24 25 26 27 28 29 31 33 48 57 HTML 10 11 12 15 16 17 34 35 46 47 48 51 52 58 59 60 69 70 74 75 77 78 79 80 81 HTML+CSS 7 46 HTMLWG 79 HTML4.0 77 HTML4.01 77 HTML5 77 80 81 HTML/XHTML 78 Htdocs 56 Hyper Tex Markup Langugage 10 69 I IBM 90 I D 55 97
IE6 Img 75 8 Img(images) 31 Index.html 7 22 23 31 58 Index.html.docx 23 Internet explorer 6 34 36 37 51 52 76 82 Internet explorer7&8 6 IP 61 Ipad&Iphone 39 JavaScript 69 71 Link 15 47 Link html 8 27 Link html docx 27 98
Linux 36 M Mac 36 38 Mac OS XV10.3 82 Message css 8 29 Message html 28 29 Message html docx 28 Mozilla 79 Mozilla firefox 82 My site 48 57 N Nifty cloud 89 Next FTP 38 nifty 42 O 99
Ocn 42 Ok 36 Opera 36 37 76 79 82 ONEWEEK-HP 21 OS 36 61 P PC 9 Perl 58 59 PHP 44 Profile html 8 24 Profile html docx 24 Public_html 56 R RIA 71 S 100
SGML 74 SaaS 87 88 Safari 36 37 76 82 Skype 61 Slide html 8 24 25 Slide html docx 25 SNS 84 SSI 44 Strict 75 Style 14 46 Style css 8 23 24 25 26 27 28 T Table 21 Template 71 Text Edit 38 101
Tools 63 Top 30 46 49 50 Transitional 75 Trident 83 Twitter 36 61 84 1.0 Transitional 75 U URL 9 31 60 72 W Web 7 9 30 31 53 56 58 60 69 71 77 78 79 80 81 82 83 84 85 Webkit 83 Web services 88 Web 1.0 83 Web 2.0 83 84 102
Web3.0 84 85 WHA-TWG 79 Windows 35 36 37 38 40 51 52 67 82 Windows Azure 88 Works html 8 25 26 Works html docx 26 World wide web 83 W3C 70 74 77 78 79 80 www.omosiro.com 55 X XML 70 74 75 77 XHTML 74 75 77 78 79 XHTML 1.0 77 78 XHTML 1.0 transitional 75 XHTML 1.1 78 103
XHTML2 78 XHTML4.01 77 Y Yahoo 62 Others 1998 77 2000 83 2004 79 2007 79 2008 80 2009 80 2009 3 90 104
105 114 URL web 31 61 61 62 60 57 78 41 Homepage 22 82 105
21 22 6 50 50 38 40 70 74 Homepage 19 85 87 70 106
45 41 40 56 44 21 22 6 21 CSS3 76 HTML HTML5 80 44 63 69 107
39 48 60 63 12 84 47 47 7 7 108
52 65 65 67 84 34 35 37 HTML 34 39 44 45 44 71 109
83 66 63 69 31 55 36 88 51 82 110
53 47 7 36 81 internet explorer7&8 6 8 30 41 35 89 40 46 111
30 55 31 56 55 9 33 34 34 47 58 34 79 80 30 43 112
37 50 65 30 55 43 29 8 31 56 44 113
35 114
諺 Rome wasn't built in a day Homepage Homepage HTML+CSS HTML Hyper Text Markup Language CSS Cascading Style Sheets Homepage Homepage HTML+CSS Homepage HTML+CSS Homepage Web HTML5+CSS3 Web 鍵 Homepage Web Homepage
IT 138
Homepage Copyright C 2012 Yukio Yunoki All rights reserved 277-0062 10-702