記事の詳細

1日10分「ステップバイステップでやさしく学ぶ」Dreamweaver CCの基本を学ぶ連載。
HTML、CSSの基本的な部分は知っているけれど、Dreamweaverは初めて使うという方に、初めの一歩として最適です。

第1回はDreamweaverの環境設定です。

Dreamweaverの環境設定

Dreamweverを使い始めるにあたって、覚えておきたい設定や、画面レイアウトの変更方法について学習します。

新規ドキュメントの設定

HTML5でページを作成することが多いと思いますので、新規ドキュメントの「初期設定ドキュメントタイプ」を「HTML5」に設定しておきましょう。
新規にHTMLを作成する際に、最初からHTML5が選択されるようになります。

新規ドキュメントの設定

Dreamweaverの画面構成

Dreamweaverの画面構成は下図のようなものになっております。
パネルのレイアウトなどは自由に変更ができるため、自分の使いやすいレイアウトを見つけると良いでしょう。

Dreamweverの画面構成

パネルの操作

画面の右側には複数のパネルが配置されております。
パネルは[ウィンドウ]メニューから、表示/非表示を自由に切り替えることがでます。必要に応じて表示しましょう。

パネルの操作

ワークスペースの切り替え

ワークスペースを切り替えるとパネルの表示レイアウトが変わります。

  • 初心者
  • コード
  • デフォルト
  • デザイン

などが予め登録されており、例えば「コード」を選択すると、コード入力でHTMLを作成する人向けに使いやすいように配慮されたパネルレイアウトに変更されます。
自分なりに使いやすいパネルレイアウトを独自のワークスペースとして保存することもできます。

ワークスペースの切り替え

要点をまとめたスライドもご用意しました。

画面が小さいので、全画面表示にしてご覧ください。

Lesson1 Dreamweaverの環境設定 from s-karasawa

 

いかがでしたか?
次回は「サイト定義」について学習します。お楽しみに!

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

The following two tabs change content below.
唐澤 章三

唐澤 章三

代表取締役インクループ株式会社
弊社代表。UXデザインの講師を専門学校で務めており、心理学に基づくデザインを実践している。実家が焼肉屋ということもあり、幼い頃からの経験に基づく顧客心理を活用した広告展開、運用を得意とする。

ほかの投稿も読んでみませんか?

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

特集

エクセルトラブルと解決策のまとめ アクセス数を増加させるための方法まとめ 初心者向けWordPressの設定方法まとめ

AD

お知らせ

平成28年度補正予算 小規模事業者持続化補助金
ページ上部へ戻る