Sue Jenkins、Richard Wagner
Dreamweaver CS5は、生産性を大幅に向上させ、変更を加えることができるため、Dreamweaverワークスペースの使い方を覚えやすくなります。あなたがWebサイトを構築する方法。すべての重要なDreamweaver CS5キーボードショートカットと一般的なHTMLコーディングルールを知ることで、デザイナーとしての効率をさらに高めることができます。覚えやすいキーボードショートカットと一般的なコーディングヒントを使用して、Dreamweaverワークスペースの使い方を見つけ、より速くスマートに作業し、Webサイトを簡単に構築できます。
<！ - 1 - >Dreamweaver CS5のキーボードショートカットで時間を節約する
Dreamweaver CS5を使用すると、ショートカットがわかったときの方がはるかに高速です。デザイン、分割、コードビューでこれらのキーボードショートカットを使用すると、ドキュメントの作成、編集作業の実行、ワークスペース機能の非表示と表示、シンプルなフォーマットの適用、コードの選択、選択、Dreamweaverのヘルプへのアクセス、ライブビューとブラウザ、 もっと。
| キーボードコマンド | PCショートカット | Macショートカット |
|---|---|---|
| 新しいドキュメントを作成する | Control + N | コマンド+ N |
| 既存ドキュメントを開く | コントロール+ O | コマンド+ O |
| コマンド+ O | 開いているドキュメントを保存する | Ctrl + S |
| コマンド+ S <開いているすべてのドキュメントを閉じるCtrl + Shift + W | コマンド+ Shift + W | 終了/ Dreamweaverを終了する |
| Ctrl + QまたはAlt + F4 | Command + QまたはOpt + F4 <元に戻す | Ctrl + ZまたはAlt + Backspace |
| Option + Delete | やり直し | Control + Yまたは |
| Ctrl + Shift + Z | Command + YまたはCommand + Shift + Z > | Ctrl + X |
| Shift + Delete | コマンド+ Xまたは
Shift + Delete |
コピー |
| Ctrl + C | コマンド+ C
貼り付けコントロール+ A |
コマンド+ A
コマンド+ V |
| コマンド+ V | コマンド+ V | >検索と置換 |
| Control + F | Command + F | 初期設定パネルを開く |
| Control + U | コマンド+ U | ルーラーの表示/非表示 |
| Control + Alt + R | コマンド+ Option + R | gの表示/非表示uides |
| Control +; | Command +; | 視覚補助機能の表示/非表示 |
| Control + Shift + I | コマンド+ Shift + I | グリッドの表示/非表示 |
| Ctrl + Alt + G | Command + Option + G <ページのプロパティの編集 | Control + J |
| Command + J | デザインビューの更新 | F5 |
| F5 | 選択したテキストを太字にする | Control + B |
| Command + B >選択したテキストに斜体を適用する | Control + I | Command + I |
| 選択したテキストに段落書式を適用する | Ctrl + Shift + P | Command + Shift + P |
| 見出し書式を適用する | 改行を追加する | Shift + Return |
| 改行を追加する | 改行を追加する< Shift + Return | 改行しないスペースを挿入する |
| Command + Shift +スペースバー | Command + Shift +スペースバー | オブジェクトまたはテキストを移動する |
| 選択範囲を新しい場所にドラッグ | 場所の選択 | オブジェクトまたはテキストのコピー |
| 選択範囲を新しい場所にドラッグドラッグ | 選択範囲を新しい場所にドラッグ | 単語を選択 |
| ダブルクリック | ダブルクリック | 選択行またはテキストブロック |
| トリプルCtrl + Alt + T |
Ctrl + Option + I | トリッククリック |
| 画像の挿入 | Ctrl + Alt + I | |
| スペルチェックを実行する | Shift + F7 | Shift + F7 |
| ヘルプウィンドウを開く | F1 | F1 |
| ズームイン | Control + = | Command + = < ズームアウト |
| コントロール+ - | コマンド+ - | プライマリブラウザでプレビュー |
| F12 | オプション+ F12 | セカンダリブラウザでプレビュー |
| Shift + F12またはCtrl + F12 >コマンド+ F12 | ライブビュー | Alt + F11 |
| Option + F11 | JavaScriptのフリーズ | F11 |
| F11 | インスペクション | Alt + Shift + F11 |
| オプション+ Shift + D | コードナビゲータ | Ctrl + Alt + N |
| コマンド+ Option + N | コントロール+ Alt + Shift + U | コマンド+ Option + Shift + U |
| チェックアウト | Ctrl + Alt + Shift + D | コマンド+ Option + Shift + D |
| <！HTML、CSS、およびJavaScriptのコードヒント | Webデザイナーは、HTML、CSS、およびJavaScriptコードを頻繁に使用しますが、頻繁にメモリを確保するのに十分ではありません。ヌルリンク、メタタグ、エンティティなどの特別な要素をページに追加する場合、次のHTMLコード、CSSスタイル、およびJavaScriptヒントが便利です。これらのHTML、CSS、およびJavaScriptのコードヒントは、コードビュー、プロパティインスペクタ、およびCSSスタイルシートで使用します。 | HTMLコードヒント |
| コードショートカット | ヌルリンクを作成する | #またはjavascript：; |
| リンク | リンク | 名前付きアンカーリンクの作成 |
| ターゲット | リンク | ターゲット |
| リンクのようにjavascript：void（0） >別のページに名前付きアンカーへのリンクを作成する | リンク | 改行を挿入する |
| ウィンドウを閉じるJavaScript | 閉じる | ウィンドウ |
| x日後に再訪メタタグ | ホームページへのメタリンク | |
| サイトマップページへのメタリンク | ショートカットアイコンへのメタリンク | ICO |
| href = "favicon"の代わりにGIFを使用したショートカットアイコンへのメタリンク。 gif" /> | 外部JSファイルへのリンク | type =" text / javascript "> |
media =" screen" /> @import "css / all。 css ";
IE 7未満のIEブラウザのCSSリンク
| type = "text / css" href = "ie。 css " | media =" all" /> <！ [endif]→ |
|---|---|
| ALT属性を持つイメージを挿入する | イメージの空のALT属性 空白を追加するエンティティ または 著作権を追加するエンティティ |
| ©または© | エンティティ& NoScriptタグを追加する
… リンク先 |
| _blank | _new |
| _selfを追加するには、商標 | |
| ™または?? | エンティティを追加する
_parent |
| _top | |
| SPANタグ付きCSSカスタムスタイルの適用 | |
| … | |
| HTMLおよびJavaScriptでのコメントタグ | |
| <！ - あなたのコメントはここに// // CSSのコメントタグ | |
| / *ここにコメント* / | CSSタグの構造はスタイル |
| タグを再定義します。 | |
| CSS IDスタイルの構造 | #ID { |
| 属性：値; |
} |
| CSSカスタムスタイルの構造 |
stylename {
属性：値; |
| } |
|
| リンクスタイルのCSS |
|
| a：リンク{ | 属性：値; |
| } | a：訪問済み{ |
| 属性：値; | } |
| a：ホバー{ | 属性：値; |
| } | a：アクティブ{属性：値;; |
| } |
エディタの選択
Photoshop Elements 14のタグで作業する - ダミーのタグを使用すると、Photoshopファイルを簡単に整理できます。オーガナイザで画像を取得すると、あらゆる種類の情報で画像にタグを付けることができます。画像を並べ替えることが容易になるように、写真を撮った日付、主題、または他のカスタムカテゴリに応じてタグを提供することができます。アイコンの追加... 
Photoshop Elements 9のスマートブラシツールで作業する - ダミースマートブラシと詳細スマートPhotoshop Elementsのブラシツールを使用すると、画像の全体または一部に表示される画像調整や特殊効果を選択的に適用できます。これらの調整とエフェクトは調整レイヤーを介して適用され、レイヤー上にマウスを置いてピクセルを永久に変更しません。 
はスポットヒーリングブラシを使用した画像の傷をゼロにします - ダミーはPhotoshopのヒーリングブラシ要素10は、より大きな欠陥のある領域を修正するように設計されていますが、Spot Healing Brushは、小さな欠点のために設計されていますが、Content Awareオプションは例外です。スポットヒーリングブラシでは、サンプリングソースを指定する必要はありません。 エディタの選択
デジタルマクロ写真でISOを調整する - ダミーはクローズアップとマクロ撮影でISOと同様に重要です画像の見た目を決定する際の絞りおよびシャッタースピードを調整する。大口径と遅いシャッタースピードを必要とする構図は、小口径と高速シャッタースピードを必要とする構図よりもはるかに多くの光をもたらします。お使いのカメラのISO ... 
HDR画像のレベルと明るさを調整する - ダミーのトーンマップハイダイナミックレンジ（HDR）完璧に見えるお気に入りのHDRアプリケーションから常に出てきます。実際、ほとんどの場合、彼らは「完璧」になる前にさらに編集する必要があります。 「明るさに問題がある場合は、画像を明るくするか暗くするかをレベルとしてお使いください。この図は、来たシーンを示しています。 
ポストプロダクションでコントラストを調整する - ダミー正しい露出を得ることは、あなたのシャドウとハイライトのディテールが確実に得られます。次のステップでは、ポストプロダクションでの露出を強化して、コントラストとシャドウとハイライトの間の色調のバランスを完全に合わせることができます。トーンコントラストは... エディタの選択
Rebel T6i / 750Dの露出モードを選択する方法 - ダミーあなたのRebel T6i / 750Dのいくつかのオプションは、まともな肖像画を素晴らしいものに変えるのに役立ちます。最初に考慮する撮影設定は露出モードで、ここに表示されているモードダイヤルで選択します。モードダイヤルの設定によって露出モードが決まります。静止画撮影の場合、露出モードは2つにグループ化されています... 
Canon EOS 6Dのカスタム機能を消去する方法 - ダミーCanonの人々が許可しているEOS 6Dのユニバースをシンプルにしてカスタム機能を作成することができます。しかし、これらのカスタムクリエーションのいくつかまたはすべてにさようならを言いたい時が来るかもしれません。時々あなたは怒りっぱなしになり、上を行くことがあります。あなたがたくさんの実験をした他の時代... 
より強い画像を作成する方法 - Canon Rebel T5i / 700Dで写真を撮るときにダミーシーンの要素は、うまく構成された画像と平らな画像との間の差異を生み出すことができる。これらの5つの簡単な構成上のヒントは、視覚的関心度メーター上のホーハムマークより上にある画像を作成するのに役立ちます。 |
