ソーシャルメディア ドリームウィーバーCS5オールインワンダミーチートシート

ドリームウィーバーCS5オールインワンダミーチートシート

Anonim

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 ">
外部CSSへのリンク

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:アクティブ{属性:値;;
}
ドリームウィーバーCS5オールインワンダミーチートシート

エディタの選択

Squarespaceでサイトの活動を追跡および監視する方法 - ダミー

Squarespaceでサイトの活動を追跡および監視する方法 - ダミー

SquarespaceのWebサイトは、どのようなコンテンツが読者を引き付けるのかを知ることによって、より多くの訪問者を引き付けるのに役立ちます。訪問者があなたのサイトにどのようにして最も人気のあるコンテンツになったかということから、より多くの訪問者を誘導するのに役立ちます。訪問者がどこから来たかを見つける方法

Squarespace 6モードの編集 - ダミー

Squarespace 6モードの編集 - ダミー

Squarespace 6で特定のタスクを実行する場所を知ることは、ウェブサイトを構築したことのない人や、Squarespaceを初めて使用した人のための混乱した決定です。プレビュー:あなたのサイトとコンテンツがどのように見えるかを確認します。

エディタの選択

あなたのLinkedInプロフィールに特許を追加する - ダミー

あなたのLinkedInプロフィールに特許を追加する - ダミー

特許は専門的な業績であり、LinkedInプロフィール。あなたが自分の名前に特許を持つ発明者である場合、特許セクションはあなたの作品を紹介する場所です。 Patentsセクションに特許を追加する方法は次のとおりです。LinkedInプロファイルを開きます。特許セクションが既にある場合は...

あなたのLinkedInプロフィールにプロジェクトを追加する - LinkedInプロフィールのダミー

あなたのLinkedInプロフィールにプロジェクトを追加する - LinkedInプロフィールのダミー

プロジェクトセクションは注目に値する場所です企業主導のイニシアチブへのあなたの関与。エクスペリエンスセクションのシンプルな弾丸よりも大きなスポットライトを必要とする長距離、高歩留まりのプロジェクトは、プロジェクトセクションに属します。

あなたのLinkedInプロフィールに出版物を追加する - ダミー

あなたのLinkedInプロフィールに出版物を追加する - ダミー

LinkedInの出版物セクションは、作業。このセクションは、あなたのライティング能力にスポットを当て、知識を紹介するのに最適な場所です。このセクションはあなたが書いた本のためのものだとは思わないでください。

エディタの選択

Google SketchUp 8でシーンを作成する方法 - ダミー

Google SketchUp 8でシーンを作成する方法 - ダミー

Google SketchUpでシーンを作成する方法は、あなたのモデルのスナップショット。ビューを保存するためにシーンを作成し、そのモデルで作業を続けてからそのシーンに戻っても、モデルはシーンを作成したときの状態に戻りません。カメラの位置は...

Google SketchUp 8でシーンを使ってセクションアニメーションを作成する方法 - ダミー

Google SketchUp 8でシーンを使ってセクションアニメーションを作成する方法 - ダミー

アニメーションを作成するためのシーンは、Google SketchUpモデルを見せてくれる便利で印象的な方法です。基本的な考え方は、シーンを使用してセクションプレーンがモデル内を移動するアニメーションを作成できることです。このテクニックを使用する理由はいくつかあります:...

Google SketchUp 8で新しい地形モデルを作成する方法 - Googleでモデリングするときのダミー

Google SketchUp 8で新しい地形モデルを作成する方法 - Googleでモデリングするときのダミー

SketchUp、地形を作成する必要があるかもしれません。建物の土地のパッチをモデリングしている場合でも、セントラルパークを再設計している場合でも、既存のデータから地形をモデル化することができます。既存のデータは通常輪郭線またはトポ・ラインの形で到着します。