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：アクティブ{属性：値;; |
| } |
エディタの選択
Squarespaceでサイトの活動を追跡および監視する方法 - ダミーSquarespaceのWebサイトは、どのようなコンテンツが読者を引き付けるのかを知ることによって、より多くの訪問者を引き付けるのに役立ちます。訪問者があなたのサイトにどのようにして最も人気のあるコンテンツになったかということから、より多くの訪問者を誘導するのに役立ちます。訪問者がどこから来たかを見つける方法
Squarespace 6モードの編集 - ダミーSquarespace 6で特定のタスクを実行する場所を知ることは、ウェブサイトを構築したことのない人や、Squarespaceを初めて使用した人のための混乱した決定です。プレビュー：あなたのサイトとコンテンツがどのように見えるかを確認します。 エディタの選択
あなたのLinkedInプロフィールに特許を追加する - ダミー特許は専門的な業績であり、LinkedInプロフィール。あなたが自分の名前に特許を持つ発明者である場合、特許セクションはあなたの作品を紹介する場所です。 Patentsセクションに特許を追加する方法は次のとおりです。LinkedInプロファイルを開きます。特許セクションが既にある場合は... 
あなたのLinkedInプロフィールにプロジェクトを追加する - LinkedInプロフィールのダミープロジェクトセクションは注目に値する場所です企業主導のイニシアチブへのあなたの関与。エクスペリエンスセクションのシンプルな弾丸よりも大きなスポットライトを必要とする長距離、高歩留まりのプロジェクトは、プロジェクトセクションに属します。 
あなたのLinkedInプロフィールに出版物を追加する - ダミーLinkedInの出版物セクションは、作業。このセクションは、あなたのライティング能力にスポットを当て、知識を紹介するのに最適な場所です。このセクションはあなたが書いた本のためのものだとは思わないでください。 エディタの選択
Google SketchUp 8でシーンを作成する方法 - ダミーGoogle SketchUpでシーンを作成する方法は、あなたのモデルのスナップショット。ビューを保存するためにシーンを作成し、そのモデルで作業を続けてからそのシーンに戻っても、モデルはシーンを作成したときの状態に戻りません。カメラの位置は... 
Google SketchUp 8でシーンを使ってセクションアニメーションを作成する方法 - ダミーアニメーションを作成するためのシーンは、Google SketchUpモデルを見せてくれる便利で印象的な方法です。基本的な考え方は、シーンを使用してセクションプレーンがモデル内を移動するアニメーションを作成できることです。このテクニックを使用する理由はいくつかあります：... 
Google SketchUp 8で新しい地形モデルを作成する方法 - GoogleでモデリングするときのダミーSketchUp、地形を作成する必要があるかもしれません。建物の土地のパッチをモデリングしている場合でも、セントラルパークを再設計している場合でも、既存のデータから地形をモデル化することができます。既存のデータは通常輪郭線またはトポ・ラインの形で到着します。 |
