InDesignからePub書き出しするとき、段落スタイル名はCSSのクラス名となり、XHTMLでは「p class="段落スタイル名"」のようになります。
基本的には次の方針に従い、InDesign内で段落スタイル名を変更しておくことをオススメします。
- 段落スタイルには英数字とハイフンのみを使用する
- 全角文字、スペース、その他の記号は使わない
- アルファベットは小文字のみを利用する
- 数字からはスタートしない
DTP Booster 021-024の4回分が満席になってしまい、キャンセル待ちとなっておりましたInDesignからのePub書き出しのハンズオンセミナーを9月末に2回追加します。
DTP Booster 025(Tokyo/100901)
- 日時:2010年9月28日(火)19:00-21:00
- 会場 :JaGraプロフェッショナルDTP&Webスクール(中央区日本橋小伝馬町)
- 詳細・お申し込み
DTP Booster 026(Tokyo/100926)
- 日時:2010年9月29日(水)19:00-21:00
- 会場 :JaGraプロフェッショナルDTP&Webスクール(中央区日本橋小伝馬町)
- 詳細・お申し込み
参加者特典
下記をご用意しています。
- Dreamweaverの検索クエリー(直接ソースコードをいじらずに、InDesignがはき出したHTMLファイルを整形)参照:InDesignから書き出したXHTMLファイルのソースコードの整形
- そのまま、または少しだけ手を加えて使えるCSS
2010年7月20日に開催したDTP Booster 016は、80席が即日満席となり、2回の再演を行いました。DTP Booster 016-018では「EPUBの編集を行うにあたりCSSやHTMLの最低限の知識を得ていただくこと」をゴールとしましたが、「ePubにフォーカスしたハンズオン(操作研修)を」という声をたくさんいただき、ハンズオンセミナーを企画しました。
InDesignから書き出したXHTMLファイルのソースコードは、Web制作に関わる人間から見ると、一瞬クラっとするほど、ムダなコードが含まれています。
たとえ、HTMLに精通していてもハンドコーディングでソースコードを修正していくのは手間が折れるだけでなく、時間がかかり、修正モレも生じます。Dreamweaverを使って
Dreamweaverでの整形の流れ
- .epubファイルを解凍し、その中の「OEBPS」フォルダーを対象に、サイト定義を行う
- 検索置換を利用してソースコードを整形する(後述)
- 見出しセルに設定したいセルをデザインビューで選択後、[プロパティ]パネルの[ヘッダー]をクリックする(tdがthに変更される)
- [コマンド]メニューの[ソースフォーマットの適用]を実行して、ソースコード内の改行やインデントなどを整理する
- [ファイル]メニューの[バリデート]→[マークアップ]をクリックして、文法チェックを行う
Dreamweaverの検索置換を使って行うソースコードの整形
Dreamweaverでは、開いているファイルを対象に、高度な検索置換を利用することができます。
検索置換の条件(クエリー)はファイルとして保存し、あとから読み込むことができるので、これを利用するとよいでしょう(DTP Booster 021-026にご参加の方には、このクエリーをご提供しています)。
この方法を使れば、検索ダイアログボックス内ですら、ソースコードを入力することが不要です。
2010年8月27日、富士ゼロックス北陸株式会社1階ショールーム(金沢市)にてDTP Booster 019(Kanazawa/100827)を開催し、48名の方にご参加いただきました。

お〜まちさんのセッション『日本語を組むときの基本』のスライドは、ディザInDesignブログにて公開されています。
InDesignの勉強部屋を運営されている森裕司さんがInDesignのスタイル機能を解説した、iPhone/iPod touch用ガイドブックアプリIDスタイルを、App Storeにて350円で販売を開始しています。
Photoshop CS4で追加されたブラシサイズの変更方法ですが、Photoshop CS5では、もうちょっと変わりました。
- control+optionキーを押しながら左右にドラッグ:ブラシサイズの変更
- control+optionキーを押しながら上下にドラッグ:ブラシのボケ足のサイズ変更
多くの方には釈迦に説法だと思うのですが、最近、お伝えする機会が多いので書いておきます。
大前提
ロゴには規定があり、デザイナーが勝手に手を加えることはNGです。
細かいルール
- カラーリングを正しく(CMYK/RGB/DICなど)
- ドロップシャドウや白フチを付けてはいけません
- 縦横比を正しく
- 回転させてはいけません
- ロゴマーク(図形)とロゴタイプ(タグラインなどのキャッチコピー)が別れている場合、その位置関係を正しく
- キャッチコピーがテキストになっている場合には正しい書体を確認してください
- 封筒、名刺、ポスターなどに配置する場合には、紙面の外からの距離が定義されています
9月8日15時〜18時半、毎日コミュニケーションズ パレスサイドビル9F マイナビルームAにてMJクリエイティブ電子出版セミナーVol.1が開催されます。
雑誌「Web Designing」、雑誌「+DESIGNING」、マイコミジャーナルの3媒体合同主催によるもので、電子出版をめぐる現状や課題についての理解を深めることを目的としたセミナー。セミナーの参加対象者は、編集者、デザイナー、DTPオペレーターなど制作者を中心とした、電子出版に関わる人々。
セミナーの講演内容としては、「電子出版の今と出版業界の課題/講師:村瀬拓男(弁護士)」、「電子書籍フォーマットの基礎知識/講師:境祐司」、「InDesignからePubの書き出しの実際/講師:森 裕司(ザッツ)」などが予定されている(※講演タイトルはすべて仮題)。
参加費は8,000円で募集は120名限定だそうです。
2010年8月19日、アップルストア銀座にて開催されたCSS Nite in Ginza, Vol.51のフォローアップ(スライド、音声)が公開されています。
CSS Niteは、Web制作に関わる方のためのセミナーイベントですが、ジャンルに関係なく、まとめていただいているので、参考になるところがあると思います。
2010年6月のDTP Booster 014の終了後、EPUBの編集を行うにあたりCSSやHTMLの最低限の知識が必要だよね、とうことで、都内で開催したDTP Booster 016は、再演(017)、再々演(018)を行いました。これの大阪版を10月2日に開催します。
- イベント名:DTP Booster 020(Osaka/101002)
- 日時:10月2日(土)13:50-16:10
- 会場:大阪産業創造館(サンソウカン)(大阪市中央区本町)
- 参加費:2,500円(事前決済)
電子書籍の汎用フォーマットであるEPUBのオーサリングを行う際、HTMLやCSSのスキルが必要になってきます。QuarkXPressや InDesignのスタイルシートと似て非なるCSS、そして、それ以前に知っておくべきHTMLのマークアップについて、短時間で、必要最小限の知識をご紹介します。
次の内容を予定しています。
- HTMLの基礎
- CSSの基礎
- ePub編集のワークフロー
なお、DTP Booster 020(Osaka/101002)終了直後、同会場にて「CSS Niteビギナーズ:Dreamweaver編」が開催されます。DTP制作者にはハードルが高いHTMLやCSSの手打ち作業。これを効率的に行うDreamweaverの基本について学べます(同時にお申し込みされると割引があります)。














