Table of Contents XML...5 XSLT...6 XSLT...7 XSLT...7 XSL-FO XSLT...7 XSL-FO...8 XSL-FO XSL-FO Keep
|
|
|
- さあしゃ やすこ
- 7 years ago
- Views:
Transcription
1 Extensible Stylesheet Language (XSL-FO)
2 Table of Contents XML...5 XSLT...6 XSLT...7 XSLT...7 XSL-FO XSLT...7 XSL-FO...8 XSL-FO XSL-FO Keep Break...13 FO XSL-FO...15 FO...15 FO...15 FO...16 FO...16 FO...17 FO...17 FO...17 FO XSL-FO
3 FO XSL...33
4 XML Web XML SGML XML SGML SGML SGMLXML XML Perl MicrosoftWord RTF RTF Word RTF RTF FrameMakerSGML FrameMakerSGML FrameMaker DTP DTP DTP XML XML XML XML XML XML XML XML Extensible Stylesheet Language Web World Wide Web Consortium (W3C) XML XSL XSL XSL-FO (1) InternetExplorer5 XML HTML HTML IE5 XSL-FO (1) XSL - 4 -
5 XSL-FO XML XML XSL-FO XSL-FO XSLT XSLT XML XSL-FO XSLT XML XSLT XSLT XML XSL-FO XSL-FO XSL-FO XSLT XSL-FO XSL-FO ( ) XSL-FO PDF XML XML XML - 5 -
6 XML Extensible Stylesheet Language(XSL-FO) XML () <doc> </doc> <head> <title> </title> <author> </author> <date> </date> </head> <body> <section> <title> </title>...()... </section>...()... </body> doc ( head body titleauthordate (wellformed )XML XML XML XML title index note XML XSLT XSLT (1) XSLT XML XSL-FO XML XSLT XML XSL-FO XML HTML (1) - 6 -
7 XSLT XSLT XSLT XML XSLT ( XSL ) XSLT XML XML XML XSLT XSLT W3C XSLT XSLT XSLT Microsoft MSXML3.DLL MSXML Microsoft Web Internet Explorer5.5 MS Internet Explorer6 MSXML3.DLL ( )Internet Explorer DLL XSLT Microsoft MSXML3.DLL MSXSL.EXE Microsoft XML XSLT MSXML3.DLL DLL MSXML3.DLL PC MSXSL.EXE DOS XSLT XSLT XSLT XSL XSLT XSLT XSLT XSLT XML XSLT XSL-FO XSLT XML XSL-FO XSLT XSL-FO <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:fo=" xmlns:xsl=" <xsl:output method="xml" version="1.0" indent="no" /> <xsl:param name="toc-make" select="true()"/> <!-- Paper Size --> <xsl:param name="paper-width" > 210mm </xsl:param> <xsl:param name="paper-height"> 297mm </xsl:param> Extensible Stylesheet Language(XSL-FO) - 7 -
8 ... <!-- Content Transform--> <xsl:template match="doc"> <fo:root xmlns:fo=" <fo:layout-master-set> <fo:simple-page-master margin-top="5mm" margin-bottom="5mm" margin-right="5mm" margin-left="10mm" master-name="pagemaster">... </fo:simple-page-master>... </fo:layout-master-set>... </fo:root> </xsl:template> </xsl:stylesheet> XSLT xsl: ( ) XSLT fo: XSL-FO XSL-FO XSLT XSLT XSL-FO XSL-FO HTML XSLT XSLT PureSmartDoc XML XSL-FO XSLT DTD XML XSL-FO XSL-FO XSL-FO fo:root wellformed XML XSL-FO XSL-FO <?xml version="1.0" encoding="utf-16"?> <fo:root xmlns:fo=" <fo:layout-master-set> <fo:simple-page-master margin-top="5mm" margin-bottom="5mm" margin-right="5mm" margin-left="10mm" master-name="pagemaster" page-height="297mm" page-width="210mm"> <fo:region-body margin-top="8mm" margin-right="8mm" margin-bottom="8mm" margin-left="8mm"/> <fo:region-before border-after-style="solid" border-width="thin" extent="5mm" - 8 -
9 display-align="after"/> <fo:region-after border-before-style="solid" border-width="thin" extent="5mm" display-align="before"/> <fo:region-start reference-orientation="270" extent="5mm"/> <fo:region-end reference-orientation="90" extent="5mm"/> </fo:simple-page-master>... </fo:layout-master-set>... </fo:root> XSL-FO XSL-FO XSL-FO XSL-FO Antenna House XSL FormatterV1.1 XSL-FO (GUI) GUI (V1.1J) (V0.1V1.1E ) COM FOP XEP PassiveTeX UFO Web Apache JAVA XSL-FO XSL-FO PDF RenderX JAVA XSL-FO FO PDF FO TeX TeX Unicorn FO TeX TeX XML XSL-FO Antenna House XSL Formatter - 9 -
10 XSL-FO XSL-FO Candidate Recommendation Candidate Recommendation XSL-FO Proposed Recommendation Recommendation XSL-FO XSL-FO XSL-FO XSL-FO Formatting Objects FO FO FO 56 FO 246 CSS2 FO CSS2 XSL-FO Version 1 XSL-FO ( ) XSL-FO XSL-FO AntennaHouse XSL Formatter XSL-FO Formatter FO FO XSL-FO Extensible Stylesheet Language(XSL-FO) XSL-FO XSL-FO CSS2 CSS2 XSL-FO CSS2 XSL-FO Formatting Object XSL-FO FO XFL-FO FO XSL-FO ( ) ( )
11 top bottom left right FO reference-orientation reference-orientation reference-orientation 270 top top 270 FO fo:simple-page-master fo:region-body fo:region-before fo:region-after fo:region-start fo:region-end fo:table
12 fo:block-container fo:inline-container FO writing-mode writing-mode lr-tb( ) rl-tb tb-rl writing-mode tb-rl referenceorientation 0 FO FO FO reference-orientation writing-mode block-progression-direction inline-progression-direction ( ) block-progression-direction inline-progression-direction
13 before after start end Keep Break ( region-body ) ( ) 3 Keep Break Break break-beforebreak-after FO break-beforebreak-after pageeven-pageodd-pagecolumnauto FO break-before page FO FO break-after page FO auto Break Keep keep-with-previouskeep-with-nextkeep-together FO keep-with-previouskeep-with-nextkeep-together within-pagewithin-columnwithin-line
14 always always auto Keep Break Keep Break Keep FO FO FO XSL-FO border CSS page-break-inside CSS CSS XML XSL-FO border border-top border-top-color Extensible Stylesheet Language(XSL-FO) +()-()*()div( )mod( ) RGB(red, green, blue)icc(international Color Consortium) cm mm in pt pc px em 2.54cm 1/72in 12pt 0.28mm(1/90 ) 1/92 1/72 font-size 1em font-size
15 XSL-FO Extensible Stylesheet Language(XSL-FO) FO FO FO fo:root FO fo:declarations fo:color-profile ICC fo:page-sequence fo:layout-master-set fo:page-sequence-master fo:single-page-master-reference fo:repeatable-page-master-reference fo:repeatable-page-master-alternatives fo:conditional-page-master-reference fo:simple-page-master fo:region-body fo:region-before fo:region-after fo:region-start fo:region-end fo:flow fo:static-content fo:title FO FO fo:block
16 FO fo:block-container FO FO fo:bidi-override Unicode bidi fo:character fo:initial-property-set fo:block fo:external-graphic FO fo:instream-foreign-object fo:inline fo:inline-container fo:leader fo:page-number fo:page-number-citation FO FO FO fo:table-and-caption fo:table fo:table-column fo:table-caption fo:table-and-caption fo:table-header fo:table-footer fo:table-body fo:table-row fo:table-cell
17 FO FO fo:list-block fo:list-item fo:list-item-body fo:list-item-label FO FO fo:basic-link fo:multi-switch FO fo:multi-case FO fo:multi-toggle multi-case fo:multi-properties fo:multi-property-set FO FO FO fo:float fo:footnote region-body fo:footnote-body FO FO fo:wrapper FO fo:marker fo: retrieve-marker fo:retrieve-marker
18 FO CSS2 FO FO FO FO FO FO display-alignrelativealign before-float Keeps and Breaks top
19 Extensible Stylesheet Language(XSL-FO)
20 XSL-FO XSL-FO fo:root 1 fo:layout-master-setfo:declarations( ) fo:page-sequence fo:layout-master-set fo:declarations fo:page-sequance( ) XSL-FO fo:page-sequence fo:page-sequence master-name (cover) (body) XSL-FO <fo:root> <fo:layout-master-set> <fo:simple-pagemaster master-name="cover"> </fo:simple-pagemaster> <fo:simple-pagemaster master-name="body"> </fo:simple-pagemaster> </fo:layout-master-set> <fo:page-sequence master-name="cover"> </fo:page-sequence> <fo:page-sequence master-name="body"> </fo:page-sequence> </fo:root>
21 fo:simple-page-master fo:page-sequence-master 2 1 ( fo:simple-page-master( ) fo:page-sequence-master fo: page-sequence-master fo:single-page-master-reference fo:repeatable-page-master-referencefo:repeatable-page-master-alternatives fo:repeatable-page-master-reference fo:repeatable-pagemaster-alternatives fo:repeatable-page-master-alternatives maximum-repeats master-name Extensible Stylesheet Language(XSL-FO) fo:repeatable-page-master-reference fo:simple-page-master fo: page-sequence XSL-FO Version1 fo:simple-page-master XSL- FO fo:simple-page-master master-name fo:simple-page-master fo:region-bodyfo-region-beforefo:region-afterfo-regionstartfo-region-end <fo:layout-master-set> <fo:simple-page-master margin-top="5mm" margin-bottom="5mm" margin-right="5mm" margin-left="10mm" master-name="pagemaster" page-height="297mm" page-width="210mm"> <fo:region-body margin-top="8mm" margin-right="8mm" margin-bottom="8mm" margin-left="8mm"/> <fo:region-before border-after-style="solid" border-width="thin" extent="5mm" display-align="after"/> <fo:region-after border-before-style="solid" border-width="thin" extent="5mm" display-align="before"/> <fo:region-start reference-orientation="270" extent="5mm"/> <fo:region-end reference-orientation="90" extent="5mm"/> </fo:simple-page-master> <fo:simple-page-master master-name="pagemaster-cover"> <fo:region-body margin-top="8mm" margin-right="8mm" margin-bottom="8mm" margin-left="8mm"/> </fo:simple-page-master> </fo:layout-master-set>
22 PageMaster A4 fo:region-before fo:region-after fo:region-start fo:region-end page-width page-height margin-topmargin-bottommargin-leftmargin-right region-body region-beforeregion-afterregion-startregion-end region-body region region-body xsl-region-bodyregion-before xsl-region-beforeregion-after xsl-region-afterregion-start xsl-regionstartregion-end xsl-region-end fo:page-sequence fo:static-content fo:flow fo:static-content fo:flow (fo:region-body) Extensible Stylesheet Language(XSL-FO) (fo:page-number)
23 <fo:page-sequence master-name="pagemaster"> <fo:static-content flow-name="xsl-region-before"> <fo:block text-align="center" font-size="small"> Extensible Stylesheet Language(XSL-FO) </fo:block> </fo:static-content> <fo:static-content flow-name="xsl-region-after"> <fo:block text-align="center" font-size="small"> - <fo:page-number/> - </fo:block> </fo:static-content> <fo:static-content flow-name="xsl-region-start"> <fo:block text-align="center" font-size="small"/> </fo:static-content> <fo:static-content flow-name="xsl-region-end"> <fo:block text-align="center" font-size="small"/> </fo:static-content> <fo:flow flow-name="xsl-region-body"> ( )---- </fo:flow> </fo:page-sequence> XSL-FO fo:page-sequence fo:page-sequence master-name fo:page-sequence-master flow-name flow-map XSL-FO Version1 flow-map
24 FO fo:block fo:block-container XSL-FO fo:block fo:block fo:block 14 keep-with-next fo:block <fo:block font-size="14pt" space-before="0.5em" space-before.precedence="1" space-after="0.5em" keep-with-next.within-page=" always" keep-with-next.within-column="always" start-indent="10mm"end-indent="10mm" id="idwfmy1"> </fo:block> fo:block-container fo:block-container fo:block-container <fo:block-container writing-mode="tb-rl" padding-before="3pt"padding-after="3pt" padding-start="3pt"padding-end="3pt" width="168mm"height="60mm"> <fo:block text-indent="1em" space-before="0.6em"space-after="0.6em" start-indent="10mm"end-indent="10mm" text-align="justify"> -- ()-- </fo:block> </fo:block-container> XML Web XML XML HTML XML SGML SGMLXML Extensible Stylesheet Language(XSL-FO)
25 XSL-FO fo:list-block fo:list-item list-item fo-list-item-label( )list-item-body( ) 1. XSL-FO xsl:number 2. list-item-label list-item-body XSL-FO <fo:list-block> <fo:list-item> <fo:list-item-label start-indent="inherit+ 5mm" end-indent="label-end()"> <fo:block> </fo:block> </fo:list-item-label> <fo:list-item-body start-indent="body-start()"> <fo:block>...</fo:block> </fo:list-item-body> </fo:list-item> <fo:list-item> <fo:list-item-label start-indent="inherit+5mm" end-indent="label-end()"> <fo:block> </fo:block> </fo:list-item-label> <fo:list-item-body start-indent="body-start()"> <fo:block>...</fo:block> </fo:list-item-body> </fo:list-item> </fo:list-block>
26 XSL-FO fo:table-and-caption fo:table Break XSL-FO <fo:table-and-caption> <fo:table> <fo:table-header> <fo:table-row> <fo:table-cell> <fo:block>...</fo:block> </fo:table-row> <fo:table-row> <fo:table-cell> <fo:block>...</fo:block> </fo:table-row> </fo:table-header> <fo:table-body> <fo:table-row> <fo:table-cell> <fo:block>...</fo:block> </fo:table-row> <fo:table-row> <fo:table-cell> <fo:block>...</fo:block> </fo:table-row> </fo:table-body> </fo:table> </fo:table-and-caption> fo:table fo:table-column fo:table-column column-width
27 <fo:table-column column-number="1" /> <fo:table-column column-number="2" column-width="24pt" /> <fo:table-column column-number="3" column-width="6em" /> <fo:table-column column-number="4" column-width="proportional-column-width(4)" /> <fo:table-column column-number="5" column-width="proportional-column-width(2)" /> col1 col2 col3 col4 col (padding) <fo:table-and-caption border-style="solid"> <fo:table border-collapse="separate" border-separation.block-progressiondirection="2pt" border-separation.inline-progression-direction="2pt"> <fo:table-body> <fo:table-row border-style="dotted" border-width="thin"> <fo:table-cell border-style="solid" border-width="thin"> <fo:block>1</fo:block> <fo:table-cell border-style="dotted" border-width="thin"> <fo:block>2</fo:block> <fo:table-cell border-style="dashed" border-width="thin"> <fo:block>3</fo:block> <fo:table-cell border-style="inset" border-width="thin"> <fo:block>4</fo:block> <fo:table-cell border-style="outset" border-width="thin"> <fo:block>5</fo:block> </fo:table-row> <fo:table-row> <fo:table-cell background-color="red"> <fo:block>1-1</fo:block> <fo:table-cell background-color="blue"> <fo:block>1-2</fo:block> <fo:table-cell background-color="green"> <fo:block>1-3</fo:block> <fo:table-cell background-color="yellow"> <fo:block>1-4</fo:block> <fo:table-cell background-color="blue"> <fo:block>1-5</fo:block> </fo:table-row>
28 <fo:table-row > <fo:table-cell background-color="pink" border-style="solid" border-width="thin" padding="5pt"> <fo:block border-style="solid" border-width="thin" background-color="gray" >2-1</fo:block> <fo:table-cell background-color="pink" border-style="solid" border-width="thin" padding="5mm"> <fo:block border-style="solid" border-width="thin" background-color="gray">2-2</ fo:block> <fo:table-cell background-color="pink" border-style="solid" border-width="thin" padding="3em"> <fo:block border-style="solid" border-width="thin" background-color="gray">2-3</ fo:block> <fo:table-cell background-color="pink" border-style="solid" border-width="thin" padding="1cm"> <fo:block border-style="solid" border-width="thin" background-color="gray">2-4</ fo:block> <fo:table-cell background-color="pink" border-style="solid" border-width="thin"> <fo:block border-style="solid" border-width="thin" background-color="gray">2-5</ fo:block> </fo:table-row> </fo:table-body> </fo:table> </fo:table-and-caption>
29 FO FO fo:externat-graphic FO <fo:inline font-style="italic"> </fo:inline> <fo:inline font-weight="bold"> </fo:inline> <fo:inline baseline-shift="super"> </fo:inline> <fo:inline baseline-shift="sub"> </fo:inline> Extensible Stylesheet Language(XSL-FO) fo:inline font-size 1 font-size FO <fo:block text-align="center"> <fo:inline font-size="8pt"></fo:inline> <fo:inline font-size="10pt"></fo:inline> <fo:inline font-size="12pt"></fo:inline> <fo:inline font-size="18pt"></fo:inline> <fo:inline font-size="24pt"></fo:inline> <fo:inline font-size="30pt"></fo:inline> <fo:inline font-size="36pt"></fo:inline> <fo:inline font-size="42pt"></fo:inline> <fo:inline font-size="48pt"></fo:inline> </fo:block>
30 Extensible Stylesheet Language(XSL-FO) fo:inline-container <fo:inline-container text-indent="0mm" last-line-end-indent="0mm" start-indent="0mm" end-indent="0mm"> <fo:block font-size="0.5em" text-align="center" line-height="1.3" space-before="-1.3em" space-before.conditionality="retain" wrap-option="no-wrap"> </fo:block> <fo:block text-align="center" line-height="1" wrap-option="no-wrap"> </fo:block> </fo:inline-container>
31 fo:footnote fo:footnote-body fo:footnote fo:footnote-body <fo:block text-indent="1em" space-before="0.6em" space-after="0.6em" start-indent="10mm" end-indent="10mm" text-align=" justify"> <fo:inline font-weight="bold"> Extensible Markup Language(XSL-FO <fo:footnote> <fo:inline baseline-shift=" super" font-size="75%"> (1) </fo:inline> <fo:footnote-body> <fo:block background-color="antiquewhite" start-indent="10mm" end-indent="10mm"> <fo:inline baseline-shift="super" font-size="75%"> (1) </fo:inline> XSL Extensible Stylesheet Language XSLT XPATH XSLTXPATH Internet Explorer XSL XML HTML </fo:block> </fo:footnote-body> </fo:footnote> </fo:inline> </fo:block> Extensible Stylesheet Language(XSL-FO (1) (1) XSL Extensible Stylesheet Language XSLT XPATH XSLTXPATH Internet Explorer XSL XML HTML
32 fo:page-number-citation fo:page-number-citation ref-id ID fo:inline ID fo:leader leader fo:page-number-citation fo:block textalign-lastjustify fo:page-number-citation fo:leader <fo:block space-before="2em" start-indent="10mm" end-indent="10mm" text-align-last="justify"> <fo:leader leader-pattern="dots"/> <fo:page-number-citation ref-id="xyz0211"/> </fo:block> <fo:block space-before="2em" start-indent="10mm" end-indent="10mm"> </fo:block> <fo:block start-indent="10mm" end-indent="10mm"> </fo:block> <fo:block start-indent="10mm" end-indent="10mm"> <fo:inline id="xyz0211"> </fo:inline> </fo:block> <fo:block start-indent="10mm" end-indent="10mm"> </fo:block>
33 XSL XSL XSL XSL XSL MicrosoftInsoArbortext W3C A Proposal for XSL Extensible Stylesheet Language XSL-FO XSLT XSL-FO XSLT XSL-FO Extensible Stylesheet Language XSL Transformations XSLT Extensible Stylesheet Language XSL-FO 2 XSLT 7 XSLT XML Path Language(XPath XSLTXPath W3C Microsoft InternetExplorer XML XSLT/XPath Microsoft W3C XSLT/XPath MSXML3.DLL InternetExplorer XML XSLT HTML+CSS Web XML XSLT HTML XSL-FO XML Microsoft XSL-FO XSL-FO Arbortext
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
XML XML XML XML XML XML 2000 12 XSL-FO XML XSL Formatter XSL XSL-FO XML XSL Formatter XML 1. XSL Formatter 2. D XML /XML 3. S XSL 4. O F 5. -2-
XML XML XML XML XML XML 2000 12 XSL-FO XML XSL Formatter XSL XSL-FO XML XSL Formatter XML 1. XSL Formatter 2. D XML /XML 3. S XSL 4. O F 5. -2- XSL XML / XML / 1. / XML 2. / XSL 3. XSL XML XSL XSL-FO 4.
Table of Contents はじめに... 4 XSL-FO 変換のステップ... 5 SampleDoc の構造... 6 Hello! World... 8 SampleDoc から XSL-FO への最も簡単な例... 8 スタイルシートの構造... 9 ブロック要素とインライン要素.
XSL-FO による XML ドキュメント印刷のためのスタイルシート作成方法 改訂 6 版 アンテナハウス株式会社 Table of Contents はじめに... 4 XSL-FO 変換のステップ... 5 SampleDoc の構造... 6 Hello! World... 8 SampleDoc から XSL-FO への最も簡単な例... 8 スタイルシートの構造... 9 ブロック要素とインライン要素...
XSL-FOによるXMLドキュメント印刷のためのスタイルシート作成方法
XSL-FO による XML ドキュメント印刷のためのスタイルシート作成方法 2008 年 5 月改訂 8 版 アンテナハウス株式会社 目次 はじめに...1 XSL スタイルシート作成のステップ...2 SimpleDoc の構造...3 Hello! World...5 SimpleDoc 文書から XSL-FO への変換の最も簡単な例...5 スタイルシートの構造...6 ブロック要素とインライン要素...6
経営論集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
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
_勉強会_丸山さつき_v3
CSS 2019/6/21 1 CSS CSS CSS!2 CSS Web!3 CSS HTML CSS CSS!4 CSS!5 !6 Id class id class CSS!7 !8 body 16px p 16px px, rem, em, %!9 !10 body 16px p 16px 1 CSS!11 !12 CSS CSS!13 CSS 4 CSS 1. OOCSS 2. SMACSS
本日のテーマ Formatter って何? Formatter や XSL-FO 関連の話 DITA Open Toolkit って何? DITA OT がやってくれることカスタマイズの話 Formatter って何? Formatter は XSL-FO のレンダリングエンジンです XSL-FO
美味しい DITA の作り方セミナー 10/12/20 1 AH Formatter で DITA を自動組版してみよう アンテナハウス株式会社 : 小林具典 10/12/20 2 本日のテーマ Formatter って何? Formatter や XSL-FO 関連の話 DITA Open Toolkit って何? DITA OT がやってくれることカスタマイズの話 Formatter って何?
1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.
1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.......................... 4 3......................
07_経営論集2010 小松先生.indd
19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT
Web データ管理 HTML+CSS (3) (2 章 ) 2011/10/19( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/23
Web データ管理 HTML+CSS (3) (2 章 ) 2011/10/19( 水 ) 1/23 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111019 演習
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)
山梨県ホームページ作成ガイドライン
17 7 ...1...4...4...4...4...5...5 W3C...5...6...6...6...7...8...8...10...10...10... 11...12...12...13...13...13...14...14...14...15...15...16...16...16...16...16...17...18 15 (2003 ) 69.7 81.1 43.6 19.6
~/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/
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
第6回 CSS入門（つづき）
Slide URL https://vu5.sfc.keio.ac.jp/slide/ Web 情報システム構成法第 6 回 CSS 入門 ( 続き ) 萩野達也 ([email protected]) 1 CSS の役割 HTML に表現を与える 背景 色, 画像, 画像の繰り返し 文字 色, 種類, 太さ, 傾き, 大きさ 文書 整列 ( 左揃え, 中央揃え, 右揃え, 均等割り付け )
about かみのごうや たいち 大阪府出身 東京都在中 28歳 うお座 O型 ゾウと写真が好き 2xup.org を管理
CSS Taichi Kaminogoya 2007-03-24T13:30:00+09:00 about かみのごうや たいち 大阪府出身 東京都在中 28歳 うお座 O型 ゾウと写真が好き 2xup.org を管理 CSS photo by timlovesbrian. http://www.flickr.com/photos/cmsspork/417022096/ http://creativecommons.org/licenses/by/3.0/
Web 設計入門
情報処理技法 ( マルチメディアと表現 )I 第 12 回 CSS によるレイアウトデザイン (2) D.Mitsuhashi 1 クロスブラウジング D.Mitsuhashi 2 クロスブラウジング ブラウザや OS によって レンダリングには少なからず差異が存在する 同じソースで記述しても 表示が異なる場合がある なるべく 表示の差異を最小化し, 共通の視覚的デザインを提供すべき D.Mitsuhashi
SVG 6 ( 3) I(SVG) 2017/5/30 HTML (1) 1 2 4 5 6 XMLとは、eXtensible Markup Languageの略で、拡張可能なマーク付け言語である
XML ... 2... 2... 2... 3... 4... 4... 5... 6... 6... 6... 7... 8... 8... 9... 9... 12... 12... 14... 15... 15... 15... 15... 15... 16... 16... 17... 17... 18... 19... 20... 21... 22... 28... 29... 30 1
年刊EDP 2003
1 2 3 HDD HDD HDD HDD ( 4 !!! ( )!! HDD ( )!! ( )!!(ry YU-SHOW!!!!!!!! HxH 5 HDD ( 0123-456-789 ( e 6 PC PC psd 7 8 YO! WebPage http://mode.jp/ PowerTone 9 A4 Canon PIXUS850i 1,440dpi 720dpi A4 10 etc
16 (2) 23 - <div class="col-12 col-md-4"> </div> 23 + <div class="col-12 col-md-4 bg-info text-white text-md-right"> </div> HTML bg-info #17
16 (2) Elixir/Phoenix 16.1 web/templates/plan_items/show.html.eex 3 - 3 + 7 -
2 2 2 6 9 9 10 14 18 19 21 22 22 Java 23 24 25 25 26 30 31 32 39 46 53 55 58 2 2.0 2.0R Ver.2.0R Java Java 2.0 2.0R 2.0R 2.0 Ver2.0 2.0R Ver2.0R 19 Sun Sun Microsystems Java Java Sun Microsystems, Inc.
Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet
2012 Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheets CSS2 CSS3 Web Web2.0 Web3.0 Web IT Web Homepage
スタイルシートでデザインを整えよう
スタイルシートでデザイン (2) CSS (Cascading Style Sheets) ここまで HTML は文章の意味的な役割を記述するもので 表示はブラウザ次第であることを強調してきました あるブラウザでの表示方法を前提に HTML で見た目を制御しようとすると 他の環境では意味が通じにくい 相互運用性の低い情報となってしまいます Web の表現を作者が指定するには HTML ではなく スタイルシートという別の機能をもちいます
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),
1 JIS X 8341-3:2016 WCAG2.0 http://waic.jp/docs/wcag2/understanding.html WCAG2.0 http://waic.jp/docs/wcag2/techs.html 2 ... 1... 3... 6 1.1... 6 1.2... 7... 8 1.1.1... 8 1.2.1... 13 1.2.2... 14 1.2.3...
【お試し版】Web制作者のためのCSS設計の教科書（非売品）
UI Frontrend JS Girls html5j HTML5 CSS3 iphone Twitter : http://twitter.com/hiloki : http://inkdesign.jp GitHub : https://github.com/hiloki/ URL http://www.impressjapan.jp/books/1113101128 Web 10 IT UI
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
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
Webプログラミング演習
Web プログラミング演習 STEP11 XSLT を使った画面生成 XML:Extensible Markup Language コンピュータが扱うデータや文書を表現する技術 SGML(Standard Generalized Markup Language) の改良 利用者が自由に拡張可能なマークアップ言語を設計 HTML=SGML を利用して作成された Web ページ記述言語 XHTML=XML
ProVisionaire Control V3.0セットアップガイド
ProVisionaire Control V3 1 Manual Development Group 2018 Yamaha Corporation JA 2 3 4 5 NOTE 6 7 8 9 q w e r t r t y u y q w u e 10 3. NOTE 1. 2. 11 4. NOTE 5. Tips 12 2. 1. 13 3. 4. Tips 14 5. 1. 2. 3.
DITA Festa2017 Tokyo 発表資料 もう一つの標準スタイルシート DSSSL による自動組版エンジンのご紹介 ネクストソリューション株式会社 平野淳 2017/12/7 NEXTSOLUTION CO.,LTD. TEL URL htt
DITA Festa2017 Tokyo 2017.12.07 発表資料 ネクストソリューション株式会社 平野淳 1. 会社概要 2.DSSSLについて 3. 自動組版プログラム DSSSLprint 4.DSSSLprintのDITA-OT 対応 5. 今後の展開 2 ネクストソリューション株式会社 本社 : 東京都調布市設立 1990 年 4 月 事業 : 実績 : ソフトウェア開発 1. マニュアル制作支援システムの開発
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
1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6.....................
web 0448039 1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6...................... 3 7 HTML CSS.................... 3 8....................
ホームページ制作 基礎編 (HTML5 CSS3 コーディング )
ホームページ制作 基礎編 (HTML5 CSS3 コーディング ) ホームページ制作 基礎編 ホームページ制作 基礎編 目次 はじめに 5 はじめに... 5 本教材について 5 WEB サイト制作の概要... 5 Web サイト制作の流れ 5 サイト制作に必要なプログラミング言語 6 HTML 7 HTML について... 7 HTML について 7 HTML の記述方法 7 HTML の解説 8
Microsoft PowerPoint - css-3days.ppt [互換モード]
![Microsoft PowerPoint - css-3days.ppt [互換モード]](/thumbs/91/105346015.jpg "Microsoft PowerPoint - css-3days.ppt [互換モード]")
情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,
2004-2006 2004-2006 CSS Web Quiz LOVE PC 2012 4 Windows 8 / CPP Fluid PE CSS3 RWD Quiz 1. 2. 3. 4. 1. 2. 3. 4. CSS3 #btn {! display:block;! width:300px;! font-size:28px;! font-weight:bold;!
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...........................
PDF PDF Windows Vista Windows Vista Windows Windows XP Windows XP Windows Microsoft Office Excel 2007 Excel 2007 Excel Microsoft Office Excel 2003 Excel 2003 Excel Windows Internet Explorer 7 Internet
1 1 1.................... 1 2...................... 2 3................... 3 2 5 1.............................. 5 2........................ 6 3.................... 9 3 11 1...........................
IFRS 2011
IFRS 2011 International Financial Reporting Standards XBRL(eXtensible Business Reporting Language) EDINET XBRL XBRL XBRL IFRS Contents Contents... 2... 3... 6... 8... 10...11...11... 12... 14... 14...
Lotus Domino XML活用の基礎!
IBM Software Group Lotus Domino XML 2 Agenda Domino XML Domino XML Lotus Domino Web XML Lotus Domino Web XML XML 3 Domino XML Language (DXL) XML Lotus Domino Lotus Notes/Domino R5 Lotus Notes/Domino 6.x
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
スライド 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 チェック制約
untitled
25 10 12 11 24 (1) 14 (2) 26 10 44 (3) (4) (5) 27 10 68 (6) (7) (8) 25 10 ( ) (1) (2) (3) ) city.yokohama.lg.jp city.yokohama.jp WEB WEB WEB WEB WEB WEB 1 25 10 WEB WEB (1) (2) (3) (4) 25 10 (1) WEB (2)
transform: translatex(x 方向の移動距離 ) transform: translatey(y 方向の移動距離 ) transform: translate(x 方向の移動距離, Y 方向の移動距離 ) transform: translate 関数は 移動する位置ではなく 移動
1225-8 練習 8 Translate Balls(translateX, translatey, translate) transform プロパティの translate 関数を使用して 2 つのボールを斜めに転がすトランジシ ョンを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover すると 2 つのボールが斜 めに転がります 動きの仕組み このトランジションは
XMLテクノロジを使いやすくする
XML 2005 9 XML... 3... 3 XML... 5 DOM XML... 5 DOM 3.0 Load and Save... 5 DOM 3.0 Validation... 8 SAX XML... 11 SAX... 11 XSL... 12... 13... 13... 14... 14 XML... 15 XML... 15 JAXB CLASS GENERATOR... 16
1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................
HTML 1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ 4 2..................... 6 3.....................
ohp.mgp
2019/06/11 A/B -- HTML/WWW(World Wide Web -- (TA:, [ 1 ] !!? Web Page http://edu-gw2.math.cst.nihon-u.ac.jp/~kurino VNC Server Address : 10.9.209.159 Password : vnc-2019 (2019/06/04 : : * * / / : (cf.
.xml.xsl bcs.dtd 2. 提案 BCS.DTD のエレメントと属性 BCS.DTD のエレメントの属性を以下に示す 出 エレメント説明 現 属性 下位構造 数 code 適宜工事コード等を記述する 任 意 Common Docinfo Reference UkeoiKeiyakusyoHikaeSoufusyo KoujiTyakusyuTodoke SongaihokenKeiyakuHoukokusyo
PowerPoint Presentation
HTML5 Level.1 Markup Professional HTML5 Level.2 Application Development Professional http://www.html5exam.jp/ @html5cert https://www.facebook.com/html5exam