バッチ組版のためのXSL-FO指南
|
|
|
- あつみね はやしもと
- 9 years ago
- Views:
Transcription
1 バッチ組版のための XSL-FO 指南 2011 年 11 月第 4.0 版 有限会社イー エイド アンテナハウス株式会社
2 バッチ組版のための XSL-FO 指南 藤島雅宏 編著アンテナハウス株式会社 協力第 4.0 版 2011 年 11 月 11 日 発行発行者 : 藤島雅宏 有限会社イー エイド
3 はじめに この解説書では W3C (1) の勧告による XSL1.1 (2) を基本としてます 近年 CSS3.0 の改良に合わせて XSL-FO(XSL Formatting Object) にも多くの機能がアンテナハウス拡張機能として追加されました アンテナハウス ( 株 ) の AH Formatter V6.0 に実装された新たに追加された機能の使い方を含めて解説をします AH Formatter V6.0 は 2011 年 10 月に発表された Formatter の最新版で XSL-FO による組版だけでなく CSS3 によるページ組版をも実現した画期的なフォーマッタです この解説書では XSL-FO による組版仕様を解説しております CSS による組版用スタイルシートについては別の教科書を参照して下さい XSL-FO をお使いの皆さんが実務上でご利用いただけるように XSL-FO の機能をできるだけ網羅して解説するようにしました しかし XSL-FO の総括的な解説書ではありませんので 詳しくは XSL-FO の源資料である W3C の XSL1.1( 英文 ) か 2010 年 10 月 20 日に日本語化されて日本規格協会から発行された JIS X 4179 を参照して下さい また Formatter V6.0 のオンラインマニュアルにも拡張機能に対する解説や技術資料がありますので参照して下さい AH Formatter では XML 文書から XSL スタイルシートを用いて XSL-FO に変換する XSLT プロセッサとして Windows で標準的に組み込まれている Microsoft 社の MSXML3 又は 4 を使っています この解説書自身も XML 文書と XSLT によるスタイルシートを使って作られています しかしながら ここでは XSL-FO に主眼をおいていますので 説明の例は直接 XSL- FO で記述したものを主体に提示しています この解説書は XSL-FO の機能を分かりやすく実例を挙げて解説しています 実務上では XSL-FO を直接書き出すことは少ないでしょうが XSL-FO を生成する手法については他の教科書に譲って ここでは説明の都合上理解の手助けになるもののみ XSLT にも言及しています アンテナハウス ( 株 ) の AH Formatter V5.x と AH Formatter V6.x とでは 組版機能上の差異があり 一部のプロパティでは使い方が異なったり V6 から新たに加わった機能もあります アンテナハウス ( 株 ) は今後 AH Formatter V6.x へ移行していきますので この解説書も最新版の AH Formatter V6.0 に合わせて解説しております (1) W3C(World Wide Web Consortium) は Web 標準の策定に取組む国際的なコンソーシアム国際学術研究機関です (2) XSL(Extensible Stylesheet Language) Version1.1 は 2006 年 12 月 5 日に勧告が出されました
4 アンテナハウス ( 株 ) では日本語組版を充実させるために独自追加機能を提案し 採用しています これが大変有用ですので この解説書では積極的に使用しています これらの拡張機能はアンテナハウス ( 株 ) の AH Formatter 以外では使用できないのですが この解説書を利用する方々の多くが 他のフォーマッタを使用する必要性がないと思いますので 特に意識せず通常の機能の如く扱っています 拡張要素には 名前空間識別子の axf: が付されていますので これに注目していれば 万一他のシステムへ移行するときに峻別することは容易です 特に気を付けなければならない点は AH Formatter V6.0 では 独自の追加プロパティが AH Formatter V5.x と違ったり プロパティの値が拡張されています プロパティの拡張分は基準のプロパティとの区別が付きませんので 他社のシステムでは希望の機能が作用しないことを十分ご認識の上運用して下さい V5.0 以降で追加された拡張機能を示すために V5.0 及び V6.0 などと表示を付加しました アンテナハウス ( 株 ) では 逐次改訂版がリリースされています 最新のニュースと共に 改訂情報をチェックすることをお勧めします 改訂版に付いて 本書 V4.0 版では AH Formatter V6.0 で新たに加わった拡張機能を解説すると共に これまでの版で使いにくかった所や例題を改善しました トンボ出力は アンテナハウス ( 株 ) の追加仕様であり AH Formatter V6.0 Lite ではサポートされていませんが 有用な機能ですので仕様を掲載しました この他 V6.0 Lite では 拡張機能でサポートされていないものがあります 謝辞 この解説書のベースは アンテナハウス ( 株 ) の Web ページに紹介されている XSL-FO の例題を 一つに纏め筆者なりに一部手を入れたり 新しい例題を追加したりしました このような流用を快くご承諾下さり 内容についてアドバイス下さいましたアンテナハウス ( 株 ) の小林徳滋社長と技術担当の皆様に感謝致します また フォントのバリエーションを示すために使わせて頂いた様々なフォントは ( 株 ) ニィスの製品です サンプル用として快くご提供下さいました ( 株 ) ニィスの伊藤晃社長に感謝致します
5 - 目次 - 1. XSL-FO と XSLT... 1 XSLT について... 3 p 要素... 3 XSLT による XSL-FO の作り方 XSL-FO の基礎... 7 用紙と領域... 7 用紙と領域の設定... 7 領域の位置関係... 7 用紙と領域設定の例... 8 要素と属性 ( プロパティ ) fosimple-page-master と関連属性 用紙サイズの簡略設定 margin 設定 margin の簡略記法 属性値の読み方 簡略記法の注意点 領域設定と関連属性 ページ指定の簡単な例 writing-mode="lr-tb" の例 ( 横組み ) writing-mode="tb-rl" の例 ( 縦組み ) FO 要素と属性 新しく出現した FO 要素 新しく出現した属性 reference-orientation と writing-mode 領域の幾何的定義 領域の要素 行内領域 (inline-area) 正規割付長方形 大割付長方形 XSL-FO の詳細へ フォントサイズの設定 基本用紙サイズ 基本文字サイズ 長さの単位 font-size の基本仕様 i -
6 フォントサイズを直接設定する 段落単位でフォントサイズを設定する フォントサイズの絶対指定 フォントサイズの相対値指定 フォントの太さ font-weight の基本仕様 太さの絶対値指定 フォントストレッチ font-stretch の基本仕様 絶対指定 縦組み時の絶対指定 相対指定 縦組み時の相対指定 パーセント指定 縦組み時のパーセント指定 数値指定 縦組み時の数値指定 font-stretch と " 空白 " font-stretch 指定時の " 半角 / 全角スペース " 全角文字幅 "wch" v5.1 の導入 横組み場合 縦組みの場合 フォントファミリーの設定 font-family の基本仕様 直接指定 共通指定 代替えフォントの指定 font-selection-strategy の基本仕様 文字の指定 文字をコードポイントで指定 異体字選択 OpenType フォントの字体切り替え CJK の切替 リガチャ 代替え字形の指定 axf:alt-glyph 文字列の置換 ii -
7 数字列の置換 漢数字 漢数字の形式指定 漢数字文字指定 位取り文字指定 漢数字への変換の仕方 文字修飾 文字の修飾いろいろ 文字修飾のプロパティ axf:text-underline-position baseline-shift 約物の処理 行頭 行末での全角約物の半角扱い 連続する約物の詰め処理 句読点のぶら下げ処理と行頭突き出し処理 行頭 行末禁則処理 禁則約物の追加及び削除 追い込み処理 axf:avoid-widow-words 和 欧文間の空き 和 欧文間の空きに対する拡張 axf:text-autospace-width 文字間の空きの設定 letter-spacing による調整 justify との関係 letter-spacing の調整 段落内の文字の配置 text-align text-align の設定 行頭字下げ 行の高さ指定 絶対値で行の高さを指定 相対値で行の高さを指定 異サイズの文字があるときの行の高さ 絶対値で行の高さを指定した場合 相対値で行の高さを指定した場合 iii -
8 line-height の纏め line-height の値とは line-stacking-strategy と行の高さ line-stacking-strategy による行の高さの変化 line-stacking-strategy とは 行内領域との関係 組方向 ページ内に横組みと縦組みの混在 縦組みの例 縦組み中横組み 平体指定時の縦組み中横組み fo:inline-container での組方向変更 英文組版 ハイフネーションなど 欧文組版のための拡張 一般的なハイフン付け特性 欧文組版のためのその他のプロパティ SOFT HYPHEN のグリフの出力 ルビ機能の拡張 V6.0 によるルビ拡張 モノルビ グループルビ 熟語ルビ ルビ拡張要素 ルビ拡張プロパティ 熟語ルビ 縦組みでのルビ 圏点 圏点関連のプロパティ 圏点の作例 保持及び分割 分割 改行 改段 改ページ 保持 分割の禁止 境界線 iv -
9 境界線の種類と太さ ( 対角線を含む ) 境界線を引く指定の仕方 境界線を引く辺を指定する 別々に各辺の指定をする border 指定の省略形 padding を使った場合 padding 指定のプロパティ margin を使った場合 その他のマージン特性 一般的な行内レベルのマージン特性 ボーダーとパディング 角丸 ボーダーやエリアを角丸にする 影を付ける テーブル テーブルの構造 テーブルの要素 テーブルの基本的サンプル テーブルにおける注意事項 テーブルに用いられる一般のプロパティ テーブル独自のプロパティ テーブルのカラム幅の設定 自動モード 固定モード カラムスパンとロースパン テーブルのボーダーとパディング 自動レイアウトの場合 固定レイアウトの場合 テーブルセルに角丸 セル内の文字の配置 text-align text-align="string" text-align="string" の拡張 display-align display-align の拡張値 :"justify" relative-align v -
10 32. テーブルのページ分れ 表のヘッダ フッタの繰り返し 表のヘッダ フッタを繰り返す ヘッダ フッタの繰り返しの拒否 分断されたテーブルセルの上下の線を生かす 分断されたテーブルセルの内容を繰り返す テーブルマーカー テーブルの続きを表示 小計の表示 レイアウトに変化を付ける テーブルの外枠の太さを変える テーブルの外枠に角丸を指定する テーブルの外枠とヘッダの一体化 テーブルの外枠を消す 斜線を用いた例 テーブルセル内での縦組み指定 表頭を回転させる テーブルの回転 幅広のテーブルを収める 箇条書き リストの構造 リストの FO 要素 リスト形式の基本的構造 リスト形式のフォーマット 番号なしリストのフォーマット 番号付きリストのフォーマット 定義リストのフォーマット リストブロックをネストする 実例中での箇条書きの例 リーダー リーダーの FO 要素 リーダーのプロパティ fo:leader fo:leader の単純な指定 leader-pattern の値を "rule" にする leader-pattern の値を "use-content" にする vi -
11 リーダーを広げる use-content に特殊文字を 行の中で fo:leader を2 回使う 行外ブロックの処理 float の FO 要素と属性 float の FO 要素 fo:float の属性 開始 終了フロートと図形 開始 終了フロートと intrusion-displace 指定 フロートと clear=inside/outside 前方 / 開始 / 終了フロートと脚注 フロートと脚注 拡張フロート機能 ページや段を意識した拡張 フローティング関係の拡張プロパティ 新しく拡張された単位 フロート拡張機能の事例 ページのフロートと段のフロート 脚注 傍注 脚注と傍注 脚注に対するテンプレート 脚注との分離など 脚注番号に対する拡張機能 段組時の脚注 脚注に関する拡張機能 脚注の配置 段組み ページ全体を段組にする 段組に関係するプロパティ block-container の中で段組にする balance を制御する 段間罫 通常の段間罫 段間罫の制御 最後の段に罫を引かない 最後の段にも罫を引く vii -
12 段の後に段間罫を引く 罫線の長さ指定 段間罫の位置指定 段間罫の拡張プロパティ 改訂バーとチェンジバー 改訂バー チェンジバー 特性の違い 行番号 行番号をつける 行番号表示の複雑な指定 行ナンバーに使われるプロパティ ブロックの配置 ブロック間のスペース ブロックコンテナ 絶対位置指定 (absolute-position="absolute") 絶対位置決め特性のプロパティ ブロック コンテナの位置と大きさの指定 ブロック コンテナの位置と大きさの指定 ( 段組 ) 絶対位置指定のブロック コンテナ 固定位置指定のブロック コンテナ オーバーフロー制御 ブロックコンテナオーバーフローの基本処理 overflow のプロパティ オーバーフローの拡張機能 オーバーフローの追加仕様 オーバーフローの追加仕様 1( 縦組み時 ) オーバーフローの追加指定 オーバーフローの追加指定 2( 縦組み時 ) オーバーフローの追加指定 オーバーフローの追加指定 3( 縦組み時 ) 画像の取り込み 外部の画像イメージを取り込む 背景に画像イメージを取り込む 画像に関するプロパティ 各種グラフィックの取り込み viii -
13 Windows BMP GIF: Graphic Interchange Format WMF: Windows Metafile EMF: Enhanced Metafile PNG: Portable Network Graphic JPEG TIFF の圧縮方法とカラー空間 画像倍率の選択 高さ倍率のスケールリストが定義されている場合 scale-to-fit scale-down-to-fit scale-up-to-fit 幅倍率のスケールリストが定義されている場合 scale-to-fit scale-down-to-fit scale-up-to-fit 高さ倍率のスケールリストが定義されていない場合 scale-to-fit scale-down-to-fit scale-up-to-fit 幅倍率のスケールリストが定義されていない場合 scale-to-fit scale-down-to-fit scale-up-to-fit 固有倍率のある場合 SVG の取り込み SVG を画像として取り込む Scalable Vector Graphics Instream SVG Gradation Gray Scale Gradation Gray Scale MathML PDF の埋め込み オンラインマニュアルから PDF 埋込の事例 ix -
14 54. XSL-FO の構造 ページマスター 個々のページマスターの設定 ページシーケンス ページシーケンスのぺージ数制御 ページシーケンスの繰り返し XSL-FO のヘッダ部の実例 fo:layout-master-set まで 解説 各ページ毎の組指定 表紙の組指定 目次の組指定 本文と索引の組指定 背景画像 ページに背景画像を指定 背景画に対する基本的プロパティ 背景画に対する拡張プロパティとその値 代替えテキスト ext-background-image の例 本書のスタイルシート XSL-FO 指南の XML データ スタイルシート XSL の構造と外部参照スタイルシート ページ書式の設定 page-sequence-master 本文処理 柱の設定 ノンブルの処理など ページ番号処理 marker 見出しの作成 ツメの作り方 ツメの領域を設定する ツメを付ける領域を決める 繰り返しを設定する 本文とのリンクを設定する x -
15 ツメをデザインする トンボの設定と塗り足し テーブルに対するスタイルシート 表に使われる要素 XML コンテンツの例 表を表す XSL-FO の要素 スタイルシートの作成 プロパティセット "table" と "table/title" のテンプレート "col" のテンプレート "thead" と "tfoot" のテンプレート "tbody" のテンプレート -<tr> "tbody" のテンプレート -<th> "tbody" のテンプレート -<td> "cell-span" のテンプレート 処理の実例 出力例 その他の事例 リストに対するスタイルシート XML コンテンツにおけるリスト形式 XSL-FO におけるリスト形式 番号付きリストを処理するテンプレート リストに対するプロパティセット "ol" に対するテンプレート "ol/li" に対するテンプレート ラベルの書式 位置指定の纏め 事例 出力例 format プロパティの拡張 番号なしリストを処理するテンプレート "ul" のテンプレート "ul/li" のテンプレート ラベルに画像を用いる 番号なしリストの例 出力例 xi -
16 定義リストを処理するテンプレート 定義リストに対するプロパティセット つの定義型リストの形式 "dl.format.list" のテンプレート "process.dl.list" のテンプレート "dt" のテンプレート "dd" のテンプレート XSL-FO での定義型リストの例 HTML での定義型リスト トンボ トンボ出力 クロップオフセット 塗り足し トンボマーク 目次と索引 事例イメージ 索引のページ ノンブルの振り方 目次 図版目次 序文 本文 本文続き 用語解説 巻末索引 ノンブルに総頁も付加する 目次の作り方 索引取りの仕方 ページ表示の整理いろいろ すべてそのまま表示 重複するページはマージ 連続するページを纏める 範囲内の図版などはマージ 連続ページはマージ すべてマージ ブックマーク ( しおり ) xii -
17 本文での指定 ブックマークの設定 しおりの要素とプロパティ 流し込みマップ 流し込みマップによる領域指定の柔軟性拡大 複数の流れこみをそれぞれの領域に "A" と ("B1"/"B2") を1つの領域 "R" に流し込む つのフロー "A" を2つの領域 "R" と "S" に流し込む "A"/("B1"/"B2") を領域 "R"/"S" に流し込む 多言語組版 対応言語 備考 プロパティのデータ型 xiii -
18 This is a blank page.
19 XSL-FO と XSLT 1. XSL-FO と XSLT 1 HTML や CSS が Web ブラウザに対して画面上での表示について指定しているのに対して XSL-FO は主に紙媒体における文書を組版するための仕様です 紙媒体を基本としていますから 紙のサイズ 紙面の中のどの位置にドキュメントを配置するかなどから始めます ドキュメントのタイトルや段落に対して 書体 サイズ 縦書きか横書きか など書籍組版に必要な指定が細かに制定されています 更に 目次や索引取りの機能が充実しています HTML では当初ドキュメント自身に組版指示を指定してきましたが データであるコンテンツと組版に必要な指示とが混在してきて分かりにくくなりました そこでコンテンツと組版指示を分離して HTML コンテンツがコンピュータによるデータ処理を容易にするように簡素化されました そして CSS の規格が組版機能を指定するものとして制定され その機能は現在でも拡充されています HTML の場合は ブラウザが HTML と CSS とを解釈して直接画面表示やプリンタ出力に必要な変換を一度にしています 従って HTML によるコンテンツと CSS による組版指示を与えれば 画面表示やプリンタ出力ができますので プロセスが分かりやすく感じられます HTML のコンテンツを頭から順に <h> や <p> のタグに応じてそれぞれの指定を CSS から貰って 次々に画面に表示していけば良いので処理手順も簡単です XML データから書籍組版をする場合 ドキュメントはページ毎に区切られて それぞれに柱やノンブルと言った書籍の体裁にするための付属物が付きます 目次や索引取りでは 一旦組み上がった状態を作ってから 該当するページ番号を取り出してこなければなりません これらの組版処理を楽にさせるために XML コンテンツと XSL スタイルシートによって 中間ファイルである XSL-FO のデータを作ります XSL-FO のデータには組版に必要な指示が テキストの必要個所に逐一挿入されています XSL-FO による中間ファイルは 組版指示の中にテキストが埋もれているように見えるくらい繁雑なデータ型式ですが この規格をしっかり勉強しておくことで XSL-FO に変換するスタイルシート設計が確かなものになります このような XSL-FO による中間データを作ることによって XML コンテンツと組版指示のスタイルシートを分離した大きな効果ができました それは XML コンテンツがコンピュータによるデータ処理用に作られていて 書籍の体裁にはほど遠いスタイルであっても スタイルシートによって書籍に向いたフォーマットに組み直すことが可能になりました XML コンテンツでは コンピュータによるデータ処理に向いたタグ付けがされていて 書籍のように章やタイトルなどの体裁が全くなくても構わないのです スタイルシートは XML コンテンツの中から必要なデータを取りだして 書籍の形に組むための組版指示を XSL-FO の仕様に従ってそのデータに付加します 例えば XML コンテンツでは表の形に整形されていなくても スタイルシートによって表の形になるように XSL-FO の表形式のデータに加工すれば 所望の出力物を得ることができます これは XML コンテンツと 書籍のための組版指示とを分離した大きな利点です 1
20 バッチ組版のための XSL-FO 指南 XSL-FO のデータは XML 型式で書かれますので XML コンテンツの XML データから XSL-FO のデータに変換するとき ツリー構造を変えたり 不要なものを外して 必要なものを付加するなどの加工が容易にできます そのための規格として XSLT(XSL Transformation) があります XSLT は当初 XSL の一部でしたが 現在では独立した規格となり XSL は XSL-FO の規格となっています XSLT は XML データの取扱に特化されたもので XML 文書の構造を変換するための言語 といわれ その機能は XPath 仕様を取り込んでどんどん拡充されています XPath 仕様は独立した言語として定義され ソース文書からデータを選択して目的の文書に配置するなどの機能を備えており XSLT 以外のところでも活用されています XSLT が XML データの構造変換に使えると言うことは XSLT によって画面表示に向いた HTML の型式に変換することも可能です 作成された HTML を画面表示するための CSS が予めできていれば 画面表示には向かないような構造の XML コンテンツから XSLT のスタイルシートによって所定の形の HTML に変換すれば 直ちに画面表示ができます すなわち XSLT は Web ブラウザ用の HTML の形に変形したり 書籍用の XSL-FO による型式に変換することも自由になります このように XSL-FO の規格が明確になるに従い 目的がハッキリしてくるとこれに変換するための XSLT が定義され さらに XSLT の機能を拡充するために XPath が取り入れられるなどと 次々に拡張されているためとても複雑に見えています XML データを処理するに XSLT によるスタイルシートを書きます しかし XSLT は XML データの構造を変換するための規格ですから XSLT によってどのようなデータを作ればよいかが分からなくては困ります そのために先ず XSL-FO の仕様をしっかり理解しておく必要があります XSL-FO の仕様は W3C によって設定され公開されています システムベンダーはこの仕様に従ってフォーマッタを開発します XSL-FO で指定された指示に従って 所望するスタイルに組み上げるエンジンが必要です これを XSL-FO プロセッサと言います 欧文組版を主としたものは幾つかのプロセッサがありますが 日本語組版を解決しているものは アンテナハウス ( 株 ) の AH Formatter だけです AH Formatter は欧文やアラビア語など多言語の組版にも対応しているため 海外でも多く使われています 更に AH Formatter は和文組版に必要な拡張機能を独自に追加して 日本語組版への機能拡張をしています これらの拡張機能は日本語組版独自の機能に限らず 欧文組版にも活用できるものが多いので XSL-FO の規格を制定し管理している W3C に機能拡張を提案しています XSLT を処理する XSLT プロセッサは Windows 版では 特に設定していない場合は MSXML4 又は MSXML3 を標準の XSLT プロセッサとして使用しています 別の XSLT プロセッサを使用する場合や Solaris/Linux/Macintosh/HP-UX/AIX 版では 使用する XSLT プロセッサの設定を行ってください なお XSL-FO の中間データは 実務上ではプロセッサの内部で処理されるだけで オペレータが介在する必要はありません アンテナハウスの AH Formatter に XML と XSL スタイルシートを与えれば オペレータは中間ファイルの XSL-FO データを意識することなく 所望の紙出力や PDF 出力を得ることができます 2 XSL-FO と XSLT
21 XSLT について XSL-FO と XSLT 1 いきなり XSL-FO の事例を見ますと とても複雑で大変に見えますが 実務上は XSLT などを用いて XSL-FO を作成しますので もっと分かりやすい表記になっています 非常に簡単な例を挙げて XSLT 上での記述の簡潔さを見ます 本文の XML コンテンツを XSLT で処理する例を見て XML から XSL-FO に変換する様子を見ておきます p 要素 たとえば XML データの中に次のような p 要素があるとき 例えば次のような形式で書かれます XML コンテンツの p 要素の例 <p> これは段落のサンプルです 段落は fo:block に変換されます 行頭の字下げには textindent="1em" と指定されているので 先頭行は一文字分だけ字下げされます 行揃えは textalign="justify" の指定で 両端揃え としています ただし段落の最終行は自動的に左揃えとなります これは text-align="justify" の場合は 最終行に適用される text-indent-last の初期値が自動的に start になってくれるためです </p> p 要素を処理する XSL スタイルシートの一例を次に示します 書き方は冗長なように見えますが 何を設定しているかがすっきりと分かります p 要素を処理するテンプレート <xsl:attribute-set name="p"> <xsl:attribute name="font-family">'ms 明朝 '</xsl:attribute> <xsl:attribute name="font-size">12pt</xsl:attribute> <xsl:attribute name="line-height">1.4em</xsl:attribute> <xsl:attribute name="text-indent">1em</xsl:attribute> <xsl:attribute name="space-before">0.7em</xsl:attribute> <xsl:attribute name="space-after">0.7em</xsl:attribute> <xsl:attribute name="text-align">justify</xsl:attribute> </xsl:attribute-set> <xsl:template match="p"> <fo:block xsl:use-attribute-sets="p"> <xsl:apply-templates /> </fo:block> </xsl:template> XSLT について 3
22 バッチ組版のための XSL-FO 指南 テンプレートは簡単で アトリビュートセットの設定に従って fo:block に変換するのみです アトリビュートセットは 使用する書体を 'MS 明朝 ' とし 文字サイズは 12pt 行の高さを 1.4em(em は使用する文字サイズの大きさ ) 先頭行のインデントは textindent で 1em 行揃えの text-align は justify で 段落の前後に 0.7em の空白を付けています 上記の設定で処理されたときの FO の例 <fo:block font-family="ms 明朝 " font-size="12pt" line-height="1.4em" text-indent="1em" space-before="0.7em" space-after="0.7em" textalign="justify"> これは段落のサンプルです 段落は fo:block に変換されます 行頭の字下げには text-indent="1em" と指定されているので 先頭行は一文字分だけ字下げされます 行揃えは text-align="justify" の指定で 両端揃え としています ただし段落の最終行は自動的に左揃えとなります これは text-align="justify" の場合は 最終行に適用される text-indent-last の初期値が自動的に start になってくれるためです </fo:block> このようにして作られる XSL-FO によってフォーマッタが実際の組版イメージを作ります 'MS 明朝 ' 12pt 行の高さ 1.4em とした場合 これは段落のサンプルです 段落は fo:block に変換されます 行頭の字下げには text-indent="1em" と指定されているので 先頭行は一文字分だけ字下げされます 行揃えは text-align="justify" の指定で 両端揃え としています ただし段落の最終行は自動的に左揃えとなります これは text-align="justify" の場合は 最終行に適用される text-indent-last の初期値が自動的に start になってくれるためです アトリビュートセットで 書体を 'MS ゴシック ' 文字サイズ 10.5pt に変更します 左右のインデントを 3em として追加しました 書体 文字サイズなどを変更した場合 <xsl:attribute-set name="p"> <xsl:attribute name="font-family">'ms ゴシック '</xsl:attribute> <xsl:attribute name="font-size">10.5pt</xsl:attribute> <xsl:attribute name="start-indent">3em</csl:attribute> <xsl:attribute name="end-indent">3em</csl:attribute> 4 XSL-FO と XSLT
23 --- 省略 --- </xsl:attribute-set> XSL-FO と XSLT 1 'MS ゴシック ' 10.5pt 左右のインデント 3em とした場合 これは段落のサンプルです 段落は fo:block に変換されます 行頭の字下げには text-indent="1em" と指定されているので 先頭行は一文字分だけ字下げされます 行揃えは text-align="justify" の指定で 両端揃え としています ただし段落の最終行は自動的に左揃えとなります これは text-align="justify" の場合は 最終行に適用される text-indent-last の初期値が自動的に start になってくれるためです 共通に使われない場合などは アトリビュートセットを設けないで テンプレートの中で一々設定しても構いません テンプレートの中に設定 <xsl:template match="p"> <fo:block font-family="ms 明朝 " font-size="10.5pt" line-height="1.4em" text-indent="1em" space-before="0.7em" space-after="0.7em" text-align="justify" /> <xsl:apply-templates /> </fo:block> </xsl:template> このように XSLT によるスタイルシートによって同じ XML データがいろいろな書式で組版出来ることがお分かりと思います XSLT の教科書 XSLT でスタイルシートを書くには XSLT の教科書を勉強する必要があります 現在市販されているものや Web ページ上で入門やチュートリアルとして易しく解説しているものがありますので それらを参考にして下さい アンテナハウス ( 株 ) のホームページにあるサンプルなどでトレーニングしておくと良いと思います p 要素 5
24 バッチ組版のための XSL-FO 指南 XSLT による XSL-FO の作り方 通常の処理では XML コンテンツから XSL スタイルシートを用いて XSL-FO を生成するのが一般的です 従って 実務上は XSLT の解説をしないと十分ではありません また 説明の都合上 XSLT によるスタイルシートに言及した方が理解しやすいと思われるものには 簡単な例を提示しました XSLT は元々は XSL 規格の一部でしたが その機能が多義に渡って拡充するに伴い 現在では XSL から独立して XSLT の規格として存在しています XSLT に付いての詳細な解説はそれだけで大きなものになりますので この解説では必要なことしか触れていません XML コンテンツから XSL-FO 形式に変換するには XSLT 以外に Java などのソフトを用いても可能ですが これも他の解説書に譲ります この解説では XSL-FO の機能を解説することに専念しました しかしながら XSL-FO を活用するには スタイルシートについて基礎的な知識は必要と思われますので 巻末の方で纏めて解説しました " テーブルに対するスタイルシート (Page-385) " " リストに対するスタイルシート (Page-214) " " ツメの作り方 (Page-380) " テンプレートを参照して下さい 本書が これから XSL-FO の機能を勉強される方への入門書として XSL-FO を実用されている方々へのレファレンスブックとして ご活用頂ければ幸甚です 6 XSL-FO と XSLT
25 XSL-FO の基礎 2. XSL-FO の基礎 用紙と領域 2 用紙と領域の設定 XSL-FO は書籍としての体裁を意識して XML 文書をフォーマットするものです (3) ので 紙ベースの媒体にページ単位で出力することを意識しています フォーマット結果や PDF 様式に出力したものを Windows 画面上で閲覧したり プリンタを用いて出力することができます したがって用紙サイズとプリンタの出力機能に依存するところがあります 領域の位置関係 まず使用する用紙の寸法などを設定します 用紙サイズの中に 上下左右にマージンをとって作業領域 ( ページ参照領域 ) を設定します これはプリンタによっては用紙の全域一杯には出力できなかったり プリントアウトしたものを綴じて使用するとき 綴じ代として残す余白などです 用紙サイズ一杯に文字やイラストを配置したり あるいはオーバーフローで所定の領域をはみ出しても Windows の画面上では用紙サイズ内はすべて表示されますが プリンタから用紙一杯に出力できるとは保証できません (3) 一部音声に関する Aural プロパティが含まれていますが この解説では全く触れていません 用紙と領域 7
26 バッチ組版のための XSL-FO 指南 作業領域の中にさらに上下左右にマージンをとって ボディ領域 (region-body) を設定します ここが本文領域です また 作業領域の上下左右の辺から内側に向かって所定の寸法をとって それぞれ 4 つの領域を設定することができます これらは本文領域の上側にヘッダ領域 (regionbefore) として通し柱などと言われる書名や章 節などの表示を配置したり 本文領域の下側にページ番号 ( ノンブル ) や 通し柱などを配置するフッタ領域 (region-after) となります 左右にも同様に領域が取られます 横組みを基本とする用紙設定では 左側を region-start 右側を region-end と呼びます この図の before after start 及び end と呼ばれる領域は通常の横組みの場合で 行頭側を start 行末側を end と言い 行の進む方向に対して初めの方を before 終わりの方を after と言います 縦組みなど組み方向が違う場合には 上下左右との関係が変わります ここで注意しなければならないのは ボディ領域を決定する上下左右のマージンと region-top -bottom -start 及び -end の 4 つの領域とは別々に設定されることです これらはボディ領域の上下左右の値と同じにすればお互いに接して配置されます 実務上はそれぞれの領域がお互いに干渉しないように値が設定されるでしょう 用紙と領域設定の例 ページ領域の設定を "Standard-PagemastrerA"( 次頁 ) で確認して見ましょう Standard-PagemastrerA <fo:simple-page-master page-width="210mm" page-height="297mm" margin-top="10mm" margin-bottom="10mm" margin-left="5mm" margin-right="5mm" master-name="standard-pagemastera"> <fo:region-body background-color="yellow" margin-top="8mm" margin-bottom="8mm" margin-left="8mm" margin-right="8mm" /> <fo:region-before background-color="aqua" extent="5mm" /> <fo:region-after background-color="fuchsia" extent="5mm" /> <fo:region-start background-color="navy" extent="5mm" /> <fo:region-end background-color="silver" extent="5mm" /> </fo:simple-page-master> <fo:simple-page-master が 一枚のページ設定を表します master-name="standard- PageMasterA"> で用紙に名前を付けて括っています その間に先ず用紙の幅 page-width と高さ page-height が設定され margin-top bottom -left -right の余白が設定されます 更に region-body が margin-top -bottom -left -right にそれぞれ 8mm ずつ取って設定されています このとき region-body の margin は先に取った用紙の margin の内側に取られます 続いて region-before -after -start -end がそれぞれの extent として 5mm ずつ取られます 8 XSL-FO の基礎
27 XSL-FO の基礎 領域の設定の例 2 ページの領域 Standard-PageMasterA 領域の種類 region-name backgroundcolor margin top bottom left right 用紙 10mm 10mm 5mm 5mm fo:region-body 既定値 yellow 8mm 8mm 8mm 8mm extent fo:region-before 既定値 aqua 5mm fo:region-after 既定値 fuchsia 5mm fo:region-start 既定値 navy 5mm fo:region-end 既定値 silver 5mm ページ領域の設定はページモデルの最初の設定です 用紙サイズ ( 横 210mm 縦 297mm) に対して 上下に 10mm 左右に 5mm のマージンをとってあります ( 一番外側の白い部分 ) 更に上下左右に 8mm のマージンを取ってボディ領域 ( 黄色い部分 ) をとって います 続いて 上 (before) 下 (after) 左 (start) 及び右 (end) にそれぞれ領域 をとります 領域の幅はすべて 5mm にしてあります これらはボディ領域を 取るときに設定した上下左右のマージン内に作られています プログラムでは以下のように書かれます <fo:simple-page-master margin-top="10mm" margin-bottom="10mm" margin-right="5mm" margin-left="5mm" page-height=" 297mm " page-width="210mm" master-name="standard-pagemastera"> <fo:region-body background-color="yellow" margin-top="8mm" margin-bottom="8mm" margin-left="8mm" margin-right="8mm"/> <fo:region-before background-color="aqua" extent="5mm"/> <fo:region-after background-color="fuchsia" extent="5mm"/> <fo:region-start background-color="navy" extent="5mm"/> <fo:region-end background-color="silver" extent="5mm"/> </fo:simple-page-master> 用紙と領域 9
28 バッチ組版のための XSL-FO 指南 ここで 用紙の margin には "top" "bottom" "left" "right" が使われています これは 用紙の上下左右を云います これに対して region には "before" "after" "start" "end" が使われています これは前ページでも説明しましたように 文字を組んでいくときの行頭側を "start" 行末側を "end" と言い 行が並べられて行く方向に対して前の方を "before" 後の方を "after" と言います このように region やその他組み方向と関係するものに対しては 横組みか縦組みかによって上下左右との関係が変わりますので注意が必要です 要素と属性 ( プロパティ ) XSL-FO で定義されている FO( フォーマット化オブジェクト ) 要素があります FO 要素内には対応できる属性 ( プロパティ ) が設定できます それぞれ必要に応じて解説していきます ここで用紙と領域設定に現れる要素とプロパティを解説します fosimple-page-master と関連属性 fo:simple-page-master ページのサイズや各領域の寸法などの構造を指定します 図 :region( 領域 ) の位置関係に示すようにメインの region-body とその周りの 4 つの領域を指定します 内容 (region-body+, region-before?, region-after?, region-start?, region-end?) 適用される属性一般の Margin プロパティ master-name page-height page-width size reference-orientation writing-mode 内容の region-body+ とあるのは 必ず 1 つ以上の region-body を設定する必要があります 他の region-before? などは 必ずしも設定する必要はありませんが 設定するならそれぞれ 1 回設定します 適用される特性のそれぞれの意味は それぞれ後述されます 10 XSL-FO の基礎
29 XSL-FO の基礎 master-name マスタの名前を識別します プロパティの値 : <name> 2 値の意味は : <name> マスタを識別名前で 空であってはいけません また 一意でなければなりません fo:page-sequence-master 上で指定された場合 マスタ名を識別します fo:pagesequence 上の特性の値として連続して参照され ページの生成する際に page-sequencemaster の使用を要求します page-height 用紙の縦サイズを指定します プロパティの値 : auto <length> 値の意味は : auto 実装の省略値指定によります <length> ページの幅を 固定値で指定します page-width 用紙の横サイズを指定します プロパティの値 : auto <length> 値の意味は page-height に準じます 用紙サイズの簡略設定 CSS で使われる簡略設定が使うことができます 上の例では用紙サイズの設定を page-width="210mm" page-height="297mm" などとしていました 簡略設定の size 属性を用いるとこれを簡略記述することができます 要素と属性 ( プロパティ ) 11
30 バッチ組版のための XSL-FO 指南 size プロパティの値 : <length>{1,2} auto [ <page-size> [portrait landscape ]] 値の意味は : <length>{1,2} size="210mm 297mm" のように width と height とを並記します 値が一つしかない場合は "width" と "height" が同じ値の正方形と見なします auto システムのデフォルト設定に従います <page-size> 用紙サイズを指定します 表 <page-size> を参照してください [ portrait landscape ] "portrait" と "landscape" は用紙の " 縦置き " 又は横置き " を指定します size="a4 landscape" とは "A4 用紙を横置きで " を意味します <page-size> と [ portrait landscape ] とを併記することを意味します <page-size> に以下が指定できます 大文字小文字は区別されません <page-size> <page-size> 短 長 <page-size> 短 長 A mm Letter in A mm Legal in A mm Ledger 11 17in A mm Statement in B mm Executive in ISO-B mm C 17 22in JIS-B mm D 22 34in B mm E 34 44in ISO-B mm Quarto in JIS-B mm ISO-Designated mm B mm ISO-C mm ISO-B mm ISO-C mm JIS-B mm ISO-C mm Folio mm ISO-C mm Hagaki mm 12 XSL-FO の基礎
31 XSL-FO の基礎 margin 設定 margin-top, margin-bottom, margin-left, margin-right 2 プロパティの値 : <margin-width> margin-width 値の意味は : auto CSS2 の街頭部分を参照 <length> 固定幅を指定します <percentage> パーセント値は 親のブロック幅に関して算出されます margin の簡略記法 領域の設定で margin-top="10mm" margin-bottom="10mm" などと 4 方向の値を別々に書きましたが 簡略記法では次のように書くことができます margin="10mm" ブロック領域の margin に対して マージン幅を 1 つ以上 4 つまで設定できます margin プロパティの値 : <margin-width>{1,4} 属性値の読み方 属性値 ( プロパティ ) の値にある <length>{1,2} などは次のように読みます 属性値の読み方 <length> 長さの寸法を指定します 10mm 2em などと数値と単位を書きます <margin-width>{1,4} "margin" では 1 つ以上 4 つまでを表します 寸法指定が 2 つ以上ある場合は スペースで分離します 値が 1 つの場合上下左右のすべてに同じ値が適用されます 値が 2 つの場合上下マージンが最初の値を 左右マージンに 2 つ目の値が適用されます 要素と属性 ( プロパティ ) 13
32 バッチ組版のための XSL-FO 指南 値が 3 つの場合上マージンに最初の値が 左右マージンに 2 つ目の値が 下マージンに 3 つ目の値が適用されます 値が 4 つの場合上マージン 右マージン 下マージン 左マージンにそれぞれの値が適用されます 簡略記法の注意点 XSL のプロパティでの簡略記法は CSS の定義を引き継いでいるので その値は CSS のように評価されます つまり margin="0pt -10pt" は ひとつの式としてではなく ふたつの値と評価されます しかし 簡略記法でないときは これはひとつの式として評価されます 例えば 次はひとつの式です margin-left="0pt -10pt" AH Formatter V5.0 以降では 簡略記法でのこのようなあいまいな表現に対して 次のように処理します "0pt 10pt" のようにひとつの式になり得ないときはふたつの値 "0pt -10pt" のように符号と数値がくっついているときはふたつの値 "0pt - 10pt" のように符号と数値の間に空白が含まれるときはひとつの式 "0pt-10pt" はエラー (XSL 仕様の Numerics 参照 ) 簡略記法中で式を使うときに 括弧で囲むなどすることもできます 領域設定と関連属性 fo:region-body ページの中央に位置し 本文を流し込む領域です fo:simple-page-master によって 用紙から左右上下の margin をとったページ参照領域の 更に内側の上下左右に regionbody の margin を取って 区画表示領域が設定されます 内容 EMPTY 適用される属性一般の Border, Padding 及び Background プロパティ一般の Margin プロパティ clip region-name column-count reference-orientation display-align writing-mode overflow 14 XSL-FO の基礎
バッチ組版のためのXSL-FO指南
バッチ 組 版 のための XSL-FO 指 南 2010 年 05 月 第 3.0 版 有 限 会 社 イー エイド アンテナハウス 株 式 会 社 バッチ 組 版 のための XSL-FO 指 南 藤 島 雅 宏 編 著 アンテナハウス 株 式 会 社 協 力 第 3.0 版 2010 年 05 月 12 日 発 行 発 行 者 : 藤 島 雅 宏 有 限 会 社 イー エイド はじめに この 解
スタイルシートでデザインを整えよう
スタイルシートでデザイン (2) CSS (Cascading Style Sheets) ここまで HTML は文章の意味的な役割を記述するもので 表示はブラウザ次第であることを強調してきました あるブラウザでの表示方法を前提に HTML で見た目を制御しようとすると 他の環境では意味が通じにくい 相互運用性の低い情報となってしまいます Web の表現を作者が指定するには HTML ではなく スタイルシートという別の機能をもちいます
vi 目次 画像のサイズ設定 画像の効果 画面の取り込みとトリミング Office の共通基本操作 図形 図形の挿入と削除 図形の編集 図形の背景色の透過 Office
目 次 1.Windows と Office の基礎 1 1.1 コンピューターの基礎 1 1.1.1 コンピューターの構成 1 1.1.2 コンピューターの種類 2 1.1.3 ソフトウェア 2 1.2 Windows の基本操作 3 1.2.1 Windows の初期画面 3 1.2.2 Windows の起動と終了 4 1.2.3 アプリケーションの起動 5 1.2.4 アプリケーションの切り替え
padding( パディング ) padding プロパティでボックスの内側の余白を指定します この部分の内側には背景 ( 背景色や背景画像 ) を表示できます border( ボーダー ) border プロパティでボックスの境界線を指定します ボーダーには色 太さ 線の種類を指定できます 画像で
1111 基本のボックス (margin, width, height, border, background) CSS3 アニメーション ( およびトランジション ) の基本はボックスです このボックスに色を付けたり ボックスにテキスト ( 文字 ) や画像を入れて ボックスを移動 回転 2D 変形 3D 変形してアニメーションを作ります では先ずボックスを作ってみましょう 基本的なボックスは下の四角形のようなものです
Web 設計入門
情報処理技法 ( マルチメディアと表現 )I 第 12 回 CSS によるレイアウトデザイン (2) D.Mitsuhashi 1 クロスブラウジング D.Mitsuhashi 2 クロスブラウジング ブラウザや OS によって レンダリングには少なからず差異が存在する 同じソースで記述しても 表示が異なる場合がある なるべく 表示の差異を最小化し, 共通の視覚的デザインを提供すべき D.Mitsuhashi
InDesign講座 3-6. 画像を配置する 長方形フレームを作成します 1 長方形フレームツールで 画面左側に適当な大きさのフレー ムを作成 2 座標を指定してフレームの大きさを設定 X -3mm Y:-3mm W:36mm H:61mm フレーム内に画像を配置します 1 作成したフレームを選択した状態で ファイル 配置 を選択 2 目的の画像ファイルを選択し 開く をクリック 画像を操作してトリミングの位置を決めます
タグ付きPDFとは何か?
PDF sample はじめに タグ付き PDF という言葉を見かけるようになりましたが タグ付き PDF とは一体どういったものなのでしょうか 本書ではタグ付き PDF とはなにか? について簡単に説明します なお 本書は EPUB アクセシビリティの機能の1つである ページ分割マーク の CAS 記法マークアップと EPUB3 のサンプルとして用意されたものです i 目 次 はじめに i 第
本日の内容 レイアウトの前に 基本的な知識 文書の体裁を整える 2
読みやすさのための表現 2010.6.8 マニュアルライティング (2010 年度 ) 1 本日の内容 レイアウトの前に 基本的な知識 文書の体裁を整える 2 連絡事項 レポート採点中 ( 次回戻し予定 ) 次回講義時に第 3 回レポート課題出題予定 3 レイアウトの前に (1/3) 可読性を向上させる要素 視線の動きに対する配慮 テキストの視覚処理 情報構造の表現 見出し処理 情報構成要素の表現
<4D F736F F D E835A A C98AD682B782E98E77906A89FC92F994C52E646F63>
1. はじめに 1 1-1. ガイドラインを策定するにあたって 1 1-1-1. ウェブアクセシビリティとは 1 1-1-2. ウェブアクセシビリティが求められている背景 1 1-1-3. 高齢者 障害者の閲覧時の利用特性 2 1-1-4. 視覚障害者への対応 2 1-1-5. ウェブアクセシビリティの JIS 規格化 3 1-1-6. ガイドラインの重要性 3 1-2. ガイドラインの適用範囲 4
地域ポータルサイト「こむねっと ひろしま」
5.1. エディタとは? NetCommons の全モジュールで共通する編集画面です 5.2. 通常のエディタの使い方 (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (11) (12) (13) (14) (15) (16) (17)(18) (19) (20) (21) (22) (23) (24) (1) 書式設定左から フォント サイズ スタイル を設定するためのプルダウンメニューです
XMLとXSLT
XML と XSLT 棚橋沙弥香 目次 現場のシステム構成とXML/XSLの位置づけ XMLとは XSL/XSLTとは Xalanのインストール いろいろなXSL XMLマスター試験の紹介 現場のシステム構成 HTML 画面上のデータ 電文 電文 外部 WEB サーバー (Java) CORBA 通信 認証サーバー (C 言語 ) DB XML 電文 HTML XSL XSLT 変換今回の説明範囲
図表貼り付けの原則 Excel などで処理した図表を Word に貼り付ける際に注意したい事項は以下のようになります Excel グラフ の場合 1. Excel 内で, あらかじめ, グラフエリアの大きさ フォント タイトル 軸ラベルなどを十分調整しておきます 2. タイトルはグラフ内にも入れてお
図表の貼り付け時の注意 リンク貼り付けの回避 Excel などの Word 以外のツールで作成した図 表の貼り付け時には, リンク 機... 能を使ってしまうと, 元のデータがない環境 (Word 文書だけを, メールで送ったりバックアップ目的で USB メモリなどにコピーしたりした場合 ) では,Word 文書を開く際に次の様なメッセージが表示され, 文書が不完全な状態になります このダイアログの
完成見本 罫線表を使用して 会計報告書 を作成しましょう 1 / 15
表の入った文章を作成する パソコンボランティア PC どりーむ 改訂 2012.05 完成見本 罫線表を使用して 会計報告書 を作成しましょう 1 / 15 ページ設定 メニューバーの ファイル (F) から ページ設定 をクリックします 余白 タブから上 下 左 : 25mm 右 : 20mm に設定します 表題 ( タイトル ) の入力 1 行目の段落記号 3 行目の段落記号 あらかじめ 1 行目
第37回全国アビリンピック ワード・プロセッサ競技課題B
第 37 回全国障害者技能競技大会 ワード プロセッサ競技課題 B 1 和文競技 ( 温泉の効果 旅ギフト の作成 )( 制限時間 60 分 ) 以下の設問に従い 別紙の文書 2 種類を作成し 提出しなさい 数値はすべて半角で入力し 設問以外の設定内容については 作成例 ( 別紙 ) を参照し 最も適当なものを選択する 問題の指示がない箇所においては 改行位置や文字幅など 作成例との細かい差異は問わない
本日のテーマ 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 って何?
H27_別冊(1級) WEB用.indd
Word2003 1. ページ設定 A 用 紙 サ イ ズ A4 B 余 白 上下左右とも25mm C フォントの設定 解説 1 p.1 参照 D グリッド線の設定 解説 2 p.2 参照 E 文字数と行数の設定 文字数 30 字 行数 35 行 ( 文字数 行数は問題により異なる ) 2. 文字ずれをしないための設定 A 日本語と半角英数字との間隔の調整 解説 3 p.2 参照 B 区切り文字のカーニング解除
2 文字列と間隔 文字の横幅のみを変更 文書内の文字間隔は一定で ペー ジ設定 で設定するが 特定の文字 だけ変更する時に使用する 文字の書式には自動継続機能がありますので 書式を設定した次の文字にも同じ書式が設定されます Enter キーを押して 改行しても同様です その為 文字を入力した後で選択
Word2002&2003 意外と知らないワードの機能 書式メニュー編 基本 目的ワードで文書を作成していると ついわかっている機能だけで操作しがちです ワードには便利な機能が色々ありますので メニューごとに見てみましょう 今回は 書式 メニューです はじめにメニューの表示方法は2 種類あります A. よく使うメニューや最後に使ったメニューが先に表示される ( この教室での方法 ) B. 最初から全てのメニューが表示される
コ Ⅱ8-2 段組みとセクション区切り 文書の途中で段組み設定を変更すると その部分の前後に セクション区切り が自動的に挿入され セクション付けが変わる セクション区切り セクション区切りを表示させるには リボンの [ ホーム ] タブ >[ 段落 ] グループ > 編集記号の表示 / 非表示 ボ
コ Ⅱ8-1 [ コンピュータ実習 Ⅱ (No.8) ] [1] 段組み 段組みとは 1 ページ内で文字を書く範囲を横や縦にいくつかに分割して配置するものです 1 ページに小さな文字で左右 ( 横書きの場合 ) や上下 ( 縦書きの場合 ) にびっしり書いてあると 読む際に 1 行ごとの視線の移動が大きく 大変読みにくくなります そこで 新聞や雑誌では段組みをよく使います 段組みを利用したレイアウト
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.
やさしくPDFへ文字入力 v.2.0
操作マニュアル やさしく PDF へ文字入力 v.2.0 基本操作 目次 1. はじめに 2. やさしく PDF へ文字入力の起動 3. スキャナの設定 4. 原稿の取り込み 4-1. スキャナから 4-2. ファイルから 5. プリンタの設定 6. フィールドの作成 6-1. フィールドの自動作成 6-2. フィールドの手動作成 7. フィールドの設定 8. 文字の入力 9. 印刷 便利な使い方付録
PowerPoint プレゼンテーション
かんたんマニュアル 基本操作編 目次 STEP:1 STEP:2 STEP:3 STEP:4 STEP:5 STEP:6 STEP:7 STEP:8 STEP:9 画面の確認をしよう用紙を選択しようテンプレートを使ってみよう文字を入力しよう文字の大きさを変えるにはイメージを貼り付けようコピー 保存しよう印刷しよう作ったデータを ほかの用紙に移すには P.2 P.4 P.5 P.7 P.9 P.11
競技課題|ホームページ
平成 28 年度埼玉県障害者技能競技大会ホームページ競技課題 A 1 競技の概要 (1) 競技課題競技課題 Aは課題の傾向を示した公開課題であり 競技課題 Bは競技当日用である (2) 課題の概要 ネットワークセキュリティ のホームページとして スタイルシートと次のページを作成する ネットワークセキュリティ コンピュータウィルス 無線 LAN のセキュリティ ファイヤーウォール (3) 競技時間競技時間は
目次 概要... 2 フォームレイアウトデザイナー機能の設定... 3 設定したフォームレイアウトデザイナーの確認...14 その他スタイルの設定...15 フォームレイアウトデザイナーをエクスポート...17 フォームレイアウトデザイナーをインポート...18 インポート時の制限事項...19 リ
[SP 改 ] フォームレイアウトデザイナー FOR SHAREPOINT 2013 ユーザーマニュアル 1.0 版 2014 年 04 月 11 日 株式会社アンク 目次 概要... 2 フォームレイアウトデザイナー機能の設定... 3 設定したフォームレイアウトデザイナーの確認...14 その他スタイルの設定...15 フォームレイアウトデザイナーをエクスポート...17 フォームレイアウトデザイナーをインポート...18
SnNCutCnvs ステッカーウィザードを使ってデザインを作成する ここでは スターターキットに付属している A4 サイズ (210 mm 297 mm) のプリントステッカーを使用する場合の例を説明します [ ステップ 1] エリアサイズを変更します パソコンの場合 : 編集画面 >[ プロジェ
SnNCutCnvs プリントステッカー機能の使い方 カッティングマシンのダイレクトカット機能と お手持ちのインクジェットプリンターを使って オリジナルステッカーを作ることができます SnNCutCnvs の基本的な操作については ヘルプを参照してください ヘルプを表示させるには 画面上部のをクリックします プリントステッカー機能を追加すると あらかじめデザインされたプリントステッカー模様が SnNCutCnvs
第6回 CSS入門(つづき)
Slide URL https://vu5.sfc.keio.ac.jp/slide/ Web 情報システム構成法第 6 回 CSS 入門 ( 続き ) 萩野達也 ([email protected]) 1 CSS の役割 HTML に表現を与える 背景 色, 画像, 画像の繰り返し 文字 色, 種類, 太さ, 傾き, 大きさ 文書 整列 ( 左揃え, 中央揃え, 右揃え, 均等割り付け )
Webプログラミング演習
Web プログラミング演習 STEP11 XSLT を使った画面生成 XML:Extensible Markup Language コンピュータが扱うデータや文書を表現する技術 SGML(Standard Generalized Markup Language) の改良 利用者が自由に拡張可能なマークアップ言語を設計 HTML=SGML を利用して作成された Web ページ記述言語 XHTML=XML
旅のしおり
ワードでワクワク旅のしおり Word2007 のいろいろな機能を使って楽しい旅のしおり作成に挑戦しましょう! 1. ワード (Word) の起動 2. ページ設定 3. 文字のレイアウト 6. 表のレイアウト 7. ファイルの保存 8. クリップアート挿入 4. セクション区切りの挿入 5. 表の挿入 下記のような 旅のしおり を作成します 1 1. ワード (Word) の起動 [ スタート ]
Microsoft Word - 30-PDFガイド.doc
PDF ファイル作成ガイドライン 日本都市計画学会学術委員会 ( ア ) はじめに Adobe PDF(Portable Document Format) は Adobe 社 (http://www.adobe.co.jp/) により開発 提供されている電子文書のファイル形式で Web で広く利用されています Windows Macintosh 等 主要なプラットフォームにおいて表示および印刷が可能です
ビューアページ画像の仕様
ビューアページ画像の仕様 i 目次 はじめに... 1 ビューアページ画像の仕様... 2 ページ画像の文字可読性...3 テキスト文書 (*.txt) のページレイアウト...4 ビューアで閲覧可能なファイル形式... 5 ビューアで閲覧できないファイル形式... 6 変換できない時の対処方法... 7 サポートされている Office 文書の画像変換に失敗する場合...7 レイアウトが崩れる...8
SILAND.JP テンプレート集
SILAND.JP のテンプレートを使った操作マニュアルの作成方法について スタイルの設定を使った文書作成 第 1 版 作成者しら 作成日 2014 年 2 月 21 日 最終更新日 2014 年 2 月 21 日 1 / 15 ダウンロードはこちら http://siland.jp/ 目次 SILAND.JP のテンプレートを使った操作マニュアルの作成方法について... 1 目次... 2 テンプレートのダウンロードについて...
目次 STEP.1 冊子の作成 Word を起動し ページの設定... 1 STEP.2 冊子の表紙作成 Word2007ワードアートの挿入 ( 表紙作成 ) Word2010ワードアートの挿入 ( 表紙作成 )... 3 STEP.3 新しいページの挿入.
WORD で冊子を作ろう Word の便利な機能を使って冊子つくりを学びます 目次 STEP.1 冊子の作成... 1 1.Word を起動し ページの設定... 1 STEP.2 冊子の表紙作成... 2 1.Word2007ワードアートの挿入 ( 表紙作成 )... 2 2.Word2010ワードアートの挿入 ( 表紙作成 )... 3 STEP.3 新しいページの挿入... 5 3. 新しいページの挿入...
文字コード略歴 よこやままさふみ社内勉強会 2012/05/18 文字コード略歴 Powered by Rabbit 2.0.6
文字コード略歴 よこやままさふみ社内勉強会 2012/05/18 自己紹介 横山昌史 入社 4 年目 プログラマ etc... 所属プロジェクト Java UNIX 雑用 etc... 文字コードの " るつぼ " Rabbit について プレゼンテーションツール 実装 : Ruby/GTK 動作 : UNIX/Win/Mac 文章とデザインの分離 バージョン管理しやすい 文字コードとは 文字をコンピュータで扱うための符号化方式
定期講座ガイド ~Office2016~ 協立情報通信株式会社
定期講座ガイド ~Office2016~ 協立情報通信株式会社 目次 共通... 5 M-TK-1601... 5 MOS 試験オリエンテーション ~ 学習の進め方 模擬試験プログラムの使い方 試験の攻略ポイント~... 5 WORD... 5 M-TW-1601... 5 文書の作成と管理 1 ~ 文書の作成 文書内の移動 書式設定 ~... 5 WORD... 6 M-TW-1602... 6
エクセル応用 2016 第 1 章関数の利用 1 作成するブックを確認する 2 関数の概要 3 数値の四捨五入 切り捨て 切り上げを使う 4 順位を求める 5 条件で判断する 6 日付を計算する 7 表から該当データを参照する 第 2 章表作成の活用 1 作成するブックを確認する 2 条件付き書式を
エクセル基礎 2016 第 1 章 Excelの基礎知識 1 Excelの概要 2 Excelを起動する 3 ブックを開く 4 Excelの画面構成 5 ブックを閉じる 6 Excelを終了する 第 2 章データの入力 1 新しいブックを作成する 2 データを入力する 3 データを編集する 4 セル範囲を選択する 5 ブックを保存する 6 オートフィルを利用する 第 3 章表の作成 1 作成するブックを確認する
日本作物学会講演要旨PDFファイルの作成手順
日本作物学会講演会講演要旨 PDF ファイルの作成手順 Microsoft PowerPoint で原稿を作成,Adobe Acrobat 7.0 (6.0) で PDF ファイルに変換 ~.joboptions ファイルを利用せずに PDF ファイルの作成方法を設定する ~ 本文書では,Microsoft PowerPoint を用いて作成した講演要旨原稿を,Adobe Acrobat を用いて
アメブロは そのままで使えるおしゃれなテンプレートが豊富にそろっているのが特徴ですがさらにデザインをカスタマイズすることによって 見やすく集客しやすいブログにすることができます このテキストでは 2016 年 3 月にリリースされた CSS 編集用デザイン を使用して あなただけのデザインにアメブロ
このテキストについて このテキストは おもに下記の方を対象にしています Windows パソコンを使い 基本的なキーボード操作 マウス操作のできる方 アメブロを自分だけのデザインにカスタマイズしたい方 アメブロにメニューバーなどを設置して 使いやすいデザインにしたい方 本書はパソコン教室での個別学習を想定して作成されたテキストです インターネットにつながる環境が必要です テキストの作成環境 OS:
Microsoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx
CSS(Cascading Style Sheets) の基本 1. CSSの基本的な考え方は HTMLの構造を表す要素 ( タグ ) に対しスタイルを定義するというもの 2. CSSでは セレクタ プロパティ 値 の3つを組み合わせてスタイルを設定する 3. セレクタ は ,, や 要素などコンテンツ内のどの要素にスタイルを適用するかを指定する 4. セレクタの次の
Microsoft PowerPoint - css-3days.ppt [互換モード]
情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,
スライド 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 チェック制約
_責)Wordトレ1_斉木
. Word の起動 第章. Word の基礎知識 Word の起動 Word の起動は次のように行います 他のアプリケーションソフトのように いくつかの 起動方法があります スタートメニューからの起動 スタートメニューから起動する方法は次の通りです [ スタート ] メニューの [ すべてのプログラム ] から [Microsoft-Office] の [Microsoft-Word] を選択します
合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 The. H.30 情報研究会 1
合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 2018 6.12 The. 1 前回の復習 n ブラウザ って何? n Web サイト のキホンを作ってみよう 2 ブラウザ とは?HTML とは?? n ブラウザとは? WEB ページを閲覧するためのソフトウェア p HTML というブラウザに言語を表示する言語によって表示されている n HTML とは? p Hyper Text
EDICOLOR 10 で確認されている問題
EDICOLOR 10 で確認されている問題 EDICOLOR10 について 以下のが確認されていますので ご注意下さい EDICOLOR10 において確認されましたを掲載しています 掲載しましたは アップデータにて修正を予定しています : 修正済 ( 修正バージョンをご利用いただけます ) : 現在調査 修正中 2015/4/21 MacX/Windows 42 段落 1 タブの OpenType
書式に示すように表示したい文字列をダブルクォーテーション (") の間に書けば良い ダブルクォーテーションで囲まれた文字列は 文字列リテラル と呼ばれる プログラム中では以下のように用いる プログラム例 1 printf(" 情報処理基礎 "); printf("c 言語の練習 "); printf
情報処理基礎 C 言語についてプログラミング言語は 1950 年以前の機械語 アセンブリ言語 ( アセンブラ ) の開発を始めとして 現在までに非常に多くの言語が開発 発表された 情報処理基礎で習う C 言語は 1972 年にアメリカの AT&T ベル研究所でオペレーションシステムである UNIX を作成するために開発された C 言語は現在使われている多数のプログラミング言語に大きな影響を与えている
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 演習
ホームページ・ビルダー16
Part 2 テンプレートからページを作る (3) Part 2-3 テンプレートを使ってページを作ろう テンプレートを利用してホームページを作りましょう テンプレートを利用すると 文字や画像を差し替えるだけで魅力的で華やかなページを作ることができます 特にフル CSS テンプレートを利用して作ったページは ページのデザインやレイアウトをスタイルシートで管理しているため あとから簡単にデザインやレイアウトの変更ができます
神戸芸術工科大学紀要『芸術工学』原稿作成の手引き
神戸芸術工科大学紀要 芸術工学 原稿作成の手引き 2018 年 4 月 1 日改正 1. 作成上の一般的注意 i. 原稿の作成は 規定のテンプレートを使用するか フォーマットの指示通りに行なうこと フォントの種類 サイズ 字間 行間 行数等については Word のテンプレートの設定を変更せずに作成すること InDesign 等を使用する際は サンプルを参考にすること ii. 使用言語 日本語 又は英語
CSS3縦書きをサポートする組版エンジンAH Formatterの紹介
CSS3 縦書きをサポートする組版エンジン AH Formatter の紹介 2012-03-06 ( 次世代ブラウザ技術を用いたコンテンツ表現方式に関するイベント ) むらかみしんゆう 村上真雄 @MurakamiShinyu [email protected] (1 / 25) 目次 1. はじめに................. 3 1.1 自己紹介.................
サンプル CSS OutlineAnimation.html の説明 HTML の記述 (OutlineAnimation.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中にテキストで Out
1339 アウトラインのアニメーション outline は入力フィールドの輪郭を赤くして目立たせるなど ユーザーインターフェースと して使用されることが多い機能です また outline でボックスの輪郭をアニメーションさ せることもできますが あまり使われることはないかもしれません アニメーションで変化させることができる outline 関係のプロパティ outline-color animation
Excel2013基礎 数式と表編集
OA ベーシック Excel2013 基礎数式と表編集 1 / 8 Excel2013 基礎数式と表編集 数式と表編集前編 ( 数式 ) 数式の入力 Excel では 等号 (=) で始まるデータを数式として認識します 数式を入力する場合は 数値を直接入力するのではなく 数値が入力されたセルを参照する形で式を立てます 基本的な 四則演算を行う場合は 四則演算子を使用します 操作数式を入力します 前月比を求める数式
Microsoft Word - 操作マニュアル(PowerPoint2013)
PowerPoint2013 基本操作 P.1 PowerPoint2013 基本操作 1.PowerPoint2013 の起動... 2 2. スライドのサンプル... 3 3. スライドの作成... 4 4. 文字の入力とテキストボックス... 5 5. 図の作成と書式設定... 5 6. グラフの作成... 6 7. 背景デザインと配色... 7 8. アニメーション効果... 8 9. スライドショーの実行...
C#の基本
C# の基本 ~ 開発環境の使い方 ~ C# とは プログラミング言語のひとつであり C C++ Java 等に並ぶ代表的な言語の一つである 容易に GUI( グラフィックやボタンとの連携ができる ) プログラミングが可能である メモリ管理等の煩雑な操作が必要なく 比較的初心者向きの言語である C# の利点 C C++ に比べて メモリ管理が必要ない GUIが作りやすい Javaに比べて コードの制限が少ない
STEP2 様々な書式を設定する 1. 均等割り付け 31 行目の 日時 を選択するホームリボンの段落グループの均等割り付けボタンにポイントすると 説明がプレビュ - される 確認し クリックする 3 < 文字の均等割り付け > ダイアログ BOX が表示される 新しい文字列の幅を 4 字に設定し
均等割り付2008/5/18 Word2007 講座第 6 章文書の編集 STEP1 作成する文書を確認する STEP2 様々な書式を設定する ( 均等割り付け 箇条書き ルビ ( ふりがな ) 囲い文字 行間 ) STEP3 拡張書式設定する ( 組み文字 傍点 その他 ) STEP4 書式をスタイルに登録する STEP5 ヘッダーとフッターを作成する 1 STEP1 作成する文書を確認する段落スタイル発行日
Microsoft Word - 操作マニュアル(PowerPoint2010).doc
PowerPoint2010 基本操作 P.1 PowerPoint2010 基本操作 1.PowerPoint の起動... 2 2. スライドのサンプル... 3 3. スライドの作成... 4 4. 文字の入力とテキストボックス... 5 5. 図の作成と書式設定... 5 6. グラフの作成... 5 7. 背景デザインと配色... 7 8. アニメーション効果... 8 9. スライドショーの実行...
レイアウトエンジンカタログ
レイアウト エンジン アラビア語やタイ語など複雑な表記ルールを持つ言語に対応するためのソフトウェアです 1 レイアウトエンジンとは? 1 文字ずつの画像を文字列にします 文字間や行間の間隔調整などの処理もできます アラビア語やタイ語など複雑な表記ルールを持つ言語を正しく表示するために必要なソフトウェアです 入力テキストの文字コード列 { 0643, 062A, 0627,
◎phpapi.indd
PHP や HTML の知識がなくても大丈夫 PHP や HTML の基本も学べる FileMaker データベースを Web に公開したい FileMaker を使って動的な Web サイトを作りたい FileMaker しか知らない人が Web アプリケーションを作れるようになる! はじめに まず 本書を手に取ってくださりありがとうございます 本書はある程度 FileMaker Pro の扱いに慣れ
ポストカード
ポストカード作成 NPO 法人いきいきネットとくしま第 110 回定例勉強会 森の日 平成 25 年 7 月 24 日林暁子 デジカメで写した写真を使ってポストカードを作成します Windows に付属しているペイントソフトを使って写真の編集や加工をします で用紙を はがき に設定しポストカードを作成します 1. ペイントの起動 2. 写真を加工 3. ワード (Word) の起動 4. ページ設定
NPO 法人いきいきネットとくしま第 96 回定例勉強会 森の日 2012 年 6 月 27 日担当 : 吉田明子 図表 Smart Art( スマートアート ) 機能を使うと 情報の相互関係を分かりやすく表現でき 目的に応じて種類を選択出来てデザイン性の高い図表が作成できます 図表の中に写真やイラ
NPO 法人いきいきネットとくしま第 96 回定例勉強会 森の日 2012 年 6 月 27 日担当 : 吉田明子 図表 Smart Art( スマートアート ) 機能を使うと 情報の相互関係を分かりやすく表現でき 目的に応じて種類を選択出来てデザイン性の高い図表が作成できます 図表の中に写真やイラスト等を入れると表現力のある図表に仕上がります ファミリーの緊急連絡に応用してみました 中心のワードアートの飾り文字はポスターやチラシ等目立たせたい部分に使うと効果的です
Microsoft Word - CygwinでPython.docx
Cygwin でプログラミング 2018/4/9 千葉 数値計算は計算プログラムを書いて行うわけですが プログラムには様々な 言語 があるので そのうちどれかを選択する必要があります プログラム言語には 人間が書いたプログラムを一度計算機用に翻訳したのち計算を実行するものと 人間が書いたプログラムを計算機が読んでそのまま実行するものとがあります ( 若干不正確な説明ですが ) 前者を システム言語
(Microsoft Word - 01PowerPoint\217\343\213\211C\203p\203^\201[\203\223\222m\216\257\225\\\216\206.doc)
Microsoft PowerPoint プレゼンテーション技能認定試験 上級 2003 サンプル問題 知識試験 制限時間 30 分 受験会場 受験番号 氏 名 問題 1 次の文章は 作業環境について述べたものである を解答群 { } より選び その記号で答えよ にあてはまる適切なもの 設問 1. はルーラーの一部で 1 に示されるインデントマーカーは 設定するものである を { ア. 先頭行のインデントイ.
文字の装飾 / 配置について 文字の装飾 ( ボールド / イタリック / アンダーライン等 ) 網掛けは行わないでください 背景色は バーコード部分とのコントラストが低下する色を避けてください 文字の回転を行う場合 回転角度は 90 度 180 度 270 度以外は指定しないでください 文字間隔の
EPSONEAN-128 バーコードフォントの使い方 通常バーコードを作成するには データキャラクタ ( バーコードに登録する文字 ) のほかに様々なコードやキャラクタを指定したり OCR-B* フォント ( バーコード下部の文字 ) を指定する必要があります EPSON バーコードフォントは これらのバーコードやキャラクタを自動的に設定し 各バーコードの規格に従ってバーコードシンボルを簡単に作成
Ⅰ. 原則的考え方 最近 出版 印刷物の原稿がほとんどMSワードで入稿されるようになってきた 学会誌の原稿募集要項にも ワードで入稿 を義務づけているケースも増えている そのワード原稿には 文字データのみならず 写真 図 表も含まれていることが多い それらは 解像度や作成方法がまちまちで そのままで
実行するのはⅣⅤのみビットマップ画像 20ワードを InDesign に読み込む最良の方法 - 試論 [ 文字組編 Y 方式 -Part1] Ver.1.06 山崎 亮一 Ⅰ. 原則的考え方 2 Ⅱ. 実験でわかったこと 2 実験結果一覧表 3 Ⅲ. 基本的な作業の流れ 4 本文処理の流れ ( 太字 斜体 がある場合 ) 4 本文処理の流れ ( 太字 斜体 がない場合 ) 4 画像処理の流れ 4 表処理の流れ
【第一稿】論文執筆のためのワード活用術 (1).docx.docx
ワード活用マニュアル レポート 論文の作成に欠かせない Word の使い方を勉強しましょう ワードはみんなの味方です 使いこなせればレポート 論文の強い味方になってくれます 就職してからも必要とされるスキルなのでこの機会に基本的なところをおさえちゃいましょう 各セクションの最後に練習問題があるので HP に添付されているワークシート (http://www.tufs.ac.jp/common/library/lc/word_work.docx)
( 注 )Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color のプロパティで描くこ
1330-2 Radial Gradation のアニメーション (2) 背景 (background) を円形グラデーション (Radial Gradation) のアニメーションにして みましょう radial-gradient と repeating-radial-gradient の仕様は 別本 Transition を使いこな す編 の 1238-1 円形グラデーション Radial Gradation
