Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download ""

Transcription

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15 .xml.xsl bcs.dtd

16

17

18

19

20

21

22

23

24 2. 提案 BCS.DTD のエレメントと属性 BCS.DTD のエレメントの属性を以下に示す 出 エレメント説明 現 属性 下位構造 数 code 適宜工事コード等を記述する 任 意 Common Docinfo Reference UkeoiKeiyakusyoHikaeSoufusyo KoujiTyakusyuTodoke SongaihokenKeiyakuHoukokusyo GenbaJimusyoKaisetuTodoke GenbaDairininSenninTodoke KanriGijyutusyaSenninTodoke SyanaiSosikiHyou GenbaKakariinHenseiTodoke SyuyouKyouryokuKaisyaSiyouTodoke 最初に出現する KoujiKouteiHyou Bcs エレメント GenbaKyuugyouTodoke bcsreport SikenSeisekiHoukokusyo KoujiHoukokusyo 必 須 KoujiRenrakusyoUtiawaseKiroku TatiaiKensaNegai SinseiTodokedesyoruiItirannhyou Seikyuusyo DekidakaTyousyo KoujiKanseiKensaNegai JisyuKensaHoukokusyo KoujiKanseiTodoke KoujiKanseiHikiwatasisyo KanseiTosyoHikiwatasisyo MiryouJikoutouOboegaki Date

25 2 Common 共通管理情 報 ID ユニークの識別番号 任 意 TatemonoGaiyou Hattyuusya Kanrisya Sekousya 3 Docinfo 書誌情報 または ID ユニークの識別番号 任 意 Property 0 4 Reference 実体または参照される文書 または ID ユニークの識別番号 任意 Title Div 0 5 Date 日付に関する情報 ID ユニークの識別番号 任意 Date_Format Meisyou 6 TatemonoGaiyou 建物概要 ID ユニークの識別番号 任意 Address KoukiTyakkoubi KoukiKanseibi Ukeoikin 7 Hattyuusya 発注者 ID ユニークの識別番号 任意 KouseiKigyou 8 Kanrisya 監理者 ID ユニークの識別番号 任意 KouseiKigyou 9 Sekousya 施工者 type ID (Ukeoisya Keiyakusya) 選択ユニークの識別番号 必須任意 KouseiKigyou 0 Meisyou 名称 物件 名に関する ID ID #IMPLIED ユニークの識別番号 任 意 Tatemono_Format

26 情報 Address 住所や所在 地に関する 情報 または ID ユニークの識別番号 任 意 Address_Format 0 2 KoukiTyakkoubi 工事着工日 ID ユニークの識別番号 任意 Date_Format 3 KoukiKanseibi 工事完成日 ID ユニークの識別番号 任意 Date_Format 4 Ukeoikin 請負金 ID ユニークの識別番号 任意 Money_Format JV (yes no) 選択 必須 5 KouseiKigyou 発注者 監理者 施工者を構成する企業 以上 Jvname soshiki sponsor JV 名 (KensetuJV SetubiJV Company) 選択 (yes no) 選択 任意任意任意 Com_Format Daihyousya Tantousya ID ユニークの識別番号 任意 6 Daihyousya 代表者 または ID ユニークの識別番号 任 意 Man_Format Tantousya 担当者 以 ID ユニークの識別番号 任 意 Man_Format 上

27 建物に関す る情報単位 8 Tatemono_Format ( 名称の下位に出現 ID ユニークの識別番号 任 意 Koujimei Kasyou Name 可 ) 9 Koujimei 工事名 link xref 20 Kasyou 仮称 または link xref 0 2 Name 名称 link xref 22 Address_Format 住所や所在地に関する情報の単位 (Addressの下位に出現可 ) ID ユニークの識別番号 任 意 Yuubin Todoufuken Sityouson Banti Tatemonomei 23 Yuubin 郵便番号 24 Todoufuken 都道府県 25 Sityouson 市町村 26 Banti 番地 27 Tatemonomei 建物名 または link xref link xref link xref link xref link xref

28 0 28 Date_Format 日付に関す る情報の単 位 Year Month Day 29 Year 年 30 Month 月 3 Day 日 金額に関す link xref link xref link xref 32 Money_Format る情報の単位 ( 請負金の下位に出現 Sougaku Kingaku Zei 可 ) 33 Sougaku 総額 34 Kingaku 金額 35 Zei 税 会社に関す link xref link xref link xref 36 Com_Format る情報の単位 ( 構成企業の下位に出 Syamei Tenmei Address 現可 ) 37 Syamei 社名 38 Tenmei 店名 人に関する

29 39 Man_Format 情報の単位 ( 代表者 担当者の下位に出現可 ) Simei Syokunou Syokui Address 40 Simei 氏名 4 Syokunou 職能 42 Syokui 職位 個々の書誌 link xref link xref link xref 43 Property 情報を包括するエレメント (Docinfoの下位に出現 0 以上 ID ユニークの識別番号 任 意 MultipleLabel MultipleAtt Property 可 ) 44 MultipleLabel 汎用的に使用できるエレメント name ID エレメント名ユニークの識別番号 任意任意 45 MultipleAtt 汎用的に使用できる属性用エレメント 0 以上 name value 属性名属性値 必須必須 46 Title 実体または参照文書用のタイトル または link xref 0 実体または 0 MultipleLabel 参照文書類 任 MultipleAtt

30 47 Div を包括する 以 ID ユニークの識別番号 意 Document エレメント 上 Div xmlns:xlink xlink の名前空間宣言 固定 xlink:type xlink の type 属性 任意 0 xlink:role xlink の role 属性 任意 48 Document 実体または参照文書類 以 xlink:href xlink の href 属性 任意 Graphic 上 xlink:show (new replace embed ) 選択 任意 xlink:actuate (auto uesr) 選択 任 意 xlink:title xlink の title 属性 任 意 49 Graphic 図面 写真 類 xmlns:xlink xlink の名前空間宣言 固定 xlink:type xlink の type 属性 任意 50 link リンク用エ レメント 0 以上 xlink:role xlink:href xlinkのrole 属性 xlinkのhref 属性 任意任意 xlink:show (new replace embed ) 選択 任意 xlink:actuate (auto uesr) 選択 任 意 xmlns:xlink xlink:type xlink の名前空間宣言 xlink の type 属性 固 定 任

31 意 0 xlink:role xlink の role 属性 任意 5 xref 相互参照用 エレメント 以 xlink:href xlink の href 属性 任意 上 xlink:show (new replace embed ) 選択 任意 xlink:actuate (auto uesr) 選択 任 意 xlink:title xlink の title 属性 必 須 index Top

32 2. 提案 XML および XSL A 設計事務所の提出書類 MS-WORD ファイル PDF ファイル この書類の XML ファイル この書類に対する BCS 標準の XSL ファイル 画面に表示される BCS 標準書式 index Top

