独習XML ~第1章 XMLの基礎~ 1.1 XML文書の基礎 1.2 XMLとHTML

Slides:



Advertisements
Similar presentations
1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
Advertisements

XML ゼミ 独習 XML ~ 第 6 章 XHTML~ 6.1 XHTML の概要 6.2 XHTML の構造 谷津 哲平.
WEB デザイン基礎実 験 担当:清水,田代 副手:浦辺,石井 ( 1 日目) NC-2 情報通信基礎実験.
情報基礎A 情報科学研究科 徳山 豪.
視覚表現--CSSでwebページを自由にデザイン
Webサービスに関する基本用語 Masatoshi Ohishi / NAOJ & Sokendai
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
NC-2 情報通信基礎実験 WEBデザイン基礎実験 (2日目) 担当:清水,田代 副手:浦辺,石井.
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
背景 我々の研究室で開発しているJavaプログラム解析フレ ームワークでは,解析情報はメモリ上に保持される 問題点
HTMLの記述と WWWにおける情報公開 遠藤
CSSを利用したWebデザイン 理工学部 情報学科 3回生 喜多 亮輔.
HTML版パスファインダーの作成 CSSの利用 hp. infoseek. co. jp/cje10
早稲田大学大学院理工学研究科 情報科学専攻修士2年 後藤滋樹研究室 坂本義裕
第1回 HTML5入門.
ホームページの作り方.
XMLゼミ 2.3 XMLのプロローグ 2.4 XMLのタグ 高橋 辰裕.
WWW (=World Wide Web)とは
講議資料 コンピュータ プレゼンテーション 講議資料
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
XMLについて 蔡柏東.
第1回 JavaScriptゼミ ・ scriptエレメント ・ 記述における諸注意 ・ 古いブラウザへの対応方法
見た目を定義する技術 CSS(スタイルシート).
4-3.基本的なPHPスクリプト 2004年6月24日(木) 大北高広 01T6010F.
専門ゼミⅠ 南ゼミ 特別授業③ 2002年6月7日 金曜日 4限目 今泉 裕隆.
Webを利用した授業支援システムの開発 北海道工業大学 電気電子工学科 H 渋谷 俊彦.
Webページで自己紹介をしよう! 出席番号の席に着席し ユーザ名~user○○ パスワード~pass でログオン
NC-2 情報通信基礎実験 WEBデザイン基礎実験 (1日目) 担当:清水,田代 副手:浦辺,石井.
2017/4/9 情報処理 第5回.
情報伝達・WWW・ソーシャルメディア CMSとHTMLの基礎
SGMLについて 2年8組  原口 文晃.
ネットワーク de 情報発信 - コンテンツ作りのはじめの一歩 - 城西国際大学薬学部 二村 典行.
XMLゼミ 5.1 XML文書と表示 5.2 CSS 5.3 XMLとXSL 高橋 辰裕.
XSL-FO + MathML MathML表示、PDF生成、SVG生成
基礎プログラミング演習 第1回.
HTTPとHTML 技術領域専攻 3回 中川 晃.
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
9.1 DOMの概要 9.2 DOMプログラミングの基礎 9.3 DOMのプログラミング例
XMLゼミ 5.4 XSLT (P118~P134)          兒玉 光太郎.
独習XML 第2章 XML文書の構成要素 2.1 XMLの文字と文字列 2.2 コメント
インラインスクリプトに対するデータフロー 解析を用いた XHTML 文書の構文検証
情報スキル活用  第5週 基礎技術-5  その2 : 他のページへのリンク.
第3章 第2節 ネットワークを活用した 情報の収集・発信(2) 4 文書の構造と表現
第3章 第2節 ネットワークを活用した 情報の収集・発信 4 文書による情報開示
タグを使ったウェブページ作成 兵庫県立伊丹北高等学校 佐藤 勝彦.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
Javaによる Webアプリケーション入門 第2回
XMLゼミ 1.3 XML文書の表示 1.4 XMLの役割 1.5 XMLとプログラミング M2 正木 裕一.
独習XML ~第3章 文書と構造~ 3.3 スキーマ 3.3 XML Schema
情報スキル活用 第2週 基礎技術ー2 : Webページの基本形.
HTML の成り立ち 惑星物理学研究室 4年 安達 俊貴.
第1章 実世界のモデル化と形式化 3.地物インスタンスの表現
情報スキル活用 第4週 基礎技術-4 : その1(タグのまとめ).
Htmlの基本.
コンピュータ プレゼンテーション.
ウェッブページ書法の復習 ネットワーク論以前のお話.
XML Schema (1) ソフトウェア特論 第3回 /
~let's take fun when you can do it~
XMLゼミ 3.5 DTD M2 正木 裕一.
3-1.文書と構造 3-2.整形式文書と検証済み文書 兒玉 光太郎
コンピュータ プレゼンテーション.
JavaScriptを含んだHTML文書に対する データフロー解析を用いた構文検証手法の提案
Webページに動きを持たせるJavascript言語について 例題のプログラムを通して体験的に理解することとします。
第14回放送授業.
例題のプログラムを通して JavaScriptの仕組みを理解することとします。
応用Java(Java/XML) 第8回 2005年6月23日 植田龍男.
Presentation transcript:

