PowerPoint プレゼンテーション

Size: px
Start display at page:

Download "PowerPoint プレゼンテーション"

Transcription

1 XML XSLT 1

2 XML XSLT 2

3 XML XSLT 3

4 XML XSLT 4

5 XML XSLT 5

6 <?xml version="1.0" encoding="iso-2022-jp"?> <listofnames category=" "> <lastupdate> </lastupdate> <member id="01"> <name> </name> <age>27</age> <address> </address> <misc> </misc> </member> <member id="02"> <name> </name> <age>37</age> <address> </address> <misc> </misc> </member> </listofnames> XML XSLT 6

7 <?xml version="1.0" encoding="iso-2022-jp"?> XML XSLT 7

8 < > </ > < = > </ > XML XSLT 8

9 XML XSLT 9 < > < > < > </ > < > </ > </ > < > < > </ > < > </ > </ > </ >

10 <h1><font color= red > </h1></font> <h1><font color= red > </font></h1> XML XSLT 10

11 <dt> <dd> <dt> </dt> <dd> </dd> <img src= picido.jpg ></img> <img src= picido.jpg /> XML XSLT 11

12 <img src=picido.jpg /> <img src= picido.jpg /> <h1> </H1> <h1> </h1> XML XSLT 12

13 <!-- --> <!-- --> XML XSLT 13

14 XML XSLT 14

15 <html> <head><title> </title></head> <body> <p> </p> <dt> <dd> <dd>27</dd> <dd> </dd> <dd> </dd> </dt> : </body> </html> XML XSLT 15

16 XML XSLT 16

17 XML XSLT 17

18 : : <member id="01"> <member id= 01 <name> </name> firstname= <age>27</age> lastname= > <address> </address> <age>27</age> <misc> </misc> <address> </address> </member> <misc> </misc> : </member> : XML XSLT 18

