変わったフチ？囲い？のホームページ

質問

技術者向けと家庭向けのどちらに質問するべきか迷いましたが、こちらにてお聞きします(^^;)

http://haradatomoyo.com/home/
http://www.scrumpcious.net/index.html

↑こんな感じでフチというか囲いというかがあるページをよく見かけるのですが、仕組みがいまいちわかりません。
DREAMWEAVERの初心者で、ようやくテーブル等を使った簡単なページが作れるようになった、というくらいの知識しかないのですが、これってHTMLの知識がちゃんとないと作れないのでしょうか？
それともただ単に画像を作ってバラバラにして入れ込んでるのでしょうか？
ソースを見ると画像をはめ込んでいるだけのようにも見えますが、細かな部分が、HTMLの知識がないため理解できないでいます。

やっぱりこういう物が作りたかったら完璧にHTMLをマスターしなきゃだよ～、なのでしょうか？(^^;)

それともDREAMWEAVERで作るというよりPhotoshopなどで作る、という次元なのでしょうか？
正直これが高度なテクニックなのか、Photoshop等が使えればなんてことない技術なのかが分かりません。

ソフトの正規マニュアルも市販マニュアルも見ましたが、こういう物を作る作り方が見つけられないでいます。

市販マニュアルやHP等、詳しい解説が載っているものをご存知でしたらご教授下さい。

回答No.2

mizaemon · ベストアンサー

表示させている画像は次のように
ＡＢＢＢＢＢＢＣ
Ｄ　　　　　　Ｄ
Ｄ　　　　　　Ｄ
Ｄ　　　　　　Ｄ
ＥＢＢＢＢＢＢＦ

ＡＢＣＤＥＦの6種類で構成されているだけです。
これを順番に並べて、１つの枠にみせています。
難しいHTMLの知識がなくて素材となる画像があれば
簡単にできますよ

お礼

ありがとうございます。
6種類の画像で囲って、中は空白？にしてあるのですね。
No.1の方のおっしゃる通り、やはりFireworksで作るんですね～。
挑戦してみます。ありがとうございます。

回答No.3

noname#15756

何通りかの作成方法があると思います。

>http://haradatomoyo.com/home/
の場合はmizaemonさんがおっしゃる通り8つのgif画像を使用しています。

>http://www.scrumpcious.net/index.html
こちらの場合は、上記の方法方法のほか
ひとつのgif画像を作成し（例えば横750pixel×縦1pixel）
これを背景に設定する方法もあります。

Photoshopをお持ちのようなので、Photoshopでgifを作成すれば
上記の方法で作成可能です。

あとはスタイルシートで設定するのか、HTMLに直接書き込むのかなどなど色々試してみると良いと思います。

お礼

ありがとうございます。
>ひとつのgif画像を作成し
>（例えば横750pixel×縦1pixel）
>これを背景に設定する方法もあります。
なるほど！縦はDREAMWEAVER上で長くするんですね！

回答No.1

mr_rengel

Fireworksを使えばできますよ。
Fireworksでデザインしたあとスライスで画像を切り出してからDreamweaverで編集すればできますよ。

お礼

ありがとうございます。
Fireworksで作るんですね。
お恥ずかしい話ですが、STUDIO MXを購入したのに、
Photoshopがあるから別にいらないかと
Fireworksはインストールすらしていませんでした。
挑戦してみます。ありがとうございます。