独習XML ~第1章 XMLの基礎~ 1.1 XML文書の基礎 1.2 XMLとHTML 谷津 哲平

Extensible Markup Language XMLとは Extensible Markup Language 拡張可能なマークつけ言語 ●国際的なテキスト記述言語 SGMLの一部 www上で利用するために必要なことを簡素な仕様として再構築 ●XMLは単独で使われることを第一の目的としていない  XMLに準拠した特定の目的のための文書仕様とそれを扱うソフトウェアが一体 XML文書の解釈はソフトウェア(アプリケーションプログラム)次第

簡単な例 hello.xml (Unicodeで保存) <?xml version=“1.0” encoding=“UTF-16” ?> <段落>こんにちは</段落> エレメント タグに使用できる文字には制限があるが何でもよい <p>,<Paragraph> とか

XML文書の‘改行’ <?xml version=“1.0” encoding=“UTF-16” ?> <段落>こんにちは</段落> <?xml version=“1.0” encoding=“UTF-16” ?> <段落> こんにちは </段落> 改行も情報とみなすこともできる 解釈は受けるアプリケーションプログラム次第

XML文書の構造 <?xml version=“1.0” encoding=“UTF-16” ?> <連絡先> <CODE>002525</CODE> <氏名>田中 裕二</氏名> <TEL>2525-0110</TEL> <FAX>2525-0111</FAX> </連絡先> child リスト1.4 parent 深くインデントさせたXML文書の例 リスト1.6 プログラムによってはインデントのための空白も意味を持つ

ルート要素と子要素 同じレベルの複数の子要素をもつXML文書の例 XML文書は リスト1.7 XML文書は ただ一つのルート要素から枝葉が伸びた形式(ツリー構造)で表現できるように記述した文書でなくてはならない

タグと属性 <?xml version=“1.0” encoding=“UTF-16” ?> <連絡先> 「CODE」は「氏名」に属する情報であるとすればこのようにまとめられる <?xml version=“1.0” encoding=“UTF-16” ?> <連絡先> <氏名 CODE=“002525” >田中 裕二</氏名> <TEL>2525-0110</TEL> <FAX>2525-0111</FAX> </連絡先> リスト1.9 リスト1.10 HTMLでの例 <font size=“1” color=“red”> 赤色で小さい文字 </font>

XMLとHTML XMLとHTMLは似ているが情報の性質はまったく違う <html> <head> <TITLE>連絡先 (002525:田中 裕二)</TITLE> </head> <Body> <H1>田中 裕二</H1> 2525-0110</p> <p> FAX :2525-0111 </body> </HTML> タグが大文字でも小文字でも許容される リスト1.11

機能上の違い <H1>田中 裕二</H1> HTML <氏名>田中 裕二</氏名> XML <氏名> は名前だということが明白 HTMLは情報の意味を表してはいない

XHTML HTMLは見た目に影響を与える XMLは意味,性質をタグで定義する WebページをXMLで記述すると Extensible Hyper Text Markup Language

課題 ●簡単なXML文書を作成してブラウザで表示確認する ●身近なXMLファイルを探す