33 -2 工事請負契約書 ( 控 ) 送付書 ( 必要に応じて使用する ) 工事請負契約書 ( 控 ) 送付書 株式会社日本設計 東京都新宿区西新宿 6-5- 新宿アイランドタワー 29 階 平成 9 年 月 5 日 渡邊 富士山 浮世絵建設共同企業体 取締役支店長黒岩高志 記 工事名 日本株式会社麻布台ビル新築工事 JOBNo. 発注者 アサセ キリシ サッポヨ協同組合 請負者 渡邊 富士山 浮世絵建設共同企業体 代表者 取締役支店長黒岩高志 構成員 渡邊建設株式会社 構成員 富士山建設株式会社 構成員 浮世絵建設株式会社 工事場所 東京都港区麻布台 丁目 3 番地 5 工 期 着手日 : 9 年 月 2 日 ~ 完成日 : 9 年 4 月 30 日 請負代金額 総額 3,3,30,33,45,0 円 内工事金額 357,63,534 円円 消費税金額 23,874,6,300,32 円 契約日 2007 年 0 月 0 日 発注方式 A. 一括発注 B. 分離発注 C. コストオン発注 D. その他 ( ) 以下の欄は日本設計の担当者が記入する欄です 発注形態. 特命発注 2. 入札発注 3. 見積合せ発注 4. 随意契約 5. その他 ( ) 工事項目工事内容 整理 No. - - 受入日 / / 保管場所 注 JOBNo. は日本設計で記入 監理で保管する -6-

34

35

36

37

38 <?xml version=".0" encoding="shift_jis"?> <xsl:stylesheet xmlns:xsl=" version=".0" xmlns=" xmlns:xlink=" <xsl:template match="/"> <html> <head> <META http-equiv="content-style-type" content="text/css" /> <title> 工事請負契約書 ( 控 ) 送付書 </title> </head> <body bgcolor="#ffffff" text="#000000"> <Div align="center"> <xsl:apply-templates select="bcs" /> </Div> </body> </html> </xsl:template> <xsl:template match="bcs"> <Div> <p align="center"><font size="5"> 工事請負契約書 ( 控 ) 送付書 </font></p> <table border="0" width="00%"> <td width="80%"> <Div align="right"> 日付 </Div> </td> <td width="35"> 平成 <xsl:value-of select="number(common/date/date_format/year) - 988" /> 年 <xsl:valueof select="common/date/date_format/month" /> 月 <xsl:value-of select="common/date/date_format/day" /> 日 </td> </tr> </table> <table border="0" width="00%"> <td width="64"> 監理者 <td></td> </td> </tr> <td width="64"> 社名 </td> <td width="*"> <xsl:value-of select="common/kanrisya/kouseikigyou/com_format/syamei" /> </td> </tr>

39 <td width="64"> 所在地 </td> <td width="*"> <xsl:value-of select="common/kanrisya/kouseikigyou/com_format/address/address_format/todoufuken" /> <xsl:value-of select="common/kanrisya/kouseikigyou/com_format/address/address_format/sityouson" /> <xsl:value-of select="common/kanrisya/kouseikigyou/com_format/address/address_format/banti" /> </td> </tr> <td width="64"> </td> <td width="*"> <xsl:value-of select="common/kanrisya/kouseikigyou/com_format/address/address_format/tatemonomei" /> </td> </tr> </table> <table border="0" width="00%"> <td width="60%"></td> <td colspan="2"> 請負者 </td> </tr> <td width="60%"> </td> <td width="%"> 社名 </td> <td width="29%"> <xsl:if = 'yes']"> <xsl:value-of /> </xsl:if> <xsl:if = 'no']"> <xsl:value-of select="common/sekousya/kouseikigyou/com_format/syamei" /> </xsl:if> </td> </tr> <td width="60%"> </td> <td width="%"> 代表者名 </td> <td width="29%"> <xsl:value-of select="common/sekousya/kouseikigyou/daihyousya/man_format/syokunou" /> <xsl:value-of select="common/sekousya/kouseikigyou/daihyousya/man_format/syokui" /> <xsl:value-of select="common/sekousya/kouseikigyou/daihyousya/man_format/simei" /> </td> </tr>

40 </table> <br/> <br/> <p align="center"> 記 </p> <table width="90%" border="" align="center"> <td width="2%"> 工事名 </td> <td colspan="2"><xsl:value-of select="common/tatemonogaiyou/meisyou/tatemono_format/koujimei" /></td> </tr> <td width="2%"> 発注者 </td> <td colspan="2"> <xsl:value-of select="common/hattyuusya/kouseikigyou/com_format/syamei" /> <xsl:value-of select="common/hattyuusya/kouseikigyou/com_format/tenmei" /> </td> </tr> <xsl:if = 'yes']"> <xsl:element name="td"> <xsl:attribute name="width">2%</xsl:attribute> <xsl:attribute name="rowspan"><xsl:value-of select="count(common/sekousya/kouseikigyou + 2 "/></xsl:attribute> 請負者 </xsl:element> </xsl:if> <xsl:if = 'no']"> <td width="2%" rowspan="2"> 請負者 </td> </xsl:if> <td colspan="2"> <xsl:if = 'yes']"> <xsl:value-of /> </xsl:if> <xsl:if = 'no']"> <xsl:value-of select="common/sekousya/kouseikigyou/com_format/syamei" /> </xsl:if> </td> </tr> <td width="2%"> 代表者 </td> <td> <xsl:value-of select="common/sekousya/kouseikigyou/daihyousya/man_format/syokunou" /> <xsl:value-of select="common/sekousya/kouseikigyou/daihyousya/man_format/syokui" /> <xsl:value-of select="common/sekousya/kouseikigyou/daihyousya/man_format/simei" /> </td> </tr> <xsl:if = 'yes']"> <xsl:for-each

41 <td width="2%"> 構成会社名 </td> <td> <xsl:value-of select="com_format/syamei"/> <xsl:value-of /> </td> </tr> </xsl:for-each> </xsl:if> <xsl:if = 'no']"> </xsl:if> <td width="2%"> 工事場所 </td> <td colspan="2"> <xsl:value-of select="common/tatemonogaiyou/address/address_format/yuubin" /> <xsl:value-of select="common/tatemonogaiyou/address/address_format/todoufuken" /><xsl:value-of select="common/tatemonogaiyou/address/address_format/sityouson" /><xsl:value-of select="common/tatemonogaiyou/address/address_format/banti" /> </td> </tr> <td width="2%"> 工期 </td> <td colspan="2"> 着手日 : 平成 <xsl:value-of select="number(common/tatemonogaiyou/koukityakkyoubi/date_format/year) - 988" /> 年 <xsl:value-of select="common/tatemonogaiyou/koukityakkyoubi/date_format/month" /> 月 <xsl:value-of select="common/tatemonogaiyou/koukityakkyoubi/date_format/day" /> 日 ~ 完成日 : 平成 <xsl:value-of select="number(common/tatemonogaiyou/koukikanseibi/date_format/year) - 988" /> 年 <xsl:value-of select="common/tatemonogaiyou/koukikanseibi/date_format/month" /> 月 <xsl:value-of select="common/tatemonogaiyou/koukikanseibi/date_format/day" /> 日 </td> </tr> <td width="2%" rowspan="3"> 請負代金額 </td> <td width="2%"> 総額 :</td> <td width="58%"> <xsl:value-of select="format-number(number (Common/TatemonoGaiyou/Ukeoikin/Money_Format/Sougaku),'#,###') " /> 円 </td> </tr> <td width="2%"> 工事金額 :</td> <td width="58%"> <xsl:value-of select="format-number(number (Common/TatemonoGaiyou/Ukeoikin/Money_Format/Kingaku),'#,###') " /> 円 </td> </tr> <td width="2%"> 消費税金額 :</td> <td width="58%"> <xsl:value-of select="format-number(number (Common/TatemonoGaiyou/Ukeoikin/Money_Format/Zei),'#,###')" /> 円

