テキストを入力する

この情報はお役に立ちましたか？よろしければ皆様にもお知らせください。

通常の入力

Dreamweaverを使ってテキストを入力する場合、デザインビューとコードビューでは若干動作が違います。

デザインビューで操作すると、自動的にHTMLのタグが補完された状態で作業を進めることができます。
つまり、普通にテキストを入力するだけでHTML文書ができる、ということです。
この意味では、ブログを入力するような感覚と一緒といえます。

デザインビューでの入力では、Enterキーを押すと、段落が変わり（p要素）、Shiftキー＋Enterキーを押すと、改行（br要素）になります。

コードビューで操作すると、自動的にHTMLタグが補完されるようなことはありません。すべて自分の手で入力しなければなりません。

コードビューでの入力では、Enterキーを押すと、コード上で改行されますがHTMLタグは何も追加されません。Shiftキー＋Enterキーを押すと、br要素が追加されて、コード上でも改行されます。

コードビューの利点は、細かい操作を自分で行えることです。
HTMLエディタには、Dreamweaverをはじめ、Home Page Buiderなど様々なものがありますが、そのいずれも、HTMLの基礎知識を知っておかなければ、自分の思い通りのサイトをつくることは難しくなります。

[表示]->[ツールバー]->[挿入]により、[挿入]ツールバーを画面上部に表示させておきましょう。

挿入ツールバー

このツールバーのうち、「テキスト」を選択すると、見出しや段落、リスト項目など、基本的なテキスト操作を行うタグを挿入することができます。

詳しくは「テキスト：段落フォーマット」などをご覧ください。

[挿入]ツールバーは、[テキスト]メニューなどのコマンドのうち、比較的よく使われるコマンドを、ショートカットアイコンとして表示したものです。
よく使うので、表示しておきましょう。

UpDate:2010-9-29

〔Amazonの書籍紹介ページを開きます〕

ウェブサイトの制作に沿った形で参照できるDreamweaver の解説本。逆引きリファレンスのような感覚で、知りたい箇所から読んで理解することができる、非常に分かりやすい本。初心者～中級者向け。

ウェブ制作の必携ツール・・・といったら大袈裟かもしれませんが、HTMLとCSSを一通り覚えたら、Dreamweaver を使って制作した方が圧倒的に楽になります。バージョンアップするごとに確実に使い勝手は向上しています。

中級者以降向け。独学でDreamweaver を使ってきた人など、実は便利な機能があることや正しい使い方を知らない、という人に向いています。本書はCS3を想定してかかれていますが、それ以外のバージョンであっても読むことはできます。

Dreamweaver 初心者向けの本。Dreamweaver はおろか、HTMLやCSSもよくわからない、という人を想定して書かれているので、基本から応用まで無理なく知識を得ることができます。ただし、本書一冊ではDreamweaver の機能すべてを知ることはできません。あくまで初心者向き。

Flashを使ったアニメーションを、操作方法の解説だけでなく、企画や動作のシナリオ、キャラクタデザインのコツから説明しており、まさにアニメーションの解説本といえます。より自然な動きに見せるためのテクニックも掲載されています。中級者になりかかった人向け。

ウェブ用の画像制作に特化した画像加工ツール。Photoshopは複雑すぎる、高すぎるという人にお奨め。実際、便利な機能がそろっており、ウェブ用の画像をつくるだけであれば、十分な機能を有しており、私も今まで困ったことはありません。

Fireworks初心者向けの本。説明どおりに画像を作成していくことで、つくり方を覚えるという構成になっています。Fireworksの使い方をある程度知っている人には物足りなく感じてしまうかもしれませんが、初めてFireworksを使うという人には適しています。

ウェブページで動画やインタラクティブなコンテンツを配信するためのツール。ActionScript を利用すると複雑なスクリプトを作成することができます。