PAGE 2011『DTP制作者のための EPUBのXHTML+CSS編集』セッションフォローアップ(2)

この記事は鷹野雅弘によって執筆されました。
公開日:2011年2月 6日、更新日:2016年2月 6日

PAGE 2011でのセミナー終了後に、リクエストいただいたので、ePub編集を行う上で最低限覚えておきたいタグなどをリストアップしてみました。

最低限覚えておきたいHTMLのタグ

ブロックレベル要素は「段落スタイル」、インライン要素は「文字スタイル」にあたります。

ePubで使えるHTMLのタグはこちらに定義されています。

種類カテゴリタグ読み方意味由来
ブロックレベル骨組みhtmlエイチティーエムエル-
head ヘッド-
bodyボディ-
テキストh1〜h6エイチ見出しheading
pピー段落paragraph
divディブ任意の範囲、グループ化division
リストulユーエル

番号なしテキスト
(箇条書き)

unordered list
olオーエル番号付きテキストordered list
liリストの項目list item
その他tableテーブル-
インライン強調emエム強調 emphasis
strongストロングより強調-
その他aエー(アンカー)リンク箇所anchor
brビーアール改行(段落内)line break
imgイメージ画像image
spanスパン汎用的に使用-

最低限覚えておきたいCSSのプロパティ

ePubで使えるCSSのプロパティはこちらに定義されています。

カテゴリ項目名ざっくりした意味
文字まわりfont-familyフォント
font-sizeサイズ
font-weightウエイト
font-styleスタイル(斜体/正体)
line-height行送り
text-decoration下線や取消線
color文字の色
 letter-spacing文字間隔
text-align行揃え
text-indent1行目のインデント
要素background-color背景色
 width
height高さ
float回り込み
padding内側の余白
margin外側の余白
ボーダーborder-style枠線のスタイル
border-width枠線の幅
border-color枠線のカラー

そのほか、CSSをやっつける上では次のあたりがポイントになります。

DW_cover160.jpg

  • CSSの記述場所
  • CSSの構文
  • CSSセレクター
  • ボックスモデル(padding/margin/borderの関係と計算方法)
  • CSSリセット
  • 優先順位(継承、詳細度)

効率的なサイト制作のためのDreamweaverの教科書』では、Lecture 5-1から5-8(pp.96-121)をご参照ください。

『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』(増強改訂版)は、2011年発売の『10倍ラクするIllustrator仕事術』の改訂版。2014年に技術評論社から発売、現在5刷です。2011年版と合わせて35,000部のロングセラーとなっています。

詳しくはサポートサイトにて。

画像:『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』全都道府県縦断セミナーツアー、 47都道府県すべての県での開催が終了しました。ご参加ありがとうございました!

画像:『10倍ラクするIllustrator仕事術』改訂版

5つの「く」

画像:『10倍ラクするIllustrator仕事術』改訂版

DTP Transitのコアとなっている制作へ考え方「ムラなく、モレなく、直しに強く、手数を少なく、美しく」を5つの「く」としてまとめてみました。

オススメのスライド

お問い合わせ

メールマガジン

サイトの新着情報などを、月1回程度、メールマガジンでも配信しています(まぐまぐから配信。無料です)

オススメ記事

Illustrator

InDesign

Photoshop

その他

 

リンク

このページの上部に戻る