42 </td> </tr> <td width="2%"> 契約日 </td> <td colspan="2"><xsl:value-of /></td> </tr> <td width="2%"> 発注方式 </td> <td colspan="2"><xsl:value-of /></td> </tr> </table> </Div> <br/><br/> <Div> <table border="0" width="00%" > <td align="center"> <A> <xsl:attribute name="href"> <xsl:value-of /> </xsl:attribute> <xsl:value-of /> </A><br/><br/> </td> </tr> <td align="center"> <img> <xsl:attribute name="src"> <xsl:value-of /> </xsl:attribute> </img><br/> <xsl:value-of /> </td> </tr> </table> </Div> </xsl:template> <xsl:template match="text()"> <xsl:value-of select="."/> </xsl:template> </xsl:stylesheet>

43 F ,3,30,33,45,0 357,63,534 23,874,6,300,32

XSLT 4-1

XSLT 4-1 XSLT 4-1 XSLT XML XML HTML XSLT 1.0 (W3C ) http://www.w3.org/tr/xslt http://www.zvon.org/xxl/xsltreference/output/ ( ) XML 4-2 XSLT XML

More information

XMLの利用(XMLとXSL)

XMLの利用(XMLとXSL) XML の利用 XML(Extensible Markup Language) とは XML の基礎知識 XML とは WC(World Wide Web Consortium) で標準化された情報記述言語で有る 情報記述言語には HTML(Hyper Text Markup Language) が有り インターネット上の文書を標準化し世界規模の文書の閲覧を可能に仕たが 固定的なタグしか使用出来ない為

More information

Web

Web Web 1 1 1........................... 1 2 Web...................... 1 3...................... 3 4........................ 4 5........................... 5 i............................ 5 ii iii..........................

More information

XMLとXSLT

XMLとXSLT XML と XSLT 棚橋沙弥香 目次 現場のシステム構成とXML/XSLの位置づけ XMLとは XSL/XSLTとは Xalanのインストール いろいろなXSL XMLマスター試験の紹介 現場のシステム構成 HTML 画面上のデータ 電文 電文 外部 WEB サーバー (Java) CORBA 通信 認証サーバー (C 言語 ) DB XML 電文 HTML XSL XSLT 変換今回の説明範囲

More information

websample 1 2 websample index.html

websample 1 2 websample index.html Web HTML Web 1 2 3 4 5 6 7 1 2 3 4 5 6 websample 1 2 websample index.html -1-1 HTML index.html html head /head body /body /html body table border="1" /table /body table border="" /table table /table table

More information

052-XML04/fiÁ1-part3-’ÓŠ¹

052-XML04/fiÁ1-part3-’ÓŠ¹ & XML Data Store Part 3 Feature*1 AKIMOTO, Shougo i i i i i i inter 52 XML Magazine 04 i i i i i i i i P a r t 3 i i i i i XML Magazine 04 53 & XML Data Store Feature*1 i i inter i inter i inter inter

More information

スライド 1

スライド 1 XML with SQLServer ~let's take fun when you can do it~ Presented by 夏椰 ( 今川美保 ) Agenda( その 1) XML XML XSLT XPath XML Schema XQuery Agenda( その 2) SQLServer における XML XML 型 XML Schema XQuery & XPath チェック制約

More information

2 / 16 HTML=HyperText Markup Language( ハイパーテキストマークアップランゲージ ) ブラウザ (Chrome) での表示 ソースの表示 ( メモ帳 /TeraPad) HTML <========= =========>

2 / 16 HTML=HyperText Markup Language( ハイパーテキストマークアップランゲージ ) ブラウザ (Chrome) での表示 ソースの表示 ( メモ帳 /TeraPad) HTML <========= =========> 1 / 16 第 11 回セミナー / 全 12 (2014/8/28) HP の基本的構造の理解とページ構成の工夫 これだけはマスターしておきたい HTML 厳選タグ迷子を生まないためのリンクの配置 ( 読ませる工夫 ) Web 作成の基本ツール Web ブラウザ Chrome FireFox Opera (Internet Explorer) Chrome Firefox Opera https://www.google.com/intl/ja/chrome/browser/features.html

More information

Webプログラミング演習

Webプログラミング演習 Web プログラミング演習 STEP11 XSLT を使った画面生成 XML:Extensible Markup Language コンピュータが扱うデータや文書を表現する技術 SGML(Standard Generalized Markup Language) の改良 利用者が自由に拡張可能なマークアップ言語を設計 HTML=SGML を利用して作成された Web ページ記述言語 XHTML=XML

More information

Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/18

Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/18 Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 1/18 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111221

More information

6 2 1

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)

More information

橡SPA2000.PDF

橡SPA2000.PDF XSLT ( ) d-oka@is.s.u-tokyo.ac.jp ( ) hagiya@is.s.u-tokyo.ac.jp XSLT(eXtensible Stylesheet Language Transformations) XML XML XSLT XSLT XML XSLT XML XSLT XML XML XPath XML XSLT XPath XML XSLT,XPath 1 XSLT([6])

More information

( )

( ) 2016 13H018 1 1 2 2 3 4 3.1............................................... 4 3.2 ( ).................................... 5 4 6 4.1........................................ 6 4.2..................... 6 5

More information

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1

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)

More information

untitled

untitled FONT FACE=" " /FONT hp11.html FONT FACE=" " /FONT FONT FACE=" " HTML HP10.html HTML HTML HTML html head title /title font face=" " size="5" /fontbr font face=" " size="5" /fontbr font size="5" /fontbr

More information

フォームとインナー HTML を使って動的にページ内の文章を変更しよう 問題 1. つぎの指示と画面を参考に HTML を組みなさい 仕様 テキストボックスに任意の文字を入力し [ コメント ] ボタンをクリックすると 下部の文章がテキストボックスの内容に置き換わる フォーム名 : f1 テキストボ

