新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

Dreamweaverの「サイト定義」とは何のこと?

      2014/11/12

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

訓練校の生徒さんの中に「サイト定義」のことがさっぱりわからないという方がいました。
素朴な疑問ながらもそういえばよくわけわからんなということで、解説してみることにしました。

スポンサーリンク
 

まずは「サイト定義」とはなんぞやということですが、これにはまず「Webサイト」とはなんぞやということを理解して頂けないといけません。
「Webサイト」を例えば一冊の本として考えた場合、本の場合は各ページがまとまって製本、装丁されてていますが、「Webサイト」の場合は各ページ(Webページ)がバラバラになっています。
データとして一つのフォルダに収めるなどすることは可能ですが、全てはリンクで成り立っているため、簡単にバラバラにすることができてしまうんですね。
これを、リンク構造を狂わせることなく、ひとまとめにしたものが「Webサイト」なのです。
一つのフォルダにすべてのデータをまとめ、表紙にあたるWebページを「index.html」という名のHTMLファイルにするのが一般的ですね。
その中に、様々なファイルのリンクが入り、多くのWebページが存在し、その各Webページにも様々なファイルのリンクが入っているのが「Webサイト」なのです。

そして、そんな数多くのWebページやファイルのまとまりである「Webサイト」をひとつのサイトとしてDreamweaver上で扱えるようにしたのが「サイト定義」なのです。

この「サイト定義」をわかりにくくしているのはFTPの設定だと思うんです。
サイト定義にFTPの設定は必須ではありません。
FTPの設定もしておくとより便利ですがしておかなくてもサイト定義はできますし、それ相当の便利な機能を使うこともできるようになります。
ということで、以下ではFTPの設定をしないサイト定義の仕方及び利点をお伝えしようと思います。

まずは設定ですが、以前解説したこちらのサイトを参考に説明したいと思います。
□ DreamweaverとFC2ホームページで作るサイト定義(後編)
非常に簡単です。上記サイトの「2.」まで行えばOK。
偶然にもCS6もCS4も両方とも「2.」までやっておけば大丈夫です。
具体的にはここですね。
 

これ移行はFTPの設定なので無理にやらなくてもいいんです。

さて、「サイト定義」が分かればこれをやることでどんな利点があるのか知りたくなると思います。
実は、サイト定義を作って一つのサイトをDreamweaver上でまとめることでこんないいことがあります。

  • HTMLファイルや画像ファイル等のファイル名が簡単に変えられる。
  • HTMLファイルや画像ファイル等の場所を移動するのも簡単。
  • 画像の張り込み(リンク)やボタンなどのリンク設定を直感的にすることができる。
  • 複数サイトの管理も簡単、プルダウン一つで切り替え可能。
  • そして、FTPの設定もすることでほぼリアルタイムに修正後のサイトをアップさせることができる。

などなど。
なお、それぞれに関しての詳細は端折ります。(あとで気が向いたら記事にするかもしれません。)

何はともあれ、実際「サイト定義」を作ってみて体感してみるのが良いと思います。
それでもピンと来ない人がいたら、これはもう、無理に「サイト定義」を作らなくても良いと思います。
でも、使いこなせるようにしておくと作業効率が上がることは間違いないです。
是非、理解して使えるようにしておきましょう! 

 - Dreamweaver, Webデザイン, デザイン

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

ネットで印刷、印刷通販の「グラフィック」を使ってみた【納品編】

1年以上前の記事です。内容が古い可能性があります。発注、入稿と進んできたグラフィ …

インターネットのゴールデンタイムは午後10時

1年以上前の記事です。内容が古い可能性があります。「インターネット白書2009」 …

日本では黄金比よりも白銀比。第2黄金比や青銅比なども

1年以上前の記事です。内容が古い可能性があります。黄金比っていう言葉はちょくちょ …

no image
僕がデザイナーを辞めた理由

1年以上前の記事です。内容が古い可能性があります。休みに入ったけど、カレンダーが …

Flickr(フリッカー)の中から自由に張り込める写真だけピックアップして検索できるサイト

1年以上前の記事です。内容が古い可能性があります。たまにFlickr(フリッカー …

ブログのメニューにCSS3の「box-shadow」プロパティでドロップシャドウを付けてみた【Webデザイン】

1年以上前の記事です。内容が古い可能性があります。そろそろCSS3を初めてみよう …

no image
製作会社とのつきあい方

1年以上前の記事です。内容が古い可能性があります。最近は某社の校正にはまっていて …

no image
当社の今後

1年以上前の記事です。内容が古い可能性があります。どうも、次期社長さんがWebに …

コメント付き「いいね!」ボタンを確実に作る方法

1年以上前の記事です。内容が古い可能性があります。5月以降、使えなくなる表記もあ …

no image
Web屋騒動に意見してみる

1年以上前の記事です。内容が古い可能性があります。ここ数日。Web屋に関する議論 …

血液型オヤジ