アクセス（Access）講座一覧｜フロンティアリンク
Access/Excel/VBA/Webプログラミングの1日速習講座

まず、Dreamweaverについてですが、HTML/CSSのまったくの初心者の方が、いきなりDreamweaverを使用することはお勧めしません。
HTML/CSSの作成（コーディング）の際には、必ず守らなければならないルールがいくつか存在します。
そのルールをきちんと習得する前にDreamweaverのような編集ソフトを使用しても、簡単なWebページを作成することは出来るかもしれませんが、より高度なページや使い勝手の良いページを作成しようと思った際には、基本的なコーディングのルールを理解していないため、作成が難しくなる状況が発生する可能性が高くなります。すなわち、編集ソフトを使用する本来の目的である「生産性の向上」には結果的に言えば直結しない可能性があるということなのですね。
まずはコーディングの基本ルールをしっかり習得した上で、さらに生産性を向上させるためにDreamweaverを活用するというのが、本来のあるべき姿であると私は考えています。

一方で、画像の作成についてはPhotoshopを活用することが一般的です。画像の色調整やトリミングはもちろん、様々な効果をボタン一つで設定することが可能ですので、本格的に画像編集を行う場合にはPhotoshopを利用することが殆どです。ただし、無料でPhotoshopに近い操作ができるWebアプリケーションも存在します。Web制作を本職にする方はPhotoshopは必須ツールの一つとなると思いますが、Webページを時々更新する程度でしたら、無料のWebアプリケーションでも十分に対応可能なケースも多くあります。
当校ではこのような「Webページを時々更新する際に、手軽に画像編集が出来たら」という方向けの講座である「Webデザイン作成入門」セミナーも開講しています。
Photoshopを購入する前にWebアプリケーションを使って練習をし、画像作成・編集に関する感覚をつかむということも、よい方法ではないかと思います。

いずれにしても大切なポイントは、どのソフトを使用する場合であっても「基本をしっかり押さえたうえで」多くの練習をこなし、経験を積み重ねることになります。基本を飛ばしてソフトに頼っても、結局は遠回りになってしまう可能性が高いですので、まずはしっかり基本を学習することをおすすめします。

グローバルナビゲーションにおける「ナビゲーション」の意味については、Webサイトの「道案内」をイメージしていただければ分かりやすいのではないかと思います。
WebサイトにはWebページがいくつもあり、それぞれのWebページにはコンテンツが表示されます。
そのコンテンツにユーザーがアクセスするには、どのボタンやリンクを押したら目的のコンテンツに辿り着けるのか、道案内が必要になります。
Webサイト上でコンテンツへの道案内をするものを一般的に「ナビゲーション」と呼びます。

Webサイトにおいては、グローバルナビゲーション、ローカルナビゲーション、Webページの最下部に表示されるフッターナビゲーションなどの代表的なナビゲーションがいくつか存在します。
多くのWebページでは、企業やお店のロゴがページ左上にありますが、それもナビゲーションの一つであり、リンク先には多くの場合、Webサイトのトップページが指定されています。

グローバルナビゲーションはすべてのWebページに共通するメニューである一方で、Webサイトの道案内を考える場合には、ローカルナビゲーションと呼ばれる「個別のWebページ内における道案内」についても考慮する必要が生じます。グローバルナビゲーションで目的のWebページへの道案内を行った後に、今度はそのWebページ内において閲覧者が目的とする情報を確認しやすいように、情報を整理して表示する必要があるということですね。

ナビゲーションの設置形状は様々ですが、横に並ぶタイプと、縦に並ぶタイプ、そしてそれぞれがドロップダウンリストになっているタイプの3つに大きく分類されます。
典型的な例としては、グローバルナビゲーションをWebサイト上部で横に並ばせ、ローカルナビゲーションを左側に並ばせるというようなイメージになります。

コンテンツの閲覧者が、目的とする情報に到達しやすいように「道案内」を行う役割を「ナビゲーション」は担っています。ナビゲーションをきちんと設計することで、より分かりやすいWebサイトを構築することが可能となりますので、Webサイトの設計をする際には最初にぜひ「ナビゲーション」の流れを考えてみることをおすすめします。

Windowsに標準でインストールされている「メモ帳」を使ったことのある方は多いと思います。
メモ帳はテキストエディタですので、文字などのテキストを編集したり、保存したりすることが可能です。
HTMLやCSSの作成においては「タグ」を入力していくことになりますが、タグ自体もテキスト情報ですので、テキストエディタであるメモ帳を用いて入力をし、保存することが可能です。

保存をする際の注意点としては、HTMLファイルでしたら拡張子は “.html”、CSSでしたら拡張子は “.css” とするということがあります。
拡張子を “.html” にして、デスクトップなどに保存したら、そのファイルのアイコンがお使いのブラウザの形のアイコンに通常は変化します。このようにアイコンがきちんと変化しましたら、拡張子は正しく “.html” になっています。
逆にもし、アイコンがメモ帳のアイコンから変化していない場合は、拡張子が正しく “.html” に変わっていません。よくあるケースとしては、ファイル名の末尾に “.txt”（テキストファイルを表す拡張子）が付いている場合等ですが、そのような場合は再度拡張子を “.html” に変えてから、保存しましょう。

また、保存する際、もう一つ忘れてはいけない大切なポイントがあります。
文書型宣言等で指定したHTML/CSSソースの文字コードと、保存する際のファイル自体の文字コードを合わせる必要があります。

メモ帳で保存をする際、文字コードについては下記のようなドロップダウン式の選択肢が表示されます。
文書型宣言で指定した文字コードと、保存する際のファイルの文字コード（例えばUTF-8など）を忘れずに一致させましょう。

この2つが一致していないと、ブラウザで確認した際に日本語が文字化けすることがあります。

HTMLやCSSの勉強は、このように手軽に使えるメモ帳などのテキストエディタを活用し、効率的に行っていくことをおすすめします。