Table of Contents XML...5 XSLT...6 XSLT...7 XSLT...7 XSL-FO XSLT...7 XSL-FO...8 XSL-FO XSL-FO Keep
|
|
|
- さあしゃ やすこ
- 5 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 ドキュメント印刷のための スタイルシート作成方法 2016 年 3 月改訂 10 版 アンテナハウス株式会社 目次 はじめに... 1 XSL スタイルシート作成のステップ... 3 SimpleDoc の構造... 4 Hello! World... 7 SimpleDoc 文書から XSL-FO への変換の最も簡単な例... 7 スタイルシートの構造... 8 ブロック要素とインライン要素...
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
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
_勉強会_丸山さつき_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 って何?
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)
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
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
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)
8 7 + <div class='col-12 col-md-8'> 8 <%= item.description %> 9 </div> 10 </div> 11 <% end %> 12 </div> class container container-fluid PicoPlan
8 Bootstrap 8.1 PicoPlanner responsive web design PC plan_items#index app/views/plan_items/index.html.erb 1 - 1 + 2 3 - 3 +
PowerPoint プレゼンテーション
3 Webデザイナーに求められる知識 優秀な HTML, CSS, 画像編集, JavaScript, jquery, XML, 色 彩理論, LL, データベース, SEO, SMO, EFO, コピーラ イティング, テキストライティング, イラストレー ション, Flash, ディレクション能力, プロジェクトマ ネジメント, Logo作成, Typography, サーバ管理, PHP, Perl,
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 演習
(2) IT Web, ( ) Web Copyright XML 2007 All rights reserved. 3 (3) IT ( ) IT All Win 2007 All rights reserved. 4
Copyright XML 2007 All rights reserved. 1 (1) ( ) 2007 All rights reserved. 2 (2) IT Web, ( ) Web Copyright XML 2007 All rights reserved. 3 (3) IT ( ) IT All Win 2007 All rights reserved. 4 Web XML XML
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)
橡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])
立ち読みページ
6 6 46. 47. 48. 49. 50. 51. 52. 53. 146 148 150 152 154 158 160 162 6 46 Web ( ) table tr td th >> HTML
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
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
Web 設計入門
Web デザイン実践 #4-1 CSS(2) D.Mitsuhashi 1 HTML5 コンテンツモデル D.Mitsuhashi 2 コンテンツモデル HTML5 の要素は意味の上で 7 つのカテゴリに分けられる コンテンツモデルから 要素の中に何を含んでよいかが決定される 参考 W3C: HTML5 content models http://www.w3.org/tr/html5/dom.html#content-models
山梨県ホームページ作成ガイドライン
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 入門 ( 続き ) 萩野達也 (hagino@sfc.keio.ac.jp) 1 CSS の役割 HTML に表現を与える 背景 色, 画像, 画像の繰り返し 文字 色, 種類, 太さ, 傾き, 大きさ 文書 整列 ( 左揃え, 中央揃え, 右揃え, 均等割り付け )
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/
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/
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
Web 設計入門
情報処理技法 ( マルチメディアと表現 )I 第 12 回 CSS によるレイアウトデザイン (2) D.Mitsuhashi 1 クロスブラウジング D.Mitsuhashi 2 クロスブラウジング ブラウザや OS によって レンダリングには少なからず差異が存在する 同じソースで記述しても 表示が異なる場合がある なるべく 表示の差異を最小化し, 共通の視覚的デザインを提供すべき D.Mitsuhashi
Windows Macintosh 18 Java Windows 21 Java Macintosh
2 2 2 6 6 6 12 16 17 18 Windows Macintosh 18 Java Windows 21 Java Macintosh 23 25 26 26 27 33 34 40 48 55 57 60 Sun Sun Microsystems Java Java Sun Microsystems, Inc. Microsoft Windows Windows Microsoft
SVG 6 ( 3) I(SVG) 2017/5/30 HTML (1) 1 2 4 5 6 Web プログラミング 1 HTML+CSS (3) (2 章 ) 2013/5/8( 水 ) 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用で
Web プログラミング 1 HTML+CSS (3) (2 章 ) 2013/5/8( 水 ) 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web プログラミング 1 20130508 演習
要素にフォーカスが当たったときは 例えば以下のように記述する input:focus{} 疑似要素 p:first-lin{ } 一行目だけ p:first-letter{} 最初の文字だけ要素の前や後に付け加えるには 以下のように記述する p:before{content:" 記号や文字 ";}
css とは web ページを構築する上で 主に見た目にかかわる部分を記述するものである 記述方法は html の に直接書く方法 のタグに一つ一つ書く方法と 別の ファイルとして書いておく方法がある 1つ目の方法は タグを に記述して起き その中に css で記述する 2つ目の方法は 例えば
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
Web
Web 1 1 1........................... 1 2 Web...................... 1 3...................... 3 4........................ 4 5........................... 5 i............................ 5 ii iii..........................
27短01研01斉藤.indd
WordPress を用いたホームページ作成 Making a homepage using the WordPress 斎藤敏之 Toshiyuki SAITOH キーワード 1. はじめに WordPress WordPress PC PC WordPress HTML CSS HTML CSS WordPress 2.HTMLとCSSの基礎 HTML CSS World Wide Web Consortium
年刊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 -
HTML Flash Alt 2
1 HTML Flash Alt 2 [ ] [ ] HTML CSS [ ] 3 1 BGM 4 TAB IT 5 Ver1.0 HTML HTML HTML HTML URL HTML HTML.HTML.HTM 6 HTML h1 h6 *1 HTML title *1 7 HTML img ALT *1 *1 ALT HTML img ALT ALT img ALT ALT * - ALT
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),
B 20 Web
B 20 Web 0753018 21 1 29 1 1 6 2 8 3 UI 10 3.1........................ 10 3.2 Web............ 11 3.3......... 12 4 UI 14 4.1 Web....................... 15 4.2 Web........... 16 4.3 Web....................
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...
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
【お試し版】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
ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必
1252-1 ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必要もありません すべて CSS3 の機能だけで作成されています サンプル CSS1 形と色が変化するリンクボタン
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
子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top
1116 位置の記述方法について (position, top, right, bottom, left) ここまでの説明では ボックスの大きさを変えると その後ろや下にある他のボックスの位置が移動してしまいました それは margin プロパティが隣接するボックスとの間の空白を指定しているからです position プロパティを使用すると ボックスの配置位置を指定して位置を固定させたり 移動できるようにすることができます
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.
id, クラスで指定 (#id 名,.class 名 ) 4. 様々なセレクタ a,b :a と b を指定 a b :a の下の階層の b を指定 a>b :a の直下の b を指定 a+b :a の次の b を指定 ab :a かつ b を指定 5. 属性セレクタ a[b] :a タグ内で b
![id, クラスで指定 (#id 名,.class 名 ) 4. 様々なセレクタ a,b :a と b を指定 a b :a の下の階層の b を指定 a>b :a の直下の b を指定 a+b :a の次の b を指定 ab :a かつ b を指定 5. 属性セレクタ a[b] :a タグ内で b](/thumbs/91/105346023.jpg "id, クラスで指定 (#id 名,.class 名 ) 4. 様々なセレクタ a,b :a と b を指定 a b :a の下の階層の b を指定 a>b :a の直下の b を指定 a+b :a の次の b を指定 ab :a かつ b を指定 5. 属性セレクタ a[b] :a タグ内で b")
CSS まとめ 1. CSS とは? ホームページを作る技術の一つで, 見た目の記述をするもの. W3C で作成されており,W3C のサイトで仕様を確認できる. 2. CSS が記述できる場所 1 style タグで記述 (html 内に記述 ) する. 2 style 属性で記述 (html 内に記述 ) する. 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
インターネット社会の発展
インターネット入門 第 8 回 Web ページの作成法 総合情報学部情報科学科榊原道夫, 河野敏行, 大西荘一 目次 1. Web ページの作成 2. タグによる作成手順 3. HTML の基本 4. 作ってみよう 5. スタイルシートの利用 Web ページの作成 作成に必要なアプリケーション HTML エディター 専用ソフト テキストエディター 画像編集ソフト コンテンツ作成ソフト Flash ファイル転送ソフト
css.pdf
1 2 Web (2) HTML ( ) HTML CSS CSS = Cascading Stye Sheet (CSS) W3C (Word Wide Web Consortium, Web ) 2006-2018 Harumi Murakami and Kota Abe HTML&CSS 3 1990 Web HTML Web 1993 Web , , HTML HTML&CSS
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
CSSNite-LP54-kubo-ito.key
div { div { width: ; div { width: 100%; div { width: 100%; div { width: 100%!important; a { color: #000!important; .box { padding: 20px; border: 4px solid #666; h1 { color:
Microsoft PowerPoint - css-3days 互換モード
情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,
分散情報システム構成法
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
! "#$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ
![! #$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ](/thumbs/91/105561973.jpg "! #$%&'()*+,-. 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{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ
Microsoft PowerPoint - css-3days 互換モード
情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,
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,
EC 千葉のホームページで使用している CSS CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body { background-ima
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body background-image: url("../images/wallpaper1.gif"); /* == 記事記入枠 container ( 全画面共通 )=========
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...........................
r6.dvi
13 1 WYSIWYG/ 2013.5.21 1 WYSIWYG/ (LaTeX HTML+CSS ) 2 Web 3 ( GUI) 4 Web (1) 5 Web (2) 1 1.1 ( ) ( ) 1 1: / ( 1) ( ) ( ) 1 1 ( 2) / (text editor) Emacs Windows Mac OS X Unix ( ) (script) 2: 1.2??? 1 (
XML XML (Extensible Markup Language) ISO SGML (Standard Generalized Markup Language) W3C (World Wide Web Consortium) XML 1.0
XML 2-1 XML XML (Extensible Markup Language) ISO SGML (Standard Generalized Markup Language) W3C (World Wide Web Consortium) XML 1.0 http://www.w3.org/tr/rec-xml http://www.fxis.co.jp/xmlcafe/tmp/rec-xml.html
overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ
1225-6 練習 6 Overflow The Stage(overflow) ピエロの玉乗りがステージの外から入って外へ出て行くトランジションを作ってみましょ う Hover ボタンの上をマウスポインター ( カーソル ) で hover すると ピエロの玉乗りが ステージの外から入って外へ出て行きます 動きの仕組み このトランジションは 次の3つの動きの組み合わせで動きます 1 ピエロとボールの横方向の動き
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...........................
ブロックの 1 文字目のを変更する セレクタ : first-letter { 1 文字目のを指定するフォントや文字色 背景色 枠線などの ブロックの 1 文字目を字下げする text-indent: 字下げ幅段落の1 文字目の字下げ幅を指定する em( 標準 1em) px( ピクセル ) pt(
演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 HTML+CSS (4) (2 章 ) 2013/5/15( 水 ) 演習名 使用するフォルダ 演習 1 Z: Webプログラミング1 20130515 演習
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...
ように記述をします div1 要素 span 要素 2 個 div3 要素 span 要素 4 個 div5 要素 span 要素 1 個 div7 要素 span 要素 2 個 div2 要素 span 要素 1 個 div4 要素 span 要素 2 個 div6 要素 span 要素 2 個
1238-2 円形グラデーションのトランジション ラディアルグラデーションのトランジション W3C 仕様では background-image プロパティは transition プロパティでのトランジションや後で アニメーション編 に出てくる animation プロパティでのアニメーションができないようになっています ラディアルグラデーションの radial-gradient( ) 関数と repeating-radial-gradient(
transform: skewx(x 軸の傾斜角度 ) transform: skewy(y 軸の傾斜角度 ) transform: skew(x 軸の傾斜角度, Y 軸の傾斜角度 ) skewx( ) は X 軸に沿って傾斜します skewy( ) は Y 軸に沿って傾斜します skew( ) は
1225-9 練習 9 Skew Wheel(skewX, skewy, skew) カラーホイールが斜めに回転するトランジションを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover すると カラーホイールが 回転しながら斜めに傾いていきます 動きの仕組み このトランジションは 次の3つの動きの組み合わせで動きます 1 カラーホイールの画像の傾き transform
SNS 14,917,000,000 10,780,000 SNS 8,850,000,000 14,900,000 MobileSpace 8,000,000,000 3,000,000 SNS 6,000,000,000 6,000,000 3,863,000,000 22,100,000 3,790,000,000 8,970,000 i i 3,500,000,000 6,000,000 2,001,000,000-1,900,000,000
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
r6.dvi
14 1 WYSIWYG/ 2014.5.27 1 WYSIWYG/ (LaTeX HTML+CSS ) 2 Web 3 ( GUI) 4 Web (1) 5 Web (2) 1 1.1 ( ) ( ) 1 1: / ( 1) ( ) ( ) 1 1 ( 2) / (text editor) Emacs Windows Mac OS X Unix ( ) (script) 2: 1.2??? 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 チェック制約
Ｗｅｂデザイン論
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_ 課題 本文 :
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 つのボールが斜 めに転がります 動きの仕組み このトランジションは
CSS3
オレたちAndroid CSS @media only screen and (max-device-width: 480px) {! div#wrapper {!! width: 400px;! }! div#header {!! background-image: url(media-queries-phone.jpg);!! height: 93px;!! position: relative;!
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
Color Change
1229 Text の 3D トランジション (rotatex, rotatey) テキストが 3D で変形するトランジションを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover すると テキストが 3D で 変化するトランジションが動きます プロパティ transform: rotatex( ) rotatey( ) 要素を 3D 回転するときに指定します
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.....................
Microsoft Word - Printing_Improvements
印刷機能の改善 : Windows Internet Explorer 8 Beta 1 for Developers Web 作業の操作性を向上 2008 年 3 月 詳細の問い合わせ先 ( 報道関係者専用 ) : Rapid Response Team Waggener Edstrom Worldwide (503) 443 7070 rrt@waggeneredstrom.com このドキュメントに記載されている情報は
/var/lib/sharelatex/data/compiles/5b35c6e168aeba3d a72a7acd11f6ba07fbbff68/output.dvi
SuperSQL 2018 7 5 1 2 2 2 2.1.................................... 2 2.2 SSedit....................................... 2 3 2 3.1 SSedit..................................... 2 3.2 ssql.................................
トリガーをわかり易くする方法
1221 トリガーをわかり易くする方法 (cursor, border-radius) 例えばブラウザにつぎのような画面が表示されていたら あなたはこの手の画像を何だと 思いますか? ほとんどの方が ハンドサインじゃないの? か 右方向を示しているのでしょう? と思われたのではないでしょうか 実は 私は手の画像をクリックすると画像が transition で右方向へ移動するように css を記述してあったのですが
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