19 <!ELEMENT listofnames (lastupdate,member*)> <!ELEMENT lastupdate (#PCDATA)> <!ELEMENT member (name,age,address,misc)> <!ELEMENT name (#PCDATA)> <!ELEMENT age (#PCDATA)> <!ELEMENT address (#PCDATA)> <!ELEMENT misc (#PCDATA)> <!ATTLIST listofnames category CDATA #REQUIRED> <!ATTLIST member id CDATA #REQUIRED> : <member id="01"> <name> </name> <age>27</age> <address> </address> <misc> </misc> </member> : : <member id= 01 firstname= lastname= > <age>27</age> <address> </address> <misc> </misc> </member> : XML XSLT 19

20 XML XSLT 20

21 XML XSLT 21

22 XML XSLT 22

23 xmlwork ch2 books.xml books.xsl ch3 XML XSLT 23

24 xmlwork ch2 books.xml books.xsl XML XSLT 24

25 <?xml version="1.0" encoding="iso-2022-jp"?> <?xml-stylesheet type="text/xsl" href="books.xsl"?> <books category=" "> <owner> </owner> <book isbn="isbn "> <title>10 Jakarta </title> <author> </author> <price>2800</price> </book> <book isbn="isbn "> <title> Linux/UNIX </title> <author> </author> <price>4100</price> </book> <book isbn="isbn "> <title> Java </title> <author> </author> <price>2400</price> </book> </books> XML XSLT 25

26 XML XSLT 26

27 1:<?xml version="1.0" encoding="iso-2022-jp"?> 2:<xsl:stylesheet xmlns:xsl=" /Transform version="1.0"> 3: <xsl:output method="html" encoding="iso-2022-jp" /> 4: <xsl:template match="/"> 5: <html> 6: <head> 7: <title><xsl:value-of /></title> 8: </head> 9: <body> 10: <h1><xsl:value-of /></h1> 11: <p>(<xsl:value-of select="books/owner" />)</p> 12: <table border="1"> 13: <tr><th><xsl:text>isbn </xsl:text></th> 14: <th><xsl:text> </xsl:text></th> 15: <th><xsl:text> </xsl:text></th> 16: <th><xsl:text> </xsl:text></th></tr> 17: </table> 18: </body> 19: </html> 20: </xsl:template> 21:</xsl:stylesheet> XML XSLT 27

28 % nkf -j books.xml>temp % mv temp books.xml XML XSLT 28

29 : 10: <book isbn="isbn "> 11: <title>10 Jakarta <title> 12: <author> </author> 13: <price>2800</price> 14: </book> : </title> </title> XML XSLT 29

30 1:<?xml version="1.0" encoding="iso-2022-jp"?> 2:<xsl:stylesheet xmlns:xsl=" /XSL/Transform version="1.0"> : 21:</xsl:stylesheet> 3: <xsl:output method="html" encoding="iso-2022-jp" /> XML XSLT 30

31 <xsl:template match= > : </xsl:template> <xsl:template match= > : </xsl:template> <xsl:template match= xxx"> </xsl:template> XML XSLT 31

32 / match= / / / 4: <xsl:template match="/"> / 20: </xsl:template> <xsl:template match= / > XML XSLT 32

33 <xsl:text> 13: <tr><th><xsl:text>isbn </xsl:text></th> 14: <th><xsl:text> </xsl:text></th> 15: <th><xsl:text> </xsl:text></th> 16: <th><xsl:text> </xsl:text></th></tr> 13: <tr>isbn </th> XML XSLT 33

34 <xsl:value-of> <books category=" "> <owner> </owner> </books> 11: <p>(<xsl:value-of select="books/owner" />)</p> XML XSLT 34

35 <xsl:value-of> 11: <p>(<xsl:value-of select="books/owner" />)</p> <xsl:value-of> XML XSLT 35

36 <books category=" "> 10: <h1><xsl:value-of /></h1> book category XML XSLT 36

37 <?xml version="1.0" encoding="iso-2022-jp"?> <?xml-stylesheet type="text/xsl" href="books.xsl"?> XML XSLT 37

38 xmlwork ch3 books.xml books.dtd emacs SGML XML XSLT 38

39 XML XSLT 39

40 1: <!ELEMENT books (owner,book*)> 2: <!ELEMENT book (title,author,price)> 3: <!ELEMENT owner (#PCDATA)> 4: <!ELEMENT title (#PCDATA)> 5: <!ELEMENT author (#PCDATA)> 6: <!ELEMENT price (#PCDATA)> 7: <!ATTLIST books category CDATA #IMPLIED> 8: <!ATTLIST book isbn CDATA #REQUIRED> <?xml version="1.0" encoding="iso-2022-jp"?> <!DOCTYPE books SYSTEM "books.dtd"> <?xml-stylesheet type="text/xsl... : XML XSLT 40

41 Parsing prolog...done XML XSLT 41

42 XML XSLT 42

43 XML XSLT 43

44 books category 1:<!ELEMENT books (owner,book*)> 2: <!ELEMENT book (title,author,price)> book title, author, price 6: <!ELEMENT price (#PCDATA)> 5: <!ELEMENT author (#PCDATA)> 4: <!ELEMENT title (#PCDATA)> 3: <!ELEMENT owner (#PCDATA)> 7: <!ATTLIST books category CDATA #IMPLIED> 8: <!ATTLIST book isbn CDATA #REQUIRED> onwer XML XSLT 44

45 1:<!ELEMENT books (owner,book*)> <!ELEMENT aaa (bbb ccc)> XML XSLT 45

46 3: <!ELEMENT owner (#PCDATA)> <!ELEMENT aaa (bbb,#pcdata)> <!ELEMENT aaa (bbb #PCDATA)*> <aaa> <bbb></bbb><bbb></bbb> </aaa> XML XSLT 46

47 XML XSLT 47

48 8: <!ATTLIST book isbn CDATA #REQUIRED> XML XSLT 48

49 XML XSLT 49

50 XML XSLT 50

51 XML XSLT 51

52 xmlwork ch4 books.xml books.xsl xsl XML XSLT 52

53 :( (2.1) ) <th><xsl:text> </xsl:text></th></tr> 19: <xsl:apply-templates select="books" /> </table> </body> </html> </xsl:template> 24:<xsl:template match="books"> 25: <xsl:for-each select="book"> 26: <xsl:sort select="price" data-type="text" order="ascending" /> 27: <tr><td><xsl:value-of select="@isbn" /></td> 28: <td><xsl:value-of select="title" /></td> 29: <td><xsl:value-of select="author" /></td> 30: <td><xsl:value-of select="price" /></td></tr> 31: </xsl:for-each> 32:</xsl:template> </xsl:stylesheet> XML XSLT 53

54 <html> <head> <META http-equiv="content-type" content="text/html; charset=iso-2022-jp"> <title> </title> </head> <body> <h1> </h1> <p> </p> <table border="1"> <tr><th>isbn </th><th> </th><th> </th><th> </th></tr> <tr><td>isbn </td><td> Java </td> <td> </td><td><font color="red">2400</font></td></tr> <tr><td>isbn </td><td>10 Jakarta </td> <td> </td><td><font color="red">2800</font></td></tr> <tr><td>isbn </td><td> Linux/UNIX </td> <td> </td><td>4100</td></tr> </table> </body> </html> XML XSLT 54

55 4:<xsl:template match= / > : 19:<xsl:apply-templates select="books" /> 23:</xsl:template> 24:<xsl:template match= books > : 32:</xsl:template> XML XSLT 55

56 <xsl:applytemplates /> <html> <head> <META http-equiv="content-ty charset=iso-2022-jp"> <title> </title> </head> <body> <h1> </h1> <p> </p> <table border="1"> <tr><th>isbn </th><th> <tr><td>isbn </t <td> </td><td><fo <tr><td>isbn </t <td> </td><td><fon <tr><td>isbn </ <td> </td><td>41 </table> </body> </html> 2 XML XSLT 56

57 <xsl:for-each> 24:<xsl:template match="books"> 25: <xsl:for-each select="book"> 31: </xsl:for-each> 32:</xsl:template> <xsl:for-each...> book <tr><td>isbn </t <td> </td><td><fo <tr><td>isbn </t <td> </td><td><fon </xsl:for-each> <tr><td>isbn </ <td> </td><td>41 XML XSLT 57

58 <xsl:sort> price 26: <xsl:sort select="price" data-type="text" order="ascending" /> number <xsl:for-each...> <xsl:sort> price </xsl:for-each> <tr><td>isbn </t <td> </td><td><fo <tr><td>isbn </t <td> </td><td><fon <tr><td>isbn </ <td> </td><td>41 XML XSLT 58

59 25: <xsl:for-each select="book"> 27: <tr><td><xsl:value-of /></td> 28: <td><xsl:value-of select="title" /></td> : 31: title XML XSLT 59

60 books book/title books title XML XSLT 60

61 XML XSLT 61

62 xmlwork ch5 books.xml books.xsl XML XSLT 62

63 <?xml version="1.0" encoding="iso-2022-jp"?> <!DOCTYPE books SYSTEM "books.dtd"> <?xml-stylesheet type="text/xsl" href="books.xsl"?> <books category=" "> <owner> </owner> <book isbn="isbn "> <price>2800</price> <url> </book> <book isbn="isbn "> <price>4100</price> <url> </book> <book isbn="isbn "> <price>2400</price> <url> </book> </books> XML XSLT 63

64 <?xml version="1.0" encoding="iso-2022-jp"?> :( ) <table border="1"> <tr> <th><xsl:text>isbn </xsl:text></th> <th><xsl:text> </xsl:text></th> <th><xsl:text> </xsl:text></th> <th><xsl:text> </xsl:text></th> </tr> <xsl:apply-templates select="books" /> 20: <tr><td colspan="2" /><th> </th> 21: <td><xsl:value-of select="sum(books//price) div count(books//price)" /></td></tr> </table> </body> </html> </xsl:template> XML XSLT 64

65 <xsl:template match="books"> <xsl:for-each select="book"> <xsl:sort select="price" data-type="text" order="ascending" /> <tr><td><xsl:value-of /></td> 30: <td><xsl:element name="a"> 31: <xsl:attribute name="href"> 32: <xsl:value-of select="url" /> 33: </xsl:attribute> 34: <xsl:value-of select="title" /> 35: </xsl:element></td> 36: <td><xsl:value-of select="author" /></td> 37: <td><xsl:choose> 38: <xsl:when test="price[number(.) <=3000]"> 39: <font color="red"> <xsl:value-of select="price" /></font> 40: </xsl:when> 41: <xsl:otherwise> 42: <xsl:value-of select="price" /> 43: </xsl:otherwise> 44: </xsl:choose></td></tr> </xsl:for-each> </xsl:template> </xsl:stylesheet> XML XSLT 65

66 <a href= > </a> <a href= <xsl:value-of select=... > > </a> XML XSLT 66

67 <xsl:element name="a"> <xsl:attribute name="href"> <xsl:value-of select=..." /> </xsl:attribute> </xsl:element> <a href= <xsl:value-of...> > </a> XML XSLT 67

68 30: <td><xsl:element name="a"> 31: <xsl:attribute name="href"> 32: <xsl:value-of select="url" /> 33: </xsl:attribute> 34: <xsl:value-of select="title" /> 35: </xsl:element></td> <a href= > Java </a> XML XSLT 68

69 37: <td><xsl:choose> 38: <xsl:when test="price[number(.) <=3000]"> 39: <font color="red"> <xsl:value-of select="price" /></font> 40: </xsl:when> 41: <xsl:otherwise> 42: <xsl:value-of select="price" /> 43: </xsl:otherwise> 44: </xsl:choose></td></tr> 37:38: if("price[number(.) <=3000] ){ 39: <font color="red"> <xsl:value-of select="price" /></font> 40: } 41: else{ 42: <xsl:value-of select="price" /> 43:44: </xsl:otherwise> 44: } XML XSLT 69

70 <xsl:choose> <xsl:when test= "> </xsl:when> <xsl:when test= "> </xsl:when> <xsl:otherwise> </xsl:otherwise> </xsl:choose></td></tr> XML XSLT 70

71 38: <xsl:when test="price[number(.) <=3000]"> XML XSLT 71

72 =!= < > <= >= + - * div mod and or < < <= <= > > >= >= XML XSLT 72

73 *... // XML XSLT 73

74 XML XSLT 74

75 38: <xsl:when test="price[number(.) <=3000]"> price[. ] price[ number(.) <=3000 ] price[number(.) <=3000] XML XSLT 75

76 20: <tr><td colspan="2" /><th> </th> 21: <td><xsl:value-of select="sum(books//price) div count(books//price)" /></td></tr> books//price books//price count(books//price) div count(books//price) XML XSLT 76

77 XML XSLT 77

78 xmlwork ch6 books.xml comments.xsl XML XSLT 78

79 <?xml version="1.0" encoding="iso-2022-jp"?> <!DOCTYPE books SYSTEM "books.dtd"> <?xml-stylesheet type="text/xsl" href="comments.xsl"?> <books category=" "> <owner> </owner> <book isbn="isbn "> : <cut>comp01.jpg</cut> <comment><keyword>struts</keyword> <ref addr=" </ref> </comment> </book> <book isbn="isbn "> : <comment>windows <keyword>linux</keyword>!</comment> </book> <book isbn="isbn "> : <cut>comp02.jpg</cut> <comment> <keyword>java</keyword> </comment> </book> </books> XML XSLT 79

80 1:<?xml version="1.0" encoding="iso-2022-jp"?> 2:<xsl:stylesheet xmlns:xsl=" Transform" version="1.0"> 3: <xsl:output method="html" encoding="iso-2022-jp" /> 4: <xsl:template match="/"> 5: <html> 6: <head> 7: <title> </title> 8: </head> 9: <body> 10: <h1> </h1> 11: <xsl:apply-templates select="books" /> 12: </body> 13: </html> 14: </xsl:template> XML XSLT 80

81 15: <xsl:template match="books"> 16: <xsl:for-each select="book"> 17: <table border="0"> 18: <tr><td width="150"> 19: <xsl:element name="img"> 20: <xsl:attribute name="src"> 21: <xsl:value-of select="cut" /> 22: </xsl:attribute> 23: <xsl:attribute name="width">120</xsl:attribute> 24: <xsl:attribute name="height">150</xsl:attribute> 25: </xsl:element></td> 26: <td><dl><dt><xsl:number format="01" />. 27: <xsl:value-of select="title" /> 28: (<xsl:value-of select="author" />)</dt> 29: <dd><xsl:apply-templates select="comment" /> </dd></dl></td></tr> 30: </table> 31: <hr /> 32: </xsl:for-each> 33: </xsl:template> XML XSLT 81

82 34: <xsl:template match="keyword"> 35: <font color="red"><xsl:value-of select="." /></font> 36: </xsl:template> 37: <xsl:template match="text()"> 38: <xsl:value-of select="." /> 39: </xsl:template> 40:</xsl:stylesheet> XML XSLT 82

83 <img src= <xsl:value-of select= cut > width= 120 height= 150 /> 19: <xsl:element name="img"> 20: <xsl:attribute name="src"> 21: <xsl:value-of select="cut" /> 22: </xsl:attribute> 23: <xsl:attribute name="width">120</xsl:attribute> 24: <xsl:attribute name="height">150</xsl:attribute> 25: </xsl:element></td> XML XSLT 83

84 16: <xsl:for-each select="book"> : 26: <td><dl><dt><xsl:number format="01" />. : 32: </xsl:for-each> XML XSLT 84

85 : <xsl:apply-templates select="books" /> <xsl:template match= books > : </xsl:template> 29: <dd><xsl:apply-templates select="comment" /> 34: <xsl:template match="keyword"> : 36: </xsl:template> 37: <xsl:template match="text()"> : 39: </xsl:template> XML XSLT 85

86 XML XSLT 86

87 34: <xsl:template match="keyword"> 35: <font color="red"><xsl:value-of select="." /> </font> 36: </xsl:template> 37: <xsl:template match="text()"> 38: <xsl:value-of select="." /> 39: </xsl:template> <comment> <keyword>java</keyword> </comment> Java XML XSLT 87

88 xmlwork ch7 books.xml comments.xsl XML XSLT 88

89 <?xml version="1.0" encoding="iso-2022-jp"?> <xsl:stylesheet xmlns:xsl=" Transform" version="1.0"> <xsl:output method="html" encoding="iso-2022-jp" /> <xsl:template match="/"> <html> <head> <title> </title> </head> <body> <h1> </h1> <xsl:apply-templates select="books" /> </body> </html> </xsl:template> XML XSLT 89

90 <xsl:template match="books"> <xsl:for-each select="book"> <table border="0"> <tr><td width="150"> <xsl:element name="img"> <xsl:attribute name="src"> <xsl:value-of select="cut" /> </xsl:attribute> <xsl:attribute name="width">120</xsl:attribute> <xsl:attribute name="height">150</xsl:attribute> </xsl:element></td> <td><dl><dt><xsl:number format="01" />. <xsl:value-of select="title" /> (<xsl:value-of select="author" />)</dt> <dd><xsl:apply-templates select="comment" /></dd> 30: <xsl:if test="price[number(.) >=3000]"> 31: <dd> ( 32: <xsl:value-of select="format-number(price,'#,###')" /> 33: ) </dd> 34: </xsl:if> </dl></td></tr> </table> <hr /> </xsl:for-each> </xsl:template> XML XSLT 90

91 <xsl:template match="keyword"> <font color="red"><xsl:value-of select="." /></font> </xsl:template> 43: <xsl:template match="ref"> 44: <xsl:element name="a"> 45: <xsl:attribute name="href"> 46: <xsl:value-of /> 47: </xsl:attribute> 48: <xsl:value-of select="." /> 49: </xsl:element> 50: </xsl:template> <xsl:template match="text()"> <xsl:value-of select="." /> </xsl:template> </xsl:stylesheet> XML XSLT 91

92 <xsl:if test= "> </xsl:if> 30: <xsl:if test="price[number(.) >=3000]"> 31: <dd> ( 32: <xsl:value-of select="format-number(price,'#,###')" /> 33: ) </dd> 34: </xsl:if> XML XSLT 92

93 32: <xsl:value-of select="format-number(price,'#,###')" /> 4,100 <xsl:value-of select="price" /> 4100 XML XSLT 93

94 43: <xsl:template match="ref"> 44: <xsl:element name="a"> 45: <xsl:attribute name="href"> 46: <xsl:value-of /> 47: </xsl:attribute> 48: <xsl:value-of select="." /> 49: </xsl:element> 50: </xsl:template> <comment>... <ref addr=" </ref> </comment>... XML XSLT 94

95 XML XSLT 95

3.XML の 記 述 3-1 XML の 記 述 の 決 まり 1 XML 文 章 であることを 宣 言 する 2 文 字 コードを 指 定 する 3 すべての 要 素 には 終 了 タグを 書 く 4 すべての 要 素 は 正 しく 入 れ 子 にする 5 XML 文 章 には 1 つのルート

3.XML の 記 述 3-1 XML の 記 述 の 決 まり 1 XML 文 章 であることを 宣 言 する 2 文 字 コードを 指 定 する 3 すべての 要 素 には 終 了 タグを 書 く 4 すべての 要 素 は 正 しく 入 れ 子 にする 5 XML 文 章 には 1 つのルート XMLとXSLTについて 1.はじめに インターネットの 急 速 な 発 展 に 伴 い コンピ ュータを 介 して 組 織 や 個 人 を 結 びつけるよう になってきました これらの 情 報 は 主 に HTML 形 式 の 情 報 です しかし HTML 形 式 の 情 報 では 複 雑 なデー タ 構 造 が 記 述 できないなどといった 表 現 力 に 限 界 があります そこで 注 目

More information

Microsoft Word - 2-xml.doc

Microsoft Word - 2-xml.doc XML(eXtensible Markup Language)と XHTML 1. XML 入 門 XML とは extensible Markup Language の 略 で 拡 張 可 能 なマークアップ( 印 を 付 けた) 言 語 と いう 意 味 を 持 つ マークアップとは, 本 体 となる 文 字 列 の 中 に, 特 定 の 機 能 を 持 った 文 字 (タグ) を 使 って 意

More information

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

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

More information

: 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 : 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

More information

¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ

¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ 8 : Web Same Origin Policy : XML :, XML http://www.w3.org/xml/ http://www.w3.org/tr/dom-level-3-core 1 / 31 xml.html: XML xpath-test.html: XPATH valid-test.html: XML (IE ) xslt-test.html: JS XSLT xslt-test.xml:

More information

Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3

Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3 XML Consortium XMLSOAWeb2.0 1 Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3 Web

More information

InfoPros13_digest.key

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:

More information

untitled

untitled 750 841 Webserver 1.0.0 ii General Copyright 2003 by WAGO Kontakttechnik GmbH All rights reserved. 136-0071 1-5-7 ND TEL 03-5627-2059 FAX 03-5627-2055 WAGO Kontakttechnik GmbH Hansastraße 27 D-32423 Minden

More information

6 2 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

More information

■新聞記事

■新聞記事 情 報 処 理 C (P.1) 情 報 処 理 C (2016 年 度 ) ホームページ 作 成 入 門 テキストエディタ(メモ 帳 TeraPad など)でHTMLファイルを 作 成 する HTML(Hyper Text Markup Language ) ホームページを 記 述 するための 言 語 のこと テキストエディタの 起 動 (TeraPad の 場 合 ) [スタート]-[プログラム]-[テキストエディタ]-[TeraPad]

More information

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17

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

More information

eil2009062930_4.ppt

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

More information

3 1 5 1.1....................................... 6 1.2.......................................... 6 1.3..................................... 7 1.4.................................... 8 1.4.1.............................

More information

HTML文書の作成

HTML文書の作成 99 C HTML 1 1 2 HTML 1 3 2 4 HTML 2 4.1... 2 4.2... 3 4.3... 5 5 HTML 8 5.1... 8 5.2... 10 5.3... 12 6 HTML 13 7 13 1 HTML HTML [1] 2 HTML HTML Hyper-Text Markup Language World Wide Web (WWW)[2] HTML Hyper-Text

More information

8 Web 8.1 Web Web 8.3 XHTML Web (1) (2) 2 8.1.1 Web Web Web Web 4 Web Web 2 5 PC Web Microsoft Internet Explorer Netscape Navigator Mozilla Firefox We

8 Web 8.1 Web Web 8.3 XHTML Web (1) (2) 2 8.1.1 Web Web Web Web 4 Web Web 2 5 PC Web Microsoft Internet Explorer Netscape Navigator Mozilla Firefox We 8 Web Web XHTML XHTML 1 Web Web 1 Web XHTML Web Web XHTML XHTML Extensible HyperText Markup Language( ) Web HTML XML HTML Web 2 XHTML XHTML HTML 4.01 XHTML XHTML 1.0 3 XHTML XHTML XHTML Web 1 2 Netscape

More information

(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis >

(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

More information

Microsoft PowerPoint - basic-13-xquery.ppt [互換モード]

Microsoft PowerPoint - basic-13-xquery.ppt [互換モード] XML, XPath, XQuery 講 師 : 福 田 剛 志 fukudat@fukudat.com http://www.fukudat.com/ データベース 設 計 1 文 書 のマークアップの 歴 史 印 刷 組 版 のための 青 鉛 筆 ワープロの 見 た 目 に 関 するコマンド 内 容 と 見 た 目 の 分 離 内 容 をマークアップするための 汎 用 タグ (SGML) 見 た

More information

1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2

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.........................

More information

Microsoft PowerPoint - InfPro_I9.pptx

Microsoft PowerPoint - InfPro_I9.pptx 今 日 の 学 習 内 容 エディタ(emacs)を 使 った 基 本 的 なHTML の 書 き 方 Webページの 公 開 HTMLの 基 礎 知 識 HTML(Hyper Text Markup Language)は Webページを 作 るための 必 要 な 記 述 言 語 HTMLにおける 指 定 の 内 容 は: 1. 文 章 (テキスト)に 対 する 役 割 2. 文 章 やイメージなどのページ

More information

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/

More information

コンピュータサイエンス 4. ウェブプログラミング

コンピュータサイエンス 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

More information

html_text

html_text HTML の 基 礎 2015.12.15 1. HTML ファイルの 構 成 1.1. HTML とは? Web ブラウザでホームページを 表 示 するためには,HTML(Hyper Text Markup Language)と 呼 ぶ 言 語 で 記 述 す る 必 要 が あ り ま す.HTML 形 式 のファイルは < と > で 囲 んだ 予 約 語 (タグ)を 含 むテキストファイルで,Web

More information

Lecture/CompPracR2003/12th

Lecture/CompPracR2003/12th Lecture/CompPracR2003/12th 2016 年 7 月 17 日 コンピュータ 演 習 ( 再 ) 第 12 回 (1) Webページの 作 成 (1) Webページを 作 成 する 道 具 (1) テキストエディタを 使 うメリット デメリット (2) HTML (2) HTMLとは (2) HTMLの 書 き 方 (3) HTMLファイルの 構 造 (3) 空 白 と 改 行

More information

文 書 構 造 とスタイル

文 書 構 造 とスタイル 第 4 回 の 内 容 文 書 構 造 とスタイル CSSの 基 礎 図 表 の 利 用 文 書 構 造 とスタイル 自 己 紹 介 のHTML 文 書 放 送 太 郎 の 自 己 紹 介

More information

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

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/

More information

Microsoft PowerPoint - 第03回目.pptx

Microsoft PowerPoint - 第03回目.pptx 1 情 報 リテラシーII ( 樋 口 担 当 ) 3 回 目 10/10 本 日 の 予 定 2 Webページの 作 成 I.テキストの 記 述 方 法 II.ハイパーリンク III.インラインイメージ( 画 像 ) IV. 表 V. 課 題 3 I.テキストの 記 述 方 法 1. 改 行 4 終 了 タグは 無 い 改 行 していない なすび なすびがいっぱい

More information

コンピュータサイエンス 1. ウェブの基本

コンピュータサイエンス 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 /

More information

2

2 1 2 3 XML 4 XML XML XML ( ) XML ( ) XML DB- API (CORBA, ) 5 XML 6 XML 7 XML 操 作 :DOM パーサ XML 文 書 タイトル 本 文 1 本 文 2

More information

1 1.1 1.2 1.3 (a) WYSIWYG (What you see is what you get.) (b) (c) Hyper Text Markup Language: SGML (Standard Generalized Markup Language) HTML (d) TEX

1 1.1 1.2 1.3 (a) WYSIWYG (What you see is what you get.) (b) (c) Hyper Text Markup Language: SGML (Standard Generalized Markup Language) HTML (d) TEX L A TEX HTML 2000 7 2 ([-30]5051.49) 1 2 1.1.............................................. 2 1.2.............................................. 2 1.3................................................ 2 1.4.............................................

More information

() < > </ > / HTML SGML HTML 1.1 DTD DTD ( DTD (prolog) )SGML 1. DTD ( ) 2. DTD <!-- DTD-- > <!ELEMENT MAIL - - ((TO,FROM)?,DATE?,BODY) > <!ELEMENT TO

() < > </ > / HTML SGML HTML 1.1 DTD DTD ( DTD (prolog) )SGML 1. DTD ( ) 2. DTD <!-- DTD-- > <!ELEMENT MAIL - - ((TO,FROM)?,DATE?,BODY) > <!ELEMENT TO 2009 2D SGML,XML,HTML 2009 11 11 1 SGML SGML Standard Generalized Markup Language (ISO 8879) (JIS X 4151) < >< >SGML< > < >asakawa@ieee.orgSGML < >SGML SGML Standard Generalized Markup

More information

1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2.....................

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

More information

第7章 Webページによる情報の発信

第7章 Webページによる情報の発信 筑 波 大 学 情 報 処 理 実 習 Webページによる 情 報 の 発 信 情 報 処 理 実 習 用 手 引 き P.197~226 World Wide Web (WWW) インターネット 上 のハイパーテキストシステム 1989 年 にCERNの 物 理 学 者 Tim Berners-Leeが 発 明 WWWはインターネットとも 呼 ばれるが, 両 者 は 同 義 語 ではない WebページのアドレスURL

More information

橡c20-okui.PDF

橡c20-okui.PDF Tel 03-3595-8241 Fax 03-3595-8248 E-mail yokui@utj.co.jp Extensible Markup Language Extensible Markup Language SGML Standardized Generalized Markup Language Web XML Tim Bray XML Bill Gates XML DTD Document

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション HTMLガイダンス 1 HTMLを 用 いたUI 設 定 2 色 々な 見 え 方 で 画 面 に 表 示 されるWebページ 全 て 文 字 /キャラクタで 表 現 されたデータの 集 まり HTML(Hyper Text Markup Language) パソコン 等 のインターネット 端 末 のブラウザソフトで 文 書 情 報 を 表 示 するときに 用 いられるプログラム 言 語 の 一 種

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション ホームページの 基 礎 IPアドレス インターネットへの 接 続 に 必 要 なネットワーク 上 のアドレス こ のアドレスは0から255までの4 組 に 数 字 で 表 されます ( 例 192.168.1.1) URL IPアドレスはホームページの 場 所 を 示 す 住 所 です たとえば 220.133.0.1に 接 続 しようとして ブラウザーのURLに 220.133.0.1と 入 れればいいのですが

More information

Microsoft PowerPoint - hp2.ppt [互換モード]

Microsoft PowerPoint - hp2.ppt [互換モード] 技 術 センター HP 講 習 会 ( 第 2 回 ) 広 島 大 学 技 術 センター HP 運 用 WG 本 日 の 講 習 会 の 流 れ FTPソフトの 使 い 方 ファイルをサーバにアップロードする 方 法 前 回 ( 第 1 回 )の 復 習 とその 応 用 フォルダ(ディレクトリ)とリンクの 関 係 リンクの 仕 組 み: 絶 対 パスと 相 対 パス パスワードによるアクセス 制 限

More information

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

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

More information

untitled

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

More information

インターネットマガジン1998年11月号―INTERNET magazine No.46

インターネットマガジン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;

More information

目 次 4.7 ユーザー 権 限... 33 4.7.1 ユーザー 権 限 について... 33 4.7.2 ユーザー 権 限 の 指 定 方 法... 33 4.7.3 詳 細 な 指 定 方 法... 34 4.7.4 ユーザー 全 体 への 権 限 設 定... 35 4.7.5 権 限 の

目 次 4.7 ユーザー 権 限... 33 4.7.1 ユーザー 権 限 について... 33 4.7.2 ユーザー 権 限 の 指 定 方 法... 33 4.7.3 詳 細 な 指 定 方 法... 34 4.7.4 ユーザー 全 体 への 権 限 設 定... 35 4.7.5 権 限 の 目 次 目 次 1. この 資 料 について... 5 2. CMS DESIGNER の 基 本 的 な 仕 組 み... 6 2.1 概 要... 6 2.2 主 なフォルダ 構 成... 8 2.3 作 業 の 流 れ... 9 2.4 XML と 文 字 コードについて... 10 3. スキーマ 定 義... 11 3.1 スキーマとは 何 か... 11 3.2 スキーマファイルの 作

More information

22. 情 報 の 発 信 伝 達 コミュニケーション Ustream :2007 年 にジョン ハム ブラッド ハンスタブル ジュラ フェヘルに よって 設 立 された 動 画 共 有 サービス 元 々は3 人 が 開 発 した イラク 戦 争 に 派 兵 された 友 人 達 と 家 族 のための

22. 情 報 の 発 信 伝 達 コミュニケーション Ustream :2007 年 にジョン ハム ブラッド ハンスタブル ジュラ フェヘルに よって 設 立 された 動 画 共 有 サービス 元 々は3 人 が 開 発 した イラク 戦 争 に 派 兵 された 友 人 達 と 家 族 のための 2016 年 度 春 学 期 ( 月 V/ 火 II ) 情 報 情 報 発 信 と 伝 達 22. 情 報 の 発 信 伝 達 コミュニケーション 23. 情 報 発 信 のためのHTMLの 基 礎 最 初 に 講 義 資 料 は http://astro.u-gakugei.ac.jp/~nishiura 西 浦 クンの 講 義 室 に 縮 小 版 (PDFファイル)を 置 く 予 定 東 京

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1 2 3 /usr/local javalib xerces-2_6_2 xalan-2_6_0 4 XERCES_HOME=/usr/local/javalib/xerces-2_6_2 CLASSPATH=$XERCES_HOME/xmlParserAPIs.jar:$CLASSPATH CLASSPATH=$XERCES_HOME/xercesImpl.jar:$CLASSPATH CLASSPATH=$XERCES_HOME/xercesSamples.jar:$CLASSPATH

More information

ホームページ制作スターターズ

ホームページ制作スターターズ HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述

More information

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダーの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダーの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き Ver.2 ユーザマニュアル スタートガイド 第 2 版 最 終 更 新 日 2011/7/12 1 目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダーの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き

More information

textbook.indd

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

More information

Web情報システム 第1章~第5章

Web情報システム 第1章~第5章 Web 情 報 システム マルチメディア 情 報 通 信 ソフトウェア 第 1 章 ~ 第 4 章 1 Web 情 報 システム マルチメディア 情 報 の 流 通 Web 情 報 システム 概 論 デジタルメディアの 特 徴 デジタルメディアの 記 述 HTML (Hyper Text Markup Language) Css (Cascading style sheet) デジタルメディアの 制

More information

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー Web ページ 作 成 2011/ 5/31 Web ページとは IT 用 語 事 典 e-words より Web ページ web page 読 み 方 : ウェブページ WWW システムを 使 ってインターネット 上 で 公 開 されている 文 書 Web ブラウザに 一 度 に 表 示 されるデータのまとまりで テキストデータや HTML によるレイアウト 情 報 文 書 中 に 埋 め 込

More information

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き 方

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き 方 Ver.2 ユーザマニュアル スタートガイド 第 5 版 最 終 更 新 日 2012/7/11 1 目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き 方...

More information

モール管理者マニュアル Ver.1.0

モール管理者マニュアル Ver.1.0 1 Html 編 集 ツール 補 足 マニュアル Ver.1.0 株 式 会 社 ソフトクリエイト 2012/11/14 目 次 1. Html について... 3 1.1. Html とは... 4 1.2. Html タグの 基 本... 5 1.2.1. HTML タグの 基 礎... 5 1.2.2. HTML タグの 種 類 ( 主 要 タグ)... 7 2. Html 編 集 ツール...

More information

ホームページの仕組み

ホームページの仕組み 見 やすいホームページを 作 ろう! 跡 見 学 園 女 子 大 学 公 開 講 座 文 学 部 准 教 授 福 田 博 同 平 成 23 年 5 月 7 日 14 日 目 次 5 月 7 日 1. ショートカットキー 2. HTMLの 仕 組 み 3. XHTMLとCSS 4. W3C 標 準 5. 見 本 に 書 き 込 む 6. 単 語 登 録 5 月 14 日 1. ブログを 試 そう 2.

More information

スライド 1

スライド 1 ネットワーク ウェブサイト 関 連 の 基 本 (おさらい) ファイルの 公 開 ポート:80 (デフォルト) ウェブ サーバー 海 洋 大 のネットワーク プロキシ サーバー ファイルの アップロード 外 部 ネットワーク Apache サーバで ファイルを 公 開 パケットの 監 視 HTML 文 書 の 閲 覧 上 記 のネットワーク 構 成 は プロキシサーバーを 除 いておおよそどこでも

More information

2.4 ExternalID DoctypeDecl ExternalID <!DOCTYPE html ^PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transiti

2.4 ExternalID DoctypeDecl ExternalID <!DOCTYPE html ^PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/tr/xhtml1/dtd/xhtml1-transiti WX-model ver. 0.7 2003 9 22 1 scriptlet XHTML ( XHTML ) XML WX-model WX-model XHTML 12 10 2 WX-model XHTML ^ $ Child nodes / @ sp nl comment scriptlet 2.1 File XHTML WX-model Child nodes : /XMLDecl /DoctypeDecl

More information

情報公開システム論2.pptx

情報公開システム論2.pptx 情 報 公 開 システム 論 (2) 神 戸 情 報 大 学 院 大 学 横 山 輝 明 電 子 文 書 としてのWebページ 2 ホームページ(1) ホームページ 自 由 に 作 成 安 価 世 界 中 に 公 開 多 彩 な 表 現 力 双 方 向 性 - 島 根 県 立 大 学 - 島 根 県 立 大 学 短 期 大 学 部 h,p://www.u- shimane.ac.jp/ 3 ホームページ(2)

More information

HTML+CSS_Lesson03_2s.indd

HTML+CSS_Lesson03_2s.indd Windows ファイル 名 には 半 角 スペースも 使 用 しないよう 注 意 しましょう 1. _- 2 類 似 するコンテンツがある 際 に content001 content002 といった 連 続 するナンバリングでフォ ルダ 名 をつけることがあります この 方 法 だと 途 中 のコンテンツがなくなったり ネーミングのルールに 無 理 が 生 じたときに ファイル やフォルダを 管

More information

1 1 2 2 2.1........................... 2 2.2.............. 5 2.2.1................ 5 2.2.2.............. 5 2.2.3................. 6 2.3...............

1 1 2 2 2.1........................... 2 2.2.............. 5 2.2.1................ 5 2.2.2.............. 5 2.2.3................. 6 2.3............... 2009 GUI 2010 2 1 ( ) 5108B109-7 1 1 2 2 2.1........................... 2 2.2.............. 5 2.2.1................ 5 2.2.2.............. 5 2.2.3................. 6 2.3.......................... 6 3 7

More information

Microsoft Word - chap2.doc

Microsoft Word - chap2.doc 第 2 章 ホームページとHTML(タグ) ここでは HTML タグについて 今 まで 使 う 機 会 が 無 かった 学 生 を 対 象 に 説 明 する 既 に HTML タグを 使 ったことのある 学 生 にとっては 知 っている 話 になると 思 うので ざっと 目 を 通 すだけでよいだろう 初 めての 学 生 は 演 習 等 を 通 じて 使 い 慣 れて 欲 しい [1] HTML 通

More information

1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3...................

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...........................

More information

<4D6963726F736F667420506F776572506F696E74202D2053454F82CC92B48AEE9162819591CE8DF4837D836A83858341838B2E707074>

<4D6963726F736F667420506F776572506F696E74202D2053454F82CC92B48AEE9162819591CE8DF4837D836A83858341838B2E707074> 2 3 4 5 6 http://jprs.co.jp/ 7 8 9 10 11 https://adwords.google.co.jp/select/keywordtoolexternal 12 13 14 http://www.pythagoras.bz/ Pythagoras 15 16 17 18 19 20

More information

第7章 Webページによる情報の発信

第7章 Webページによる情報の発信 筑 波 大 学 情 報 処 理 実 習 Webページによる 情 報 の 発 信 情 報 処 理 実 習 用 手 引 き P.193~234 World Wide Web (WWW) インターネット 上 のハイパーテキストシステム 1989 年 にCERNの 物 理 学 者 Tim Berners-Leeが 発 明 WWWはインターネットとも 呼 ばれるが, 両 者 は 同 義 語 ではない WebページのアドレスURL

More information

Microsoft Word - 1-html.doc

Microsoft Word - 1-html.doc Web ページ 作 成 の 基 礎 の 基 礎 内 容 : 1. HTML の 仕 組 み 2. HTMLの 文 法 2007-11-16 テキスト 原 案 作 成 原 田 隆 史 ( 慶 應 義 塾 大 学 ) 協 力 : 石 田 栄 美 ( 駿 河 台 大 学 ), 新 居 雅 行 (Apple Japan), 中 島 玲 子 1.Web ページの 仕 組 みと 作 成 1. Web ページを

More information

1 1 2 Unix 1 3 4 4 SVG 6 4.1 SVG................................... 6 4.2 SVG......................... 6 4.3 SVG.............................. 7 4.4..

1 1 2 Unix 1 3 4 4 SVG 6 4.1 SVG................................... 6 4.2 SVG......................... 6 4.3 SVG.............................. 7 4.4.. WWW 17 2 10 1 1 2 Unix 1 3 4 4 SVG 6 4.1 SVG................................... 6 4.2 SVG......................... 6 4.3 SVG.............................. 7 4.4................................. 8 4.5...........................

More information

(0) 準 備 自 分 のUSBメモリのなかに 自 分 の 学 番 の 名 前 をつけたフォルダを 作 成 する( 例 :5210001) 以 下 で 作 成 使 用 する HTML 文 書 や 画 像 ファイルはすべてこのフォルダの 中 に 作 成 すること (1)テキストエディタで HTML 文

(0) 準 備 自 分 のUSBメモリのなかに 自 分 の 学 番 の 名 前 をつけたフォルダを 作 成 する( 例 :5210001) 以 下 で 作 成 使 用 する HTML 文 書 や 画 像 ファイルはすべてこのフォルダの 中 に 作 成 すること (1)テキストエディタで HTML 文 情 報 リテラシー 第 13 回 ウェブページの 作 成 と 更 新 インターネットによって 世 界 中 の 人 に 瞬 時 に 情 報 を 伝 えることができるようになった ウェブページ はその 情 報 発 信 基 地 である ここではウェブページの 作 り 方 を 学 ぶ コンピュータ ストアにはたくさ んのウェブページ 作 成 ソフトが 市 販 されており 操 作 法 はソフトによって 様 々である

More information

HTML入門

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

More information

1/2

1/2 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト (2) 1 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト HTMLの 基 礎 知 識 (2) 1 画 像 の 表 示 HPに 画 像 を 表 示 させてみる まず HTML 文 書 と 同 じフォルダ 内 にJPEGファイル( 拡 張 子.jpg )を1 個 準 備 する ( 画

More information

Microsoft Word - HTML.docx

Microsoft Word - HTML.docx ホームページを 見 る 環 境 (Web ブラウザの 種 類 やバージョン, 画 面 サイズなど)は 多 種 多 様 であり, 自 分 が 見 ている 状 態 と 必 ずしも 同 じではないことを 前 提 に 作 成 して ください 1 1. 文 書 のレイアウト, 文 字 の 書 式 原 則 として,タグと 属 性 は 大 文 字, 属 性 の 値 は"で 囲 んだ 小 文 字 で 記 述 します

More information

1 1 2 Markup Language 2 2.1 HTML..................................... 2 2.2 XML..................................... 2 2.3 XHTML......................

1 1 2 Markup Language 2 2.1 HTML..................................... 2 2.2 XML..................................... 2 2.3 XHTML...................... HTTP CSS Web 1 1 2 Markup Language 2 2.1 HTML..................................... 2 2.2 XML..................................... 2 2.3 XHTML.................................... 2 2.4 HTML( CSS ).........................

More information

ホームページの作成

ホームページの作成 HTML5,CSS 資 料 HTML5 HTML の 文 法 HTML(Hyper Text Markup Language)は, 文 章 の 部 分 を Tag(タグ)と 呼 ばれ る 命 令 で 挟 んでいく タグは ... 開 始 終 了 のように 開 始 タグと 終 了 タグ 一 対 のペアになっている. タグは, 挟 まれた 部 分 がどのような 情 報 であるかを

More information

HTML5 による Webサイト制作の基本 株式会社サイバーガーデン 益子 貴寛 2012年4月7日 土曜日 CSS Nite in OKAYAMA, Vol.2 with Microsoft アップル http://www.apple.com/jp/ ローソン http://www.lawson.co.jp/

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション NewsML NewsML-WG 1 NewsML-WG NewsML-WG 2 NEC NewsML-WG 3 1.0 NSK-NewsML NewsML NewsML-WG 4 etc GIF, JPEG, NSK-TIFF AVI, AU, WAV etc. 1. DOC, HTML etc. 2. MPEG etc. JPEG, GIF etc. NewsML-WG 5 NewsML Java

More information

クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに

クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに Webプログラミング プログラミング1 HTML+CSS (5) (2 章 ) 2013/5/22( 水 ) 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください 演 習 名 使 用 するフォルダ 演 習 1 Z: Webプログラミング1 20130522

More information

2 PY 3 2 4 3 5 head 6............... 6 2 meta..................... 6 3 head............. 7 4 BASE......................... 7 6 8......................

2 PY 3 2 4 3 5 head 6............... 6 2 meta..................... 6 3 head............. 7 4 BASE......................... 7 6 8...................... HTML 04480 2 PY 3 2 4 3 5 head 6............... 6 2 meta..................... 6 3 head............. 7 4 BASE......................... 7 6 8......................... 8 2 HTML................. 30 3.........................

More information

CSSの基礎

CSSの基礎 Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する

More information

スライド 1

スライド 1 第 7 講 観 光 情 報 論 2008 年 6 月 4 日 Style Sheet (CSS) 宮 国 薫 子 1 スタイルシート (CSS) CSSとは(Cascading Style Sheets) 本 来 ホームページにデザインを 加 える 機 能 の すべて 教 科 書 で 言 う スタイルシート とはCSSのことを 指 す CSSを 使 うと Page 106 にあるようにホーム ページの

More information

CSSで書籍組版を

CSSで書籍組版を CSSで 書 籍 組 版 を ( 有 )イー エイド 藤 島 雅 宏 FormatterClub CSS 書 籍 組 版 セミナー 講 演 資 料 開 催 日 2013 年 10 月 18 日 会 場 東 京 都 中 央 区 浜 町 区 民 館 簡 単 そう 易 しい 簡 単 なことしかできない CSSはWeb 用 であり 組 版 機 能 が 劣 る コンテンツはHTMLなので 構 造 が 簡 単

More information

著 作 権 このドキュメントに 記 載 されている 情 報 (URL 等 のインターネット Web サイトに 関 する 情 報 を 含 む) は 将 来 予 告 なしに 変 更 する ことがあります 別 途 記 載 されていない 場 合 このソフトウェアおよび 関 連 するドキュメントで 使 用 し

著 作 権 このドキュメントに 記 載 されている 情 報 (URL 等 のインターネット Web サイトに 関 する 情 報 を 含 む) は 将 来 予 告 なしに 変 更 する ことがあります 別 途 記 載 されていない 場 合 このソフトウェアおよび 関 連 するドキュメントで 使 用 し Microsoft Office SharePoint Server 2007 自 習 書 コンテンツクエリ Web パーツの 操 作 方 法 著 作 権 このドキュメントに 記 載 されている 情 報 (URL 等 のインターネット Web サイトに 関 する 情 報 を 含 む) は 将 来 予 告 なしに 変 更 する ことがあります 別 途 記 載 されていない 場 合 このソフトウェアおよび

More information

TEI P5 generating a schema, modifying TEI, XSL

TEI P5 generating a schema, modifying TEI, XSL TEI P5における スキーマの 生 成 TEIとXSLのカスタマイズ Espen S. Ore Unit for Digital Documentation Dept. of Linguistics and Scandinavian Studies University of Oslo, Norway 翻 訳 改 訂 増 補 永 崎 研 宣 ( 一 般 財 団 法 人 人 文 情 報 学 研 究

More information

第3回HP講習会資料ver1.2(2007.9.20)

第3回HP講習会資料ver1.2(2007.9.20) 1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート

More information

2008 e-learning T050050

2008 e-learning T050050 e-learning T050050 e-learning B NintendoDS e-learning html 1 e-learning Java Applet html 2 2008 e-learning T050050 1 1 1.1.................................. 1 1.2............................ 1 2 2 2.1..............................

More information

橡ホームページの作り方

橡ホームページの作り方 1. 1.1. HTML Word HTML(Hyper Text Markup Language) html htm MS-WORD MS-WORD HTML HTML HTML (1.0) 1 1978 7 10 S 3

More information

1 2 3 図 4 図 5?? 部 分 は, 各 自 が 用 意 したメディアに 合 わせて 選 択 する (5) 画 面 の 指 示 に 従 い 作 業 を 進 め, 最 後 までできれば,メール 環 境 の 構 築 は 終 了 うまくいかない 場 合, 学 術 情 報 センターで 指 導 を 受

1 2 3 図 4 図 5?? 部 分 は, 各 自 が 用 意 したメディアに 合 わせて 選 択 する (5) 画 面 の 指 示 に 従 い 作 業 を 進 め, 最 後 までできれば,メール 環 境 の 構 築 は 終 了 うまくいかない 場 合, 学 術 情 報 センターで 指 導 を 受 13.パーソナルコンピュータ 実 習 [Ⅱ] 実 験 受 講 前 の 準 備 編 以 下 の 確 認 を 行 っていない 場 合,この 実 験 テー マを 受 講 することはできません 1. 学 情 センターの UNIX のパスワードの 確 認 2.E-Mail が 使 えることを 確 認 手 順 1(UNIX パスワードの 確 認 ) (1) 中 部 大 学 内 のパソコンで FFFTP を 立

More information

Microsoft PowerPoint - Kansaipm2002_5_11.ppt

Microsoft PowerPoint - Kansaipm2002_5_11.ppt ビギナー 向 けの 真 珠 みがき2 お 手 軽 CGIとHTMLテンプレート Kansai.pm 2 周 年 記 念 イベント 舟 木 隆 康 2002/5/11 本 日 の 真 珠 みがき CGIとは 何 か CGI.pmの 使 い 方 HTML::Templateの 使 い 方 構 造 体 とLoop 処 理 etc... インターネットを 見 る? もう 少 し 正 確 に 言 うと インターネット

More information

ホームページの仕組み

ホームページの仕組み 分 かりやすいホームページを 作 ろう! 跡 見 学 園 女 子 大 学 公 開 講 座 文 学 部 准 教 授 福 田 博 同 平 成 24 年 4 月 28 日 5 月 12 日 目 次 4 月 28 日 1. ショートカットキー 2. ブログ 等 を 試 そう 3. ホームページの 仕 組 み 4. XHTMLとCSS 5. W3C 標 準 6. 単 語 登 録 5 月 12 日 1. 見 本

More information

練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と

練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と ウェブデザイン 技 能 検 定 3 級 実 技 練 習 問 題 本 練 習 問 題 の 著 作 権 は 当 協 会 に 帰 属 します 協 会 の 提 供 する 一 部 又 は 全 ての 練 習 問 題 を 無 断 で 複 写 転 載 営 利 利 用 することを 禁 止 します 内 容 解 答 その 他 一 切 のお 問 い 合 わせは 受 け 付 けておりません 本 練 習 問 題 と 実 際 の

More information

untitled

untitled Excel Internet Explorer Excel Internet Explorer Excel Internet Explorer 1 Excel Excel 1.1 Excel Excel 2 1 1.1.1 Ctrl-C ( Sheet2) 2 OK 3 1.1.2 ( Sheet3) A1 =Sheet1!A1 Sheet1 A1 Sheet1 A1 Sheet3 A1 4 A1

More information

m_sotsuron

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

More information

HTMLとメタデータ

HTMLとメタデータ HTMLとメタデータ http://www2.mmc.atomi.ac.jp/~artnavi1/lib rarysci/index.htmlを 例 にHTMLを 理 解 する IPアドレス ドメイン 名 http://www2.mmc.atomi.ac.jp httpとはhyper Text Transfer Protocol( 何 でもリンクできるテ キストの 通 信 手 順 : 説 明 JPNIC)

More information

目 次 XHTML 編... 1 共 通 属 性... 1 文 書 構 造... 1 文 書... 2 リスト... 3 テーブル( 表 )... 3 リンク... 6 オブジェクト... 7 スタイルシート... 7 装 飾... 7 フォーム... 7 文 字 実 体 参 照... 9 CSS

目 次 XHTML 編... 1 共 通 属 性... 1 文 書 構 造... 1 文 書... 2 リスト... 3 テーブル( 表 )... 3 リンク... 6 オブジェクト... 7 スタイルシート... 7 装 飾... 7 フォーム... 7 文 字 実 体 参 照... 9 CSS Web クリエイター 能 力 認 定 試 験 スタンダード エキスパート 共 通 XHTML 1.0 対 応 受 験 者 用 リファレンス 目 次 XHTML 編... 1 共 通 属 性... 1 文 書 構 造... 1 文 書... 2 リスト... 3 テーブル( 表 )... 3 リンク... 6 オブジェクト... 7 スタイルシート... 7 装 飾... 7 フォーム... 7 文

More information

あいち電子自治体ガイドライン(第1章)

あいち電子自治体ガイドライン(第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

More information