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 30 4-3 31 4-4 32 4-5 33 4-6 34 4-7 35 5-1 36 5-2 37 5-3 38 5-4 HTML 39 5-5 40 5-6 41 5-7 (ALT ) 42 5-8 43 6-1 ALT 44 6-2 alt="" 45 6-3 46 6-4 47 6-5 48 6-6 49 6-7 HTML 50 6-8 HTML 51 7-1 52 7-2 53 7-3 OS 54 7-4 55 7-5 56 7-6 57 8-1 TABLE 58 8-2 TABLE 59 8-3 60 8-4 61 - ii -
8-5 62 8-6 63 8-7 3 64 8-8 65 9-1 66 9-2 67 9-3 68 9-4 69 9-5 70 9-6 71 9-7 LABEL 72 9-8 73 10-1 74 10-2 75 10-3 76 10-4 77 10-5 78 11-1 79 11-2 80 11-3 81 11-4 82 11-5 83 11-6 84 12-1 85 12-2 86 12-3 URL 87 12-4 88 12-5 89 12-6 FAX 90 12-7 91 - iii -
93 93 93 94 94 95 95 95 96 / 96 99 103 108 111 - iv -
- 1 -
- 2 -
- 3 -
- 4 -
Web HTML/XHTML W3C WWW HTML/XHTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> HTML/XHTML HTML4.01 CSS 8-1 CENTER FONT BASEFONT U STRIKE S - 5 -
h1 h6 h1 h6 em strong blockquote q ul li <h1 class=lv1 > </h1> <h2 class=lv2> </h2> <ul> <li> </li> <li> </li> <li> </li> <li> </li> </ul> - 6 -
title Web title title - 7 -
frameset frame URL <frameset> <frame src="navigation.html" title=" " name=" "> <frame src="maincontent.html" title=" " name=" "> <noframes> <a href= menu.html > </a><a href= content.html > </a> </noframes></frameset> - 8 -
HOME - 9 -
- 10 -
PFI GIS ITS NPO - 11 -
- 12 -
1-13 -
- 14 -
2-1 Web 2-2 - 15 -
Web Web - 16 -
Web Web Web - 17 -
Web - 18 -
Web SSL Cookie - 19 -
- 20 -
Web - 21 -
3-1 - 22 -
HTML ALT GIF <a href="#honbun"> <img src="img/spacer.gif" alt=" " width="1" height="1"> </a> <a id= honbun name= honbun ></a> <h2 class= pgtitle > </h2> <p class= lead > - 23 -
Web Web - 24 -
1 2 3-25 -
4-26 -
- 27 -
- 28 -
- 29 -
% em px pt { font-size : 12pt } { font-size : medium } - 30 -
- 31 -
HTML/XHTML 1 1 1 CSS - 32 -
1-33 -
11 15 11/15 15 11 11.15 2005 11 15 05/11/15 11/15 11 15 2005/11/15 2005 11 15 2005.11.15 2005 11 15 12 20 12 20 1,800 1,800-34 -
1-7 MAP map HOT hot SITE MAP site map SITEMAP site map UP update - 35 -
- 36 -
Click here! - 37 -
- 38 -
Web HTML/XHTML HTML mailto - 39 -
Web Web - 40 -
5-5 - 41 -
2 area alt <img src="map.gif" alt="" class="img" width="300" height="300" usemap="#areamap"> <map name="areamap"> <area shape="rect" coords="125,130,199,150" href="honsho.html" alt=" "> <area shape="rect" coords="210,68,284,88" href="midori.html" alt=" "> <area shape="rect" coords="138,219,212,239" href="ohte.html" alt=" "> <area shape="rect" coords="28,57,102,77" href="hokuto.html" alt=" "> </map> - 42 -
- 43 -
alt <img src= jinko_graph.gif width= 300 height= 200 alt= > - 44 -
6-1 alt="" <img src= kyoiku_image.jpg. width= 50 height= 50 alt= > <img src= kyoiku_image.jpg. width= 50 height= 50 alt= > alt="" <img src= kyoiku_image.jpg. width= 50 height= 50 alt= > - 45 -
- 46 -
- 47 -
4-2 6-3 - 48 -
BLINK MARQUEE <blink> </blink> Netscape <marquee> </ marquee > Internet Explorer - 49 -
img width height HTML <img src= photo.jpg width= 200 height= 150 alt= > <img src= photo.jpg width= 200 height= 150 alt= > - 50 -
HTML - 51 -
1-52 -
JavaScript JAVA - 53 -
Web OS Windows Macintosh Internet Explorer Netscape - 54 -
- 55 -
- 56 -
- 57 -
TABLE TABLE CSS 1-2 h1 h6 li - 58 -
1 1 TABLE TABLE - 59 -
CSS HTML HTML CSS CSS HTML CSS HTML <div class= text > 2004 12 </div> <div class="title"> </div> - 60 -
- 61 -
1 1-62 -
- 63 -
3 3-64 -
1 750pixel 750pixel 800 600-65 -
- 66 -
1-6 * - 67 -
- 68 -
- - 69 -
HTML - 70 -
- 71 -
LABEL <input name="shurui" type="radio" value=" "> <input name="shurui" type="radio" value=" "> <input name="shurui" type="radio" value=" "> <input name="shurui" type="radio" value=" " id="kujo"> <label for="kujo"> </label> <input name="shurui" type="radio" value=" " id="iken"> <label for="iken"> </label> <input name="shurui" type="radio" value=" " id="shitsumon"> <label for="shitsumon"> </label> - 72 -
- 73 -
Word Excel PDF Flash - 74 -
Word Excel PDF Flash HTML - 75 -
Word Excel PDF Flash <A HREF="http://www.adobe.co.jp/products/acrobat/readstep2.html"> <IMG SRC="getreader.gif" BORDER="0" HEIGHT="31" WIDTH="88" alt=""> Adobe Reader </A> - 76 -
HTML - 77 -
PDF FLASH PDF FLASH HTML PDF FLASH PDF - 78 -
- 79 -
0-80 -
- 81 -
6-6 - 82 -
- 83 -
- 84 -
Web Web Web - 85 -
- 86 -
Web URL URL URL URL - 87 -
Web - 88 -
Web Web - 89 -
Web e e FAX - 90 -
Web xxx.com xxx.jp pref.xxxx.jp city.xxx.xxx.jp town.xxx.xxx.jp Web - 91 -
- 92 -
HTML PDF Word - _ HTML.html PDF.pdf Word.doc Excel.xls Flash.swf index.html index.html - 93 -
- _ Web URL URL - 94 -
Web Web WWW - 95 -
HTML/XHTML CSS TITLE ALT Another HTML-lint gateway HTML http://openlab.ring.gr.jp/k16/htmllint/htmllint.html Web Accessibility Toolbar Internet Explorer http://www.infoaxia.com/tools/wat/index.html Fujitsu Accessibility Assistance Web Inspector JIS X 8341-3 http://design.fujitsu.com/jp/universal/assistance/webinspector/ - 96 -
- 97 -
- 98 -
PDF Adobe Reader 47 Web Word PDF PDF HTML 1 2 Web - 99 -
- 100 -
Adobe PDF PDF Word PDF PDF PDF Maker6.0 Adobe PDF Adobe PDF Adobe PDF - 101 -
PDF Acrobat Adobe Reader PDF Acrobat 6.0 Professional Adobe Reader Acrobat 6.0 Professional Acrobat 6.0 Acrobat Acrobat Acrobat http://www.adobe.co.jp/ - 102 -
Web HTML/XHTML CSS Cascading Style Sheet 1 CSS - 103 -
h1 HTML HTML color #FF0000 #FF0000 HTML h2 { font-size:120%; color:#ffffff; background-color : #FF0000 } p { font-size:100%; color:#00ff00; Line-height: 135% } <h2> </h2> <p> </p> h2 120-104 -
HTML 3 1. HTML head link 2. HTML STYLE 3. HTML STYLE 1 <link href="style.css" rel="stylesheet" type="text/css"> - 105 -
font-size p { font-size:100%; } p { font-size:1.1em; } p { font-size:large; } p { font-size:12pt; } p {font-family : " ", Osaka, " Pro W3"} - 106 -
<span> </span> <span style= letter-spacing: 1em > </span> W3C http://www.w3.org/style/css/ - 107 -
1 FLASH HTML/XHTML HTML/XHTML - 108 -
px pt Web Web - 109 -
OS - 110 -
Web 2005 3 1 http://www2.nict.go.jp/ts/barrierfree/index.html Web http://www.kokoroweb.org/ A.A.O http://www.aao.ne.jp/ http://www.infoaxia.com/ 17 JIS BP http://premium.nikkeibp.co.jp/e-gov/special/2005/sp050106main.shtml 2004/2005 BP http://premium.nikkeibp.co.jp/e-gov/special/2004/sp041210main.shtml e 2004 http://premium.nikkeibp.co.jp/e-gov/special/2004/sp040826a.shtml BP http://premium.nikkeibp.co.jp/e-gov/special/2004/sp040324main.shtml Web 2004 http://www.u-works.co.jp/jichitai/index.html - 111 -
http://www.pref.shimane.jp/gl/gl.html http://www.pref.kyoto.jp/sitepolicy.html Web http://www.pref.ishikawa.jp/johosei/web-design/ http://m-bfree.pref.miyazaki.jp/tebiki/index.html http://www.pref.mie.jp/johos/hp/ud/index.htm http://www.pref.fukui.jp/guideline/guideline.html http://www.pref.kanagawa.jp/osirase/sisutemu/bf/glhtml/toppage.htm http://www.pref.hokkaido.jp/hfukusi/hf-thksi/chihuku/itbarrierfree/ http://www.pref.shizuoka.jp/a_8341/accesibility/index.html - 112 -