フォームとインナー HTML を使って動的にページ内の文章を変更しよう 問題 1. つぎの指示と画面を参考に HTML を組みなさい 仕様 テキストボックスに任意の文字を入力し [ コメント ] ボタンをクリックすると 下部の文章がテキストボックスの内容に置き換わる フォーム名 : f1 テキストボ フォームとインナー HTML を使って動的にページ内の文章を変更しよう 問題 1. つぎの指示と画面を参考に HTML を組みなさい 仕様 テキストボックスに任意の文字を入力し [ コメント ] ボタンをクリックすると 下部の文章がテキストボックスの内容に置き換わる フォーム名 : f1 テキストボックス名 : t1 関数名 : MM() test-a.htm function MM(){ a=document.f1.t1.value;

More information

広告掲載規定

広告掲載規定 itsmf Japan ウェブサイト広告掲載要項バージョン 1.5 2014 年 10 月 9 日 特定非営利活動法人 itsmf Japan 1. 広告の掲載箇所と方法 広告の表示箇所 広告の表示箇所は次のとおりです 1 アピールコーナー itsmf Japan ウェブサイトの右側に位置するアピールコーナーの下部に 会社ロゴ を表示します 会社ロゴ がない場合は 会社名を表示します 2 ITIL

More information

CONTENTS 0 /JSP 13 0.1 Web 14 1 HTML Web 21 1.1 Web HTML 22 1.2 HTML 27 1.3 Web 33 1.4 HTML 43 1.5 46 1.6 47 1.7 48 2 Web 51 2.1 Web 52 2.2 Web 54 2.3 Web 59 2.4 65 2.5 68 2.6 75 2.7 76 2.8 77 3 81 3.1

More information

スタイルシートでデザインを整えよう

スタイルシートでデザインを整えよう スタイルシートでデザイン (2) CSS (Cascading Style Sheets) ここまで HTML は文章の意味的な役割を記述するもので 表示はブラウザ次第であることを強調してきました あるブラウザでの表示方法を前提に HTML で見た目を制御しようとすると 他の環境では意味が通じにくい 相互運用性の低い情報となってしまいます Web の表現を作者が指定するには HTML ではなく スタイルシートという別の機能をもちいます

More information

PostgreSQL の XML 機能解説と将来拡張への提言

PostgreSQL の XML 機能解説と将来拡張への提言 2009 11 21 11 00 11 50 B 1 PostgreSQL "Let's Postgres" 2 PostgreSQL XML URL http://lets.postgresql.jp/documents/technical/tutorial/xml 3 4 Storage Query Language XML Schemas Programming Interface 5 XML

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

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ 1. はじめの準備 (1) フォルダの作成 ホームページ作成の基礎 これから作るホームページのデータを ホームページ用 として保存 ( 保管 ) するフォルダを作成します ホームページで使う作成したファイル画像 写真 音楽などファイルは すべて同じフォルダに保存します デスクトップやマイドキュメントの中 ( 任意 ) で 右クリック 新規作成 (N) フォルダ (F) で新しいフォルダができます (

More information

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

~/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/

More information

XSLT XSLT xsd XSLT XML xsd XPath <xsl:template ]

XSLT XSLT xsd XSLT XML xsd XPath <xsl:template ] XML Week splat XML XML Web 2005,2006 WS-Security End-to-End XSLT (xsd) XSLT MUST MAY Java class MUST,MAY XSLT XSLT xsd XSLT XML xsd XPath

More information

XSLの活用と技術内容の紹介

XSLの活用と技術内容の紹介 XSL XML WG XSLXSLT SWG XSL 1 Agenda XSL XSL-FO XSLT XSL-FO XSL 2 XSL XSL XSL 3 XSL XSL W3C 1.0 2001-10-15 XSL XML (XSLT) XML (XSL-FO Formatting-Object ) XML XSL 4 XSL 5 XML 1.0 1998-02-10 XSLT 1999-11-16

More information

SGML HTML XML Markup Language Web HTML HTML SGML Standard Generalized Markup Language Markup Language DTD Document Type Definition XML SGML Markup Language HTML XML HTML XML JavaScript JAVA CGI HTML Web

More information

JavaScript の使い方

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

More information

3.3 World Wide Web 26

3.3 World Wide Web 26 3.3 World Wide Web 26 WWW の生い立ち 1989 CERN (European Center for Nuclear Research) で文書管理のために考案 他の文書へのリンクを含むテキスト (HyperText) HTML 1993 Mosaic クリックするだけでリンク先にアクセスすることのできるグラフカルユーザインタフェース 1994 World Wide Web

More information

XMLプログラミング(DOM編)

XMLプログラミング(DOM編) XML プログラミング DOM に依る XML 文書の操作 DOM と DOMDocument オブジェクト プログラミング言語から XML を扱うには DOM(Document Object Model) と呼ばれるプログラミングインターフェイスを利用するのが最も簡単で有る DOM は Internet Explorer 5.x 以降の XML パーサ (MSXML) に実装されて居る DOMDocument

More information

untitled

untitled 2005 HP -1-2005 8 29 30 HP 1 ( ) 1. Web 2. HTML HTML 1 PDF HTML 1 Web HTML http://www.media.ritsumei.ac.jp/kodais2005 2 2.1 WWW HTML Hyper Text Markup Language) HTML Web HTML Internet Explorer http://www.ritsumei.ac.jp

More information

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML

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

More information

