時間を節約するDreamweaverのヒント - ダミー

最高のプログラムでも、自分の使い方を知っていれば、より良いプログラムが得られます。これらのヒントをチェックして、Webサイトを開発する時間を節約してください。これらのヒントのほとんどは、MacintoshとWindowsの両方のユーザーに適用されます。どちらか一方のみに適用すると、このヒントはWindows版とMac版のどちらに適用されるかを説明します。

混乱を解消する

Dreamweaverの多くのパネル（以前のバージョンでは パレット と呼ばれていました）は、最も人気のある機能に素早くアクセスできますが、あなたの仕事を賞賛したり（または他の人を傷つける）欲しがるときにあなたを邪魔しないようにするには、すべての目に見えるパネルを一度に隠すショートカットF4キーを使用します。それらを元に戻すには、もう一度F4キーを押してください。

<！ - 1 - >

パネルを個別にオンまたはオフにするには、各パネルに割り当てられたキーボードショートカットを使用します。メニューから[ウィンドウ]を選択すると、各パネル名の横にキーボードショートカットが表示されます。これらのショートカットを使用して、パネルのオン/オフを個別に切り替えることができます。デザインウィンドウの右下隅にあるランチャーバーを使用して、サイトパネル、アセットパネル、HTMLスタイルパネル、CSSスタイルパネル、ビヘイビアパネル、およびヒストリパネルにアクセスすることもできます。

<！ビューの分割：コードの操作

DreamweaverでHTMLソースコードとWYSIWYG（見えるものが得意です）のデザインビューを切り替えたい場合は、 HTMLソースとWYSIWYGデザインエリアを同時に表示できるように、ウィンドウを分割することができるバージョン4の新しいオプションがありがたいでしょう。ウィンドウを分割するには、表示 - >コードとデザインを選択します。

<！ - 3 - >

Dreamweaverに組み込まれているテキストエディタの拡張機能には、自動インデント機能や複数行の選択、インデント機能などがあります。入力時に表示されるライブシンタックスの色付けも見られます.HTMLとJavaScriptの色を区別することさえできます。編集 - >設定 - >コード色タブを選択して色を割り当てます。

デザインの調整

HTMLテーブルは複雑なWebデザインを作成する最良の方法です（古いブラウザではまだレイヤーがサポートされていないため）Dreamweaver 4では、ビジュアルデザインエリアにテーブルを作成するのが簡単になりました。新しいレイアウトビューでは、作成した行やセルの数を気にせずに、ページに表を描画し、その場所にドラッグしたり、ネストした表のセルをグループ化したりすることができます。この機能を使用して、ウィンドウサイズに合わせて変更されるテーブルを作成することもできます。これは、すべてのモニタでデザインが確実に機能するようにするための素晴らしい方法です。

Dreamweaverの新しいテーブル作成環境にアクセスするには、「表示」 - >「テーブル表示」 - >「レイアウト表示」を選択し、ドラッグアンドドロップして任意の種類の表を作成します。セルとテーブルのレイアウトオプションは、[オブジェクト]パネルで確認できます。

テキストの変換

Dreamweaver 3でテキストとしてペーストする機能を使用していた場合は、Dreamweaver 4でそれが見つからないことに失望しないでください。これで、ファイル→貼り付けを選択するだけで、Wordの処理ドキュメントから書式設定されたテキストの書式設定が維持されます。少なくとも、行間隔は維持されます。真実ですが、Dreamweaverはテキストの変換に関してはまだまだ弱いです。

HTML形式で保存機能（Microsoft Wordなど多くの言語でこの機能を提供しています）を含むワープロまたはスプレッドシートプログラムを使用する場合は、Dreamweaverでテキストを再フォーマットする必要がありません。テキストをコピーしてDreamweaverに貼り付ける代わりに、ワードプロセッサプログラムのファイル - > HTMLとして保存機能を使用し、ファイルの名前を変更してDreamweaverで新しいファイルを開きます。 Microsoft WordやExcelは表の書式も保持しています。テキストや数値の大きな表を扱う場合はリアルタイム保護が必要です。

機能フォントの検索

デザイナーは、どんなフォントでも使用できることがわかったらとても興奮しています。実際には、視聴者はコンピュータ上にフォントを表示しなければなりません。フォントが一般的になればなるほど、意図した方法を表示する可能性が高くなります。より珍しいフォントを使用したい場合は、そのフォントを使用してください。代替フォントも含めてください。 Dreamweaverのフォントリストにはすでに一般的なフォントのコレクションが含まれており、テキスト - >フォント - >フォントリストの編集を選択して、独自のフォントリストを作成できます。

Windowsは、ネット上で最も一般的なオペレーティングシステムです。大多数のユーザーにとって最高の結果と最速の結果を確実に得るには、まずWindowsフォントをリストします。

視聴者への指示

DHTMLとCSSで埋め尽くされた最先端のページデザインを使用すると、すべての視聴者が満足できるようにするために、複数のサイトを作成することが最もフェイルセーフなソリューションです。これは、2つ以上のページセットを作成することを意味します。最新の機能を使用するページと、より一般的にサポートされている古いHTMLタグを使用するページのセットです。しかし、視聴者が正しいページを確実に取得できるようにするにはどうすればよいですか？ブラウザの動作を使用します。

Check Browserの動作はJavaScriptで書かれており、サイトに入場した各視聴者が使用するブラウザのタイプを決定します。その結果、ブラウザのバージョンに最も適したページデザインにユーザーが誘導されます。この機能を使用するには、[ウィンドウ] - > [ビヘイビア]を選択して[ビヘイビア]パネルを開きます。プラス記号（+）をクリックして、オプションのドロップダウンリストを開きます。 [ブラウザの確認]を選択すると、ブラウザのバージョンを指定して、サイトのどのページに指定するかを指定するダイアログボックスが開きます。ユーザーがサイトにアクセスすると、指定したブラウザの種類とバージョンに基づいて、自動的に選択したページに移動します。