くろひょうのwebデザインのお勉強帳

フェリカテクニカルアカデミー web制作科の受講生です。授業の要点、復習でつまづいた点などを記録し、レベルアップに励みます。

クリエイターになるための、お勉強の記録帳

[Dreamweaver]初期設定

f:id:pleasure10501:20150320233350p:plain

Dreamweaverの特徴

複数ページの管理をプロジェクトでやれる。サイトの管理が命

 

ワークスペースのリセット方法

スクールや会社の共有PCでは、Dreamweaverに限らずどのソフトも
自分用にカスタマイズしないこと。


ウィンドウ > ワークスペースのレイアウト >コーダー を選ぶ

 

初期設定 <重要なチェック項目>

環境設定が重要! 初期設定の変更点も含む。

編集 > 環境設定

[一般]

  • 「ようこそ」画面を表示 → はずす
  • 読み取り専用ファイルを開く際に警告する → チェックする
  • 関連ファイルを有効にする → チェックする
  • <b>と<i>の代わりに<strong>と<em>を使用 → チェックする

[ショートハンド]
 背景・マージン余白・ボーダーとボーダー幅   → チェックする

CSSパネルのダブルクリック時:「コードビューを使用して編集」にチェック

W3C Validator:HTML5にチェック
       表示・・・「エラー」と「警告」にチェック

アクセシビリティ

フォームオブジェクト → フォームラベルの名前を入れるダイアログボックスが自動で出る。手入力したい場合はチェックを外す

[ウィンドウサイズ]

使わない。Dreamweaverのプレビューはブラウザ表示とは異なるため、プロはデザインビューをしないこと

 [コードカラーリング]

共有PCではカスタマイズしないこと

[コードヒント]

コードの支援機能を使いたくない人はチェックを外す
初心者はチェックをつけたほうが良い

[コードフォーマット]

インデント 「
タブサイズ 「

半角2文字空けるのに、タブを使わないこと。スペースキーを使う
理由:タブでインデントを作ると、Wordpressでタブが無視されることがある

[サイト]

  • FTP機能でのローカルとサイトの順序を変えられる
  • FTP接続時間 初期設定:30分 → 5分に変更
      ※セキュリティ上、サーバーとの接続時間は最低限にすること。
       その間にウィルスが入った実例がある

[ファイルタイプ・エディター]

優先的に立ち上がるソフトの設定。FireworksではなくPhotoshopにする

拡張子 .png → Photoshop(プライマリ)
    .gif → Photoshop(プライマリ)    
    .jpg → Photoshop(プライマリ)
    .psd → Photoshop(プライマリ)

[フォント]

プロポーショナルフォント Win:MS Pゴシック/Macヒラギノ 12pt
等幅フォント       Win:MSゴシック/Mac:Osaka
コードビュー       Win:メイリオ(推奨) サイズ16pt
                 ↑システムフォントを使おう

[ブラウザプレビュー]
ChromeSafariIEなど ないものは+ボタンで追加する

[新規ドキュメント]

  • 初期設定 → HTML
  • 拡張子  → .html

「BOMを含める」にチェックがあったら、必ず外す