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

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

  関連記事

no image
関連検索ワード

1年以上前の記事です。内容が古い可能性があります。最近、YahooにもGoogl …

WordPress+Welcartでショッピングサイト構築【インストール編】

1年以上前の記事です。内容が古い可能性があります。ショッピングサイト構築にWor …

Webデザインのテンプレートは60px×12カラムで横幅960px

1年以上前の記事です。内容が古い可能性があります。これはWebデザイナーの常識な …

ヒストリーブラシとアートヒストリーブラシは使いどころが全く違う(Photoshop)

1年以上前の記事です。内容が古い可能性があります。自分、どちらも使ったこと無いの …

no image
撮影

1年以上前の記事です。内容が古い可能性があります。打ち合わせを兼ねて撮影に行って …

センタリングさせるデザインで「absolute」が使えない【CSS】

1年以上前の記事です。内容が古い可能性があります。先日、CSSでセンタリングさせ …

no image
SEOを突き詰める。

1年以上前の記事です。内容が古い可能性があります。最近、SEOをいろいろと勉強さ …

モバイルサイトを本格的に始めよう

1年以上前の記事です。内容が古い可能性があります。これからはケータイだのなんだの …

最も効果を感じた施策はSEO。中小企業も大企業も実感

1年以上前の記事です。内容が古い可能性があります。やっぱ、SEOってすごいんだね …

携帯サイト(モバイルサイト)でCSS

1年以上前の記事です。内容が古い可能性があります。携帯サイト(モバイルサイト)で …

血液型オヤジ