第138回 バンフーセミナー(Web制作の基本)が終了しました
2012年7月19日、ベルサール神保町3Fにて第138回 バンフーセミナーが開催されました。
鷹野雅弘(スイッチ、DTP Transit)が講師を担当し、「プリントメディアに従事する人も最低限おさえておきたいWeb制作の基本」というテーマで90分お話しいたしました。
プリントメディアに従事する方の中には、Web制作もマスターしたい、 仕事の領域を広げたいと思っていてもなかなか踏み出せなかったり、挫折してしまう方も少なくないようです。一方、ePubの中身はHTML+CSSでできているなど、HTMLやCSSの基本をおさえておくことは、社会人にとって必要なスキルともいえる時代になってきました。今回はDTPとWebを比較しながら、HTMLやCSSなどのWeb制作の基本を解説します。
お配りした資料は、『Webクリエイター能力認定試験エキスパート 公式テキストブック』から抜粋したものです。
DTP Transitの中での関連するエントリーです。
- セミナーレポート「パソナテックセミナー:広がる"日本語Web Fonts"の世界 Webデザインに"フォント"を取り入れるとは?」 #typesquare - DTP Transit
- モリサワのWeb Fonts「TypeSquare」がサービス開始 - DTP Transit
- あまりWebのことに詳しくないDTP系の方へのURLに関するいくつかのヒント - DTP Transit
- PAGE 2011『DTP制作者のための EPUBのXHTML+CSS編集』セッションフォローアップ - DTP Transit
- PAGE 2011『DTP制作者のための EPUBのXHTML+CSS編集』セッションフォローアップ(2) - DTP Transit
- DTPのスタイル機能と、Web/ePubのCSSの違い(2) - DTP Transit
- DTPのスタイル機能と、Web/ePubのCSSの違い(1) - DTP Transit
前半部分の「DTPの人がやりがちな誤り」のレジュメは下記の通りです。
- 強調箇所にアンダーラインを使う
- 強調箇所などの文字カラーを頻繁に変更する
- 文字ブロックをまとめて画像化する
- 行頭行末揃え、禁則やツメなどにこだわりすぎる
- (デバイスフォントの指定に)「新ゴ」などを使う
- URLを変更したときに、リダイレクトしない
- コンテンツを消してしまう
- 支給されたテキストをそのまま使う
- idを付けない
アンケートにて前半は不要だった、とのご意見もいただきましたが、DTPの方にとって、もっとも重要なのは、スキル的な部分でなく、Web的な考え方やアプローチです。
この手のものは、あまり言語化されていません。心の中で冷笑されていても指摘されることは少ないのではないかと思います。さらに、デスクトップ向け、スマホ向けでは、また、いろいろ異なる事情が出てきます。 まずはひとりのユーザーとしての実体験を重ねることが重要だと考えます。