Web プログラミング 1 JavaScript (3) (4 章 ) 2013/7/3( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5/

Web プログラミング 1 JavaScript (3) (4 章 ) 2013/7/3( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5/ Web プログラミング 1 JavaScript (3) (4 章 ) 2013/7/3( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5/8 ( 水 ) HTML+CSS (3) (2 章 ) 5/15 ( 水 ) HTML+CSS (4)

More information

ISコースプロジェクト実習 前期(第1回 ガイダンス)

ISコースプロジェクト実習 前期(第1回 ガイダンス) プロジェクト実習 IS2 前期 ( 第 1 回 ) 使用教室 :5-102,8-203,8-303,8-305,4-205 担当教員 : 熊谷和志, 早川吉弘 資料サイト : 熊谷研究室授業資料 (http://ckuma.html.xdomain.jp/class/) 1. 授業を進める上で 授業概要 1 学年の コンピュータリテラシ, 総合工学基礎実験 を踏まえ, 数週間から数ヶ月の中長期にわたり,

More information

1. スキーマを作成する チュートリアル : 簡単な日記帳を作る 最初のステップとして 簡単な日記帳を作ってみましょう 件名 と 本文 があるだけの簡単なものです 1. スキーマを作成する では まず 日記帳 のスキーマを定義します スキーマは XML ファイル として作成します コラム :XML

1. スキーマを作成する チュートリアル : 簡単な日記帳を作る 最初のステップとして 簡単な日記帳を作ってみましょう 件名 と 本文 があるだけの簡単なものです 1. スキーマを作成する では まず 日記帳 のスキーマを定義します スキーマは XML ファイル として作成します コラム :XML 目次 目次 1. スキーマを作成する... 2 2. スキーマを登録する... 5 3. エントリを定義する... 6 4. エントリを投稿する... 9 5. エントリを表示する ( デザイン定義 )... 11... 18 1 / 22 1. スキーマを作成する チュートリアル : 簡単な日記帳を作る 最初のステップとして 簡単な日記帳を作ってみましょう 件名 と 本文 があるだけの簡単なものです

More information

_IMv2.key

_IMv2.key 飯島基 文 customb2b@me.com $ ssh ladmin@im.example.com $ cd /Library/Server/Web/Data/Sites/Default/ $ git clone https://github.com/msyk/inter-mediator.git

More information

■新聞記事

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

More information

(\201\234NEX_DT_2_1.xls)

(\201\234NEX_DT_2_1.xls) 2_ 新規登録ハ ーシ ョン : 2.0 画面遷移 電子登録初期画面基本情報入力画面基本情報確認画面基本情報の印刷 処理概要 ユーザー ID パスワードを取得します 登録後 指定された連絡先のメールアドレスにパスワードを送信します パスワード送信画面, 電子登録初期画面 操作手順左側メニュー内 新規登録 部分の該当する申請区分を押して 2. 基本情報入力画面 に移動します 建設工事の場合 建設工事

More information

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63>

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63> 情報処理 C (P.1) 情報処理 C (2011 年度 ) ホームページの作成 http://open.shonan.bunkyo.ac.jp/~ohtan/ テキストエディタ ( メモ帳 TeraPad など ) でHTMLファイルを作成する HTML(Hyper Text Markup Language ) ホームページを記述するための言語のこと テキストエディタの起動 (TeraPad の場合

More information

インターネット社会の発展

インターネット社会の発展 インターネット入門 第 8 回 Web ページの作成法 総合情報学部情報科学科榊原道夫, 河野敏行, 大西荘一 目次 1. Web ページの作成 2. タグによる作成手順 3. HTML の基本 4. 作ってみよう 5. スタイルシートの利用 Web ページの作成 作成に必要なアプリケーション HTML エディター 専用ソフト テキストエディター 画像編集ソフト コンテンツ作成ソフト Flash ファイル転送ソフト

More information

(2) トップページ 画面が表示されますので 資格審査申請書を作成するため 資格審査申請書を作成す る ボタンをクリックします Tokyo Metropolitan Government Electronic Procurement System 119

(2) トップページ 画面が表示されますので 資格審査申請書を作成するため 資格審査申請書を作成す る ボタンをクリックします Tokyo Metropolitan Government Electronic Procurement System 119 3-2. 資格申請書登録 ( 工事 / 経常 JV) (1) 資格審査各種手続き 画面にて 平成〇 〇年度の申請 ボタン 又は業務メニューの 平成〇 〇年 度の申請 リンクをクリックしてください Tokyo Metropolitan Government Electronic Procurement System 118 (2) トップページ 画面が表示されますので 資格審査申請書を作成するため 資格審査申請書を作成す

More information

ppt

ppt XML 2004-09-15 ( XML(Extended Markup Language XML XML HTML XML XML (? W3C(World Wide Web Consortium XML 2004-09-15 2 XML XML 1.0 (Extensible Markup Language W3C(World Wide Web Consortium http://www.w3/org/

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 3 Webデザイナーに求められる知識 優秀な HTML, CSS, 画像編集, JavaScript, jquery, XML, 色 彩理論, LL, データベース, SEO, SMO, EFO, コピーラ イティング, テキストライティング, イラストレー ション, Flash, ディレクション能力, プロジェクトマ ネジメント, Logo作成, Typography, サーバ管理, PHP, Perl,

More information

情報C 4月スクーリング プリント

情報C 4月スクーリング プリント 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) 1/9 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) スクーリング日 ( ) 生徒番号 ( ) 氏名 ( ) 学習 目標 1. HTML を使って Web ページを作成できる 2. e-typing 結果の推移をわかりやすく伝えることができる 3. 著作権や肖像権に配慮することができる

More information

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習 Web データ管理 JavaScript (4) (4 章 ) 2012/1/11( 水 ) 1/22 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20120111 演習

More information

FileList Convert a pdf file!

FileList Convert a pdf file! Tamadaigakufuzokuhijirigaokac yugakukoutougakkoupasocom butamadaigakufuzokuhijirigaok acyugakukoutougakkoupasoco mbutamadaigakufuzokuhijiriga 2009 09 20 21 okacyugakukoutougakkoupaso combutamadaigakufuzokuhijiri

More information

HTML のタグを使ったホームページ作成 第 1 章 HTML 文書の基本 1. タグの基本 HTML 文書は普通の文章とタグで構成される タグは半角英数字で書く 文字 のように開始タグ (< >) と終了タグ () で囲む オプションをつけることもできる 2. 基本構成 ( 下線のタグは必ず書きます ) タイトル

More information

超簡単にWebページを作成

超簡単にWebページを作成 Lesson を始める前に どんなプログラマーもこれを実践しました 超簡単に Web ページを作成 この解説書は Lesson が高レベルになっても参照用として利用して下さい この章の実践方法はまず解説ページ内にある HTML ソースコードをコピーして メモ帳などに貼り付けて 実行して 表示してそのあとで表示内容を解説します 最初は全然理解できない方でも 同じ HTML コードを繰り返し 繰り返 し実践する事で

More information

経営論集2011_07_小松先生.indd

経営論集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

More information

第3学年    学習指導案

第3学年    学習指導案 Web Page 2 -1- myhome.htm html head title my home page /title /head body Welcome to Sasaki's Home page /body /html myhom e.htm html /htmlhead /headtitle /title body /body myhome.htm -2- myhome.htm body

More information

文京女子大学外国語学部

文京女子大学外国語学部 6. テーブル 6-1 テーブルとはテーブルとは表のことです ホームページ上で表を作成するには テーブル作成用に用意された数種のタグを使用します なお HTML 文書を書くためのエディタでは 通常 単純な罫線すら引けないことに注意してください 文字の羅列よりも表にまとめた方がわかりやすく レイアウトとしても優れていることは 皆さんもよく経験するところだと思います ですからテーブルは 表形式のデータ表示に有効であるとともに

More information

ホームページ作成に必要なソフト 1. ブラウザ : ホームページを画面上に表示するためのソフトウェア 現在よく使われるのは Microsoft Internet Explorer と Netscape Navigator の 2 種類がある 2. テキストエディタ : テキストファイルと呼ばれる 文

ホームページ作成に必要なソフト 1. ブラウザ : ホームページを画面上に表示するためのソフトウェア 現在よく使われるのは Microsoft Internet Explorer と Netscape Navigator の 2 種類がある 2. テキストエディタ : テキストファイルと呼ばれる 文 ホームページ作成 1. HTML 言語によるホームページ作 成 2. ホームページ作成ソフト IBM : ホー ムページビルダー Microsoft FrontPage 1 ホームページ作成に必要なソフト 1. ブラウザ : ホームページを画面上に表示するためのソフトウェア 現在よく使われるのは Microsoft Internet Explorer と Netscape Navigator の 2

More information

4. ご利 者さま情報の登録について ( 初回ご利 時 ) システムの初回ご利用時に, ご利用者情報の登録を行なっていただく必要がございます ご利用者情報は, 主に託送申込みを担当される方を, まず 名, 代表者さま としてご登録していただきます その他に, ご利用者さまの追加登録をご希望される場合

4. ご利 者さま情報の登録について ( 初回ご利 時 ) システムの初回ご利用時に, ご利用者情報の登録を行なっていただく必要がございます ご利用者情報は, 主に託送申込みを担当される方を, まず 名, 代表者さま としてご登録していただきます その他に, ご利用者さまの追加登録をご希望される場合 低圧託送新増設システム 操作マニュアル ( ご利 者登録 ) 平成 0 年 4 月北陸電 株式会社 4. ご利 者さま情報の登録について ( 初回ご利 時 ) システムの初回ご利用時に, ご利用者情報の登録を行なっていただく必要がございます ご利用者情報は, 主に託送申込みを担当される方を, まず 名, 代表者さま としてご登録していただきます その他に, ご利用者さまの追加登録をご希望される場合は,

More information

hands_on_4.PDF

hands_on_4.PDF PHPMySQL 4 PC LAN 2 () () SQLDBMS DBMS DataBase Management System mysql DBMS SQL Structured Query Language SQL DBMS 3 DBMS DataBase Management System B Table 3 Table 2 Table 1 a 1 a 2 a 3 A SQLStructured

More information

SVG資料第10回目(その2) Ajaxによる同期通信と非同期通信の違い

SVG資料第10回目(その2) Ajaxによる同期通信と非同期通信の違い 10 ( SVG 10 ( Ajax Ajax I(SVG) 2017/6/27 10 ( Ajax 10 ( Ajax 100 10 HTML 1 2 3 4 5 6

More information

Microsoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx

Microsoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx CSS(Cascading Style Sheets) の基本 1. CSSの基本的な考え方は HTMLの構造を表す要素 ( タグ ) に対しスタイルを定義するというもの 2. CSSでは セレクタ プロパティ 値 の3つを組み合わせてスタイルを設定する 3. セレクタ は ,, や 要素などコンテンツ内のどの要素にスタイルを適用するかを指定する 4. セレクタの次の

More information

! "#$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ

! #$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ 6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML ! "#$%&'()*+,-. /0123456789:;?@ABCDEFGHIJKLMNOPQR STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ

More information

分散情報システム構成法

分散情報システム構成法 Web Information System Design No.6 Web 文書空間 萩野達也 (hagino@sfc.keio.ac.jp) 1 Web 文書の全体構成要素 Web 文書 XML データ文書 XML アプリケーション HTTP URI 参照操作 Unicode 2 HTML 以外の XML アプリケーション HTML の成功を XML に Extensible Stylesheet

More information

Microsoft PowerPoint - 05XMLによるデータの表現.pptx

Microsoft PowerPoint - 05XMLによるデータの表現.pptx 九州大学工学府海洋システム工学専攻講義資料担当 : 木村船舶海洋情報学 05. XMLによるデータの表現 XML(Extensible Markup Language) 情報を保管 ラベル付け 構造化 または保護するための コンテナ のようなもの異なるシステムが相互にコミュニケーションするための手段 基盤 1) データは XML 文書 ( テキスト ) で表現される 2) タグによって情報は 要素

More information

overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ

overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ 1225-6 練習 6 Overflow The Stage(overflow) ピエロの玉乗りがステージの外から入って外へ出て行くトランジションを作ってみましょ う Hover ボタンの上をマウスポインター ( カーソル ) で hover すると ピエロの玉乗りが ステージの外から入って外へ出て行きます 動きの仕組み このトランジションは 次の3つの動きの組み合わせで動きます 1 ピエロとボールの横方向の動き

More information

Web プログラミング 1 JavaScript (4) (4 章 ) 2013/7/17( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5

Web プログラミング 1 JavaScript (4) (4 章 ) 2013/7/17( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5 Web プログラミング 1 JavaScript (4) (4 章 ) 2013/7/17( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5/8 ( 水 ) HTML+CSS (3) (2 章 ) 5/15 ( 水 ) HTML+CSS (4)

More information

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4. http://www1.iwate-ed.jp/ JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.d 5.4.e 5.5.a 5.5.b 5.5.c

More information

Network Computing の基礎

Network Computing の基礎 CSS Cascading Style Sheets Cascading = Style Sheets = CSS WEB HTML CSS 2 HTML h1 p CSS 3 CSS CSS HTML sample1.html CSS HTML sample2.html CSS CSS sample2.css CSS

More information

Microsoft PowerPoint - 04WWWとHTML.pptx

Microsoft PowerPoint - 04WWWとHTML.pptx 船舶海洋情報学 九州大学工学府海洋システム工学専攻講義資料担当 : 木村 04. WWW と HTML WWW(World Wide Web) インターネットの情報をハイパーテキスト形式で参照できる情報提供システム HTML などのコンテンツを HTTP プロトコルで転送 インターネット クライアント PC WWW の情報を画面に表示するクライアントソフトウエア :WEB ブラウザ Internet

More information

1. 個人 一般団体利用者登録関係 1.1 利用者登録 トップ画面 1 施設予約のトップ画面より 利用者登録をクリックします 個人 団体の選択 2 申込対象を下記から選択し ボタンをクリックします 個人登録 (3-1 へ ) 団体登録 (3-2 へ ) 1 3-1 個人登録個人利用者の登録 3-1.ⅰ 個人利用者の情報を入力し 確認をクリックします 氏名カタカナ : 氏名をカタカナで入力する ( 必須

More information

Webデザイン論

Webデザイン論 2008 年度松山大学経営学部開講科目 情報コース特殊講義 Web デザイン論 檀裕也 (dan@cc.matsuyama-u.ac.jp) http://www.cc.matsuyama-u.ac.jp/~dan/ 前回の課題 Web デザイン論 の期末試験まで何日残っているか表示する Web ページを JavaScript で制作し 公開せよ 宛先 : dan@cc.matsuyama-u.ac.jp

More information

II 2 p.2 2 GET POST form action URL Aisatsu 2.1 Servlet GET GET : Query String QueryStringTest.java 1 import java.io.ioexception; 2 import java.io.pri

II 2 p.2 2 GET POST form action URL Aisatsu 2.1 Servlet GET GET : Query String QueryStringTest.java 1 import java.io.ioexception; 2 import java.io.pri II 2 p.1 2 GET POST Servlet Servlet Servlet CGI/Servlet GET POST 2 GET URL? FORM GET : http://maps.google.co.jp/maps?hl=ja&ll=34.292821,134.063587&z=15 POST HTML HTML : Aisatsu.html HTML 1

More information

Microsoft Word - 2部-3.doc

Microsoft Word - 2部-3.doc 目 次... 3 1. 課題の概要... 3 図 1 XSLT スタイルシートによる HTML 変換...3 リスト1 プログラム実行イメージ (HTML 変換モード )... 3 図 2 HTML 変換モードの HTML をブラウザで表示したときの例...4 リスト2 プログラム実行イメージ ( 人気ランキングモード )... 5 リスト3 人気ランキングモードのリストの条件... 5 図 3 人気ランキングモードのリストのツリー構造...

More information

ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web 2014 3

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション EndNote basic( 応用編 ) 1 EndNote basic 操作方法 ( 応用編 ) 1. 参考文献リスト作成方法 ( プラグイン利用 ) 共有文献の引用参考文献スタイルの変更引用した文献のリスト削除 Word マクロを取り除く方法参考文献リストのレイアウト変更 Word プラグインを使わず参考文献リストを作成する方法文献リストのみの出力文献情報のファイル出力 2. Manuscript

More information

3 CSS について Cascading Style Sheets(CSS カスケーディング スタイル シート カスケード スタイル シート) とは HTML や XML の要素をどのように修飾 ( 表示 ) するかを指示する W3C による仕様の一つ 文書の構造と体裁を分離させるという理念を実現す

3 CSS について Cascading Style Sheets(CSS カスケーディング スタイル シート カスケード スタイル シート) とは HTML や XML の要素をどのように修飾 ( 表示 ) するかを指示する W3C による仕様の一つ 文書の構造と体裁を分離させるという理念を実現す HTML/CSS 1 HTML について Hyper Text Markup Language( ハイパーテキストマークアップランゲージ ) 略記 略称:HTML( エイチティーエムエル ) とは ウェブ上のドキュメントを記述するためのマークアップ言語である Web 作成基本プログラミング用語であり C 言語のようなプログラミングとは違い 文章の中に記述することでさまざまな機能を記述設定することができる

More information

KeyWeb Creator 概要 What s KeyWeb Creator? 動的なホームページを作成するためのツール!! 従来の Web ページ DB を利用した Web ページ <HTML> <HEAD> <TITLE>show_book</TITLE> </HEAD> <BODY> <DI

KeyWeb Creator 概要 What s KeyWeb Creator? 動的なホームページを作成するためのツール!! 従来の Web ページ DB を利用した Web ページ <HTML> <HEAD> <TITLE>show_book</TITLE> </HEAD> <BODY> <DI KeyWeb Creator R3.0 Beta 日本オラクル株式会社システム製品マーケティング部 1 KeyWeb Creator 概要 What s KeyWeb Creator? 動的なホームページを作成するためのツール!! 従来の Web ページ DB を利用した Web ページ show_book

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 演習 9 入力した条件に従いデータベースからデータを抽出する 1 演習 9 製品情報を取得するサンプル パソコン製品情報が格納された表から 任意のメーカー IDを取得するプログラムの構造を検討する sample1.htm sample1.asp SDEV_MST_PRODUCT 2 データベース クライアント サーバー PC_KATABAN KOBAN MAKER_ID HD-0001 1 NED

More information

~モバイルを知る~ 日常生活とモバイルコンピューティング

~モバイルを知る~ 日常生活とモバイルコンピューティング 政策情報学部 渡辺恭人 riho-m@cuc.ac.jp 作業 1: 前回分を少し改造 1 行目の place = 那覇 の 那覇 の部分を他の地名に変えてみる 南西諸島地域以外の場合は 2 行目も変更する必要がある xmlfile = http://weather.livedoor.com/forecast/rss/amedas/temp/ 10/47.xml http://weather.livedoor.com/weather_hacks/rss_feed_lis

More information

XISによる効率良いシステム開発のポイント

XISによる効率良いシステム開発のポイント XML excelon XIS excelon XIS XML April 17, 2002 excelon Extensible Information Server Page 2 Overview XML DOM (XML ) ( ) excelon XIS (DOM ) CRUD ( XML ) amazon.com 2,000 / 100 / GUI / ( 10 ) Windows (NT/2000/XP),

More information

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習 1 演習 2 Z: Web データ管

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習 1 演習 2 Z: Web データ管 Web データ管理 HTML+CSS (5) (2 章 ) 2011/11/2( 水 ) 1/30 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111102 演習 1 演習 2 Z: Web データ管理

More information

padding( パディング ) padding プロパティでボックスの内側の余白を指定します この部分の内側には背景 ( 背景色や背景画像 ) を表示できます border( ボーダー ) border プロパティでボックスの境界線を指定します ボーダーには色 太さ 線の種類を指定できます 画像で

padding( パディング ) padding プロパティでボックスの内側の余白を指定します この部分の内側には背景 ( 背景色や背景画像 ) を表示できます border( ボーダー ) border プロパティでボックスの境界線を指定します ボーダーには色 太さ 線の種類を指定できます 画像で 1111 基本のボックス (margin, width, height, border, background) CSS3 アニメーション ( およびトランジション ) の基本はボックスです このボックスに色を付けたり ボックスにテキスト ( 文字 ) や画像を入れて ボックスを移動 回転 2D 変形 3D 変形してアニメーションを作ります では先ずボックスを作ってみましょう 基本的なボックスは下の四角形のようなものです

More information

コンピュータ中級B ~Javaプログラミング~ 第3回 コンピュータと情報をやりとりするには?

コンピュータ中級B ~Javaプログラミング~  第3回 コンピュータと情報をやりとりするには? Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2011, All rights reserved. 1 コンピュータ 2C ~ マルチメディア ~ 第 2 回 Web ページを作成するには? (HTML の基本 2) 人間科学科コミュニケーション専攻 白銀純子 Copyright (C) Junko Shirogane,

More information

メディプロ1 Javaサーブレット補足資料.ppt

メディプロ1 Javaサーブレット補足資料.ppt メディアプロジェクト演習 1 Java サーブレット補足資料 CGI の基本 CGI と Java サーブレットの違い Java サーブレットの基本 インタラクティブな Web サイトとは Interactive q 対話 または 双方向 q クライアントとシステムが画面を通して対話を行う形式で操作を行っていく仕組み 利用用途 Web サイト, シミュレーションシステム, ゲームなど WWW = インタラクティブなメディア

More information

soturon2013

soturon2013 4.4. CGI, CGI Web. UNIX, UNIX Windows. UNIX CGI. i ( ). mi- http://www.mimikaki.net/ 67 (mi- ),mi-, http://ugawalab.miyakyo-u.ac.jp/j3/chika/wari.cgi.txt http://ugawalab.miyakyo-u.ac.jp/j3/chika/wari.cgi.txt,.

More information

名づけてねっとドメイン登録情報 (WHOIS) 変更申込書 ( 汎用 JP) 情報変更お申し込みにあたり 以下の内容をご一読ください オンラインでの情報変更について 登録者名以外の登録情報はオンラインで変更が可能です 是非ご利用ください 契約者 ID やパスワードが分からない場合は パスワードを忘れ

名づけてねっとドメイン登録情報 (WHOIS) 変更申込書 ( 汎用 JP) 情報変更お申し込みにあたり 以下の内容をご一読ください オンラインでの情報変更について 登録者名以外の登録情報はオンラインで変更が可能です 是非ご利用ください 契約者 ID やパスワードが分からない場合は パスワードを忘れ 情報変更お申し込みにあたり 以下の内容をご一読ください オンラインでの情報変更について 登録者名以外の登録情報はオンラインで変更が可能です 是非ご利用ください 契約者 ID やパスワードが分からない場合は パスワードを忘れた方はこちら や 契約者 ID を忘れた方はこちら より パスワードの再設定や契約者 ID の確認をご実施ください < 契約者コントロールパネル > https://arena.secure.customer.ne.jp/account/login

More information

アクセス履歴の確認 アクセス履歴の確認 名刺データへのアクセス履歴を 日単位で確認または月単位でファイル出力できます 日単位の履歴を確認する 名刺データへの過去 1 ヵ月のアクセス履歴を 日単位で確認できます 1 名刺管理画面を表示し 名刺管理 アクセス履歴 の順にクリックします 名刺管理画面の表示

アクセス履歴の確認 アクセス履歴の確認 名刺データへのアクセス履歴を 日単位で確認または月単位でファイル出力できます 日単位の履歴を確認する 名刺データへの過去 1 ヵ月のアクセス履歴を 日単位で確認できます 1 名刺管理画面を表示し 名刺管理 アクセス履歴 の順にクリックします 名刺管理画面の表示 この章では 名刺管理の機能についてご案内しています アクセス履歴の確認 170 付箋の設定 173 新着の設定 175 名刺データのファイル出力 176 名刺データの管理 179 エクスポート権限の設定 183 共有範囲の設定 184 アクセス履歴の確認 アクセス履歴の確認 名刺データへのアクセス履歴を 日単位で確認または月単位でファイル出力できます 日単位の履歴を確認する 名刺データへの過去 1

More information

~モバイルを知る~ 日常生活とモバイルコンピューティング

~モバイルを知る~ 日常生活とモバイルコンピューティング テーマ研究会 (2011/04/27) ~ Web アプリ プログラミング入門 (2)~ 政策情報学部 渡辺恭人 riho-m@cuc.ac.jp 資料ページ : http://www.cuc.ac.jp/~riho-m/rg11/ 作業 1: 前回分を少し改造 1 行目の place = 那覇 の 那覇 の部分を他の地名に変えてみる 南西諸島地域以外の場合は 2 行目も変更する必要がある xmlfile

More information

<48746D6C8AEE91628D758DC02E786C73>

<48746D6C8AEE91628D758DC02E786C73> HTML 基礎講座 目次 1.HTML 紹介 1-1 HTMLとは 1-2 HTMLの基本的な構成 1-3 HTMLのソースの表示方法 2.HTMLタグ紹介 2-1 リンクする 2-2 改行 水平罫線 2-3 段落 2-4 見出し ~, ~ 2-5 画像 2-6 テーブル 2-7 フォーム 2009.10.16

More information

オンライン契約管理システム(Channel Service Network)ユーザーマニュアル

オンライン契約管理システム(Channel Service Network)ユーザーマニュアル オンライン契約管理システム (Channel Service Network) ユーザーマニュアル 1 目次 CSN 登録のステップ... 3 ログイン方法... 5 登録手順... 6 登録情報の修正... 21 検索 レポート機能... 25 お問い合せ窓口... 42 2 CSN 登録のステップ ステップ 1 CSN ID 取得 ステップ 2 登録前作業 ステップ 3 登録作業 ステップ 4

More information

情報C 4月スクーリング プリント

情報C 4月スクーリング プリント 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) 1/6 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) スクーリング日 ( ) 生徒番号 ( ) 氏名 ( ) 学習 目標 1. HTML を使って Web ページを作成できる 2. e-typing 結果の推移をわかりやすく伝えることができる 3. 著作権や肖像権に配慮することができる

More information

388-356697252-2.pdf

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]

More information

データ解析

データ解析 情報教育基礎研修会 ( 平成 16 年 8 月 4 日 ) 奈良産業大学情報学部 情報教育基礎研修会 ( 平成 16 年 8 月 4 日 ) HTML 言語によるウェブページの制作 日時 会場 平成 16 年 8 月 4 日 ( 水 )9 時 10 分 ~ 15 時 40 分 奈良産業大学 10 号館 3 階 1032 教室 日程 時間内容場所 9:10 ~ 9:20 日程説明 1033 教室 9:30

More information

次のように編集を行う 1. 改行を挿入するには <br> タグ 例 ) 世界の都市めぐり <br> ~~~あれこれをご紹介します <br> ~~~ 名所めぐり <br> ~~~ヨーロッパの町並み <br> 2. 段落を区切るには <p> ~ </p> タグ 例 )<p> 世界の都市めぐり </p>

次のように編集を行う 1. 改行を挿入するには <br> タグ 例 ) 世界の都市めぐり <br> ~~~あれこれをご紹介します <br> ~~~ 名所めぐり <br> ~~~ヨーロッパの町並み <br> 2. 段落を区切るには <p> ~ </p> タグ 例 )<p> 世界の都市めぐり </p> 第 1 回目のタグ 1. Web ページ ( ホームページ ) の作成メモ帳 ( テキストエディタ ): ウィンドウズに付属しているソフトテキストエディタ メモ帳 を開くには : スタートボタンをクリック プログラムポイント アクセサリ メモ帳を選ぶ ブラウザ (Web ページの閲覧ソフト Internet Explorer): ウィンドウズに付属しているソフトが必要とする homepage.html

More information

Microsoft PowerPoint - css-3days 互換モード

Microsoft PowerPoint - css-3days 互換モード 情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,

More information

アクセス履歴の確認 アクセス履歴の確認 名刺データへのアクセス履歴を 日単位で確認または月単位でファイル出力できます 日単位の履歴を確認する 名刺データへの過去 1 ヵ月のアクセス履歴を 日単位で確認できます 1 名刺管理画面を表示し 名刺管理 アクセス履歴 の順にクリックします 名刺管理画面の表示

アクセス履歴の確認 アクセス履歴の確認 名刺データへのアクセス履歴を 日単位で確認または月単位でファイル出力できます 日単位の履歴を確認する 名刺データへの過去 1 ヵ月のアクセス履歴を 日単位で確認できます 1 名刺管理画面を表示し 名刺管理 アクセス履歴 の順にクリックします 名刺管理画面の表示 この章では 名刺管理の機能についてご案内しています アクセス履歴の確認 188 付箋の設定 191 新着の設定 193 名刺データのファイル出力 194 名刺データの管理 198 エクスポート権限の設定 202 共有範囲の設定 203 アクセス履歴の確認 アクセス履歴の確認 名刺データへのアクセス履歴を 日単位で確認または月単位でファイル出力できます 日単位の履歴を確認する 名刺データへの過去 1

More information

Webデザイン論

Webデザイン論 2008 年度松山大学経営学部開講科目 情報コース特殊講義 Web デザイン論 檀裕也 (dan@cc.matsuyama-u.ac.jp) http://www.cc.matsuyama-u.ac.jp/~dan/ 前回の提出物 今回の実習課題を制作し Web サーバにアップロードせよ 宛先 : dan@cc.matsuyama-u.ac.jp 件名 : Web デザイン #17_ 課題 本文 :

More information

フォルダ構成例 (BIB-J) は必須ファイル は任意ファイル ( 電子付録等をアップロードする際に作成する ) 資料コード巻号記事識別子 XML ファイル { 記事識別子 }.xml { 記事識別子 }_{ 連番 }.{ 拡張子 } { 記事識別子 }.txt { 記事識別子 }_{ 連番 ].{

フォルダ構成例 (BIB-J) は必須ファイル は任意ファイル ( 電子付録等をアップロードする際に作成する ) 資料コード巻号記事識別子 XML ファイル { 記事識別子 }.xml { 記事識別子 }_{ 連番 }.{ 拡張子 } { 記事識別子 }.txt { 記事識別子 }_{ 連番 ].{ アップロードファイルフォルダ構成 (BIB-J) No. フォルダ構成必須フォルダ名 / ファイル名概要備考 1 資料コード / { 資料コード } 資料コードフォルダ 2 巻 / { 巻 } ( 分冊の場合 "{ 巻 }_{ 分冊 }" ) 3 号 / { 号 } ( 号が無い 巻の記事の場合は 0 ) 巻フォルダ 号フォルダ 4 記事 / { 記事識別子 } 記事フォルダ 5 XML ファイル

More information

Microsoft Word - 教材WebページのHTML5及びCSS3の解説

Microsoft Word - 教材WebページのHTML5及びCSS3の解説 教材 Web ページの HTML5 及び CSS3 の解説.docx Page 6 3 Contents の解説 3.1 IE9 の画面 教材 Web ページの HTML5 及び CSS3 の解説.docx Page 7 3.2 画面構成 3.3 HTML5(menu.html)

More information

磁気ディスクを提出する方法による申請における申請書様式と申請書のPDFファイルの作成手順について

磁気ディスクを提出する方法による申請における申請書様式と申請書のPDFファイルの作成手順について 磁気ディスクを提出する方法による申 請における申請書様式と申請書の PD F ファイルの作成手順について 第 3.0 版 平成 26 年 6 月 法務省民事局 版数 変更日 変更ページ 変更理由 内容 1.0 - 初版発行 1.1 2006. 07 2.0 2011. 02 登記 供託オンライン申請システムの稼動に伴う全体的な手順の見直しを行いました 3.0 2014. 06 画像の差替え及び文言の修正を行いました

More information

2016 IP 1 1 1 1.1............................................. 1 1.2.............................................. 1 1.3............................................. 1 1.4.............................................

More information