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

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

  関連記事

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

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

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

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

no image
個人情報を守れ

1年以上前の記事です。内容が古い可能性があります。今回は個人情報といってもセキュ …

no image
バトンで集客

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

各種Webサービス連動メモ

1年以上前の記事です。内容が古い可能性があります。先日、話していた各サービスの連 …

no image
perlプログラミング

1年以上前の記事です。内容が古い可能性があります。perlプログラミングを初体験 …

WordPressでプレビューが見れなくなったらプラグイン「WP File Cache」「WP Super Cache」を無効化→有効化

1年以上前の記事です。内容が古い可能性があります。当ブログ、WordPressで …

no image
オールフラッシュ

1年以上前の記事です。内容が古い可能性があります。最近、Flashをずいぶん覚え …

ブログやサイトにカレンダーを簡単に置く方法

1年以上前の記事です。内容が古い可能性があります。お客さんに自分で編集できるカレ …

「AMANA(アマナ)」のプロが撮影した写真素材約48万点が使い放題。ただし「NAVERまとめ」に限る

1年以上前の記事です。内容が古い可能性があります。これはすごいサービスを「NAV …

血液型オヤジ