新・元地方の中規模印刷会社で苦悩する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

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

  関連記事

Googleのロゴがゴシック系に変更。Futuraに似すぎ、パクリ疑惑で撤回か?

1年以上前の記事です。内容が古い可能性があります。って話になりかねんですなこの国 …

Windows XPで「メイリオ(Meiryo)」フォントを使おう

1年以上前の記事です。内容が古い可能性があります。つい最近まで知らなかったのだが …

Facebookの「いいね!」が減っている。非アクティブなアカウントの削除が進んでいるらしい

1年以上前の記事です。内容が古い可能性があります。以前は、本名以外のアカウントの …

Flickrがリニューアル。とにかく写真が大きくて綺麗!

1年以上前の記事です。内容が古い可能性があります。なかなか日本語対応してくれない …

「float」で親要素の高さがなくなってしまったときは親要素に「float」【CSS】

1年以上前の記事です。内容が古い可能性があります。HTML・CSSコーディングで …

no image
Web制作に役立つブログ

1年以上前の記事です。内容が古い可能性があります。Web制作に役立つブログを紹介 …

no image
バトンで集客

1年以上前の記事です。内容が古い可能性があります。一歩間違えればスパムとさほど変 …

Googleマップストリートビュー。次はどこ?

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

InDesignCS2で表スタイルを使う方法

1年以上前の記事です。内容が古い可能性があります。インデザインCS3とインデザイ …

CSS2.1まとめ書き-font編(HTML・CSSリファレンス)

1年以上前の記事です。内容が古い可能性があります。HTML5やCSS3がそろそろ …

血液型オヤジ