Zen-Codingはみんなのもの

2010年初頭、巷で噂になった「Zen-Coding」。テンプレート設計などゼロからのマークアップに特化した印象が強いようですが、実は原稿ベースのマークアップでもその恩恵は受けられます。今回は、Zen-Codingの基本からいろいろな制作パターンにあわせて覚えておけば作業を数倍高速化できるZen-Codingの使い方を紹介します。

支給されたデータを効率よく利用するためのTIPS

クライアントから支給されたデータにちょっと手を加えることで、Webページの作成にかかる手間を省くことができます。Dreamweaverの検索・置換機能を使ってHTMLのソースをキレイにしたり、原稿となるMicrosoft Office書類を整形してHTMLに組み込みやすくする方法をご紹介します。

効率的なサイト制作のために欠かせないDreamweaverテンプレートの使いどころ

Dreamweaverを単なるエディタとして使っていませんか？
Dreamweaverは、サイトを構築するという流れの中で、ライブラリ、テンプレートなどを使ってこそ、その恩恵に預かれます。

Dreamweaverテンプレートを使うことを自由度が減ると思う方もいるようですが、テンプレートを使うことで次に挙げることが可能になります。
「ロックされた領域をページごとに表示・非表示を切り替える」
「新着情報、FAQなど、項目のセットごとに挿入・削除したり、順番を入れ替える」
「title要素、h1要素、パンくずリストの文字列を一括で挿入する」

Dreamweaverをさらに使い倒し、改めてワークフローを見直しましょう。

PhotoshopとFireworksを併用したワークフローに合わせたスライスの使い分け

日頃のデザインワークは全てPhotoshopを使用しています！という方もいらっしゃるのではないでしょうか。
手に馴染んだ勝手のわかるアプリケーションの使用は「いつも通り」という安心感は強いのですが、制作の工程も「いつも通り」の方法で行いますので、更なる効率化は見込みにくい面があります。
中でも顕著なのがスライスの書き出しに関する工程であり、現在のバージョンではより効率良く行える機能が実装されています。
今回は「PhotoshopとFireworksを併用したワークフローに合わせたスライスの使い分け」をご説明します。

Web制作を加速させる「Fireworks」

Fireworksのページ機能やスライス機能などをうまく活用すれば、Dreamweaverをもっと活用できます。
Fireworksの機能を知ることで、Web制作を加速させましょう。

DreamweaverテンプレートのContribute最適化

Contributeというソフト、CS＊についてくるあのソフト、皆さん起動したことございますでしょうか？
このソフトはDreamweaverで制作し完成、納品となった後に、制作時に使用したDreamweaverテンプレートがクライアントサイドで再び利用できるソフトなんです。

サイト公開後、制作会社はDreamweaverを使いながらサイトの管理を行い、クライアント側ではContributeを使って更新することができます。
チェックインチェックアウト機能で同一ファイルを同時に編集すること無く、サーバ上のファイルをそれぞれ取り扱うことができます。
これを使えば自分で簡単に更新したいクライアントとトーン&マナーを壊されたくない制作会社がともに満足できるサイト運用が可能です。

今回はDreamweaverを使ってContributeで使いやすいテンプレートへのカスタマイズ方法などをご説明します。