人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

【500P】※優良な回答

ビルダー12でホームページ作成をしています。

【質問】

?フレームを使わずに。画像のようなホームページは作れないでしょうか?

・AやBのメニューをクリックするとCのコンテンツが変わるようなページ

・AとBのデザイン・内容を変えたい時は時はトップのAとBの部分をいじるだけ。
(すべてのコンテンツについてAとBの部分を変えなくて良い)

現在ビルダー12しか使えないが上記のようなページは一線のプロはどんなツール
を使ってどうやって製作しているのでしょうか?

1210912090
●拡大する

●質問者: nekodaisuki
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:クリック コンテンツ デザイン ビル フレーム
○ 状態 :終了
└ 回答数 : 6/6件

▽最新の回答へ

1 ● wizemperor
●19ポイント

最近ならば、CMSと呼ばれるツールを使うのが主流です。

MovableTypeやWordPressもその一つです。


http://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B...


また、Dreamweaverのようなテンプレート機能のあるツールでも作ることができます。


もう少し簡単にできる方法として、SSIやPHPを使ったものがあります。

(最近の一般的なスペックのサーバなら、どちらも使えるはずです。)


SSI

http://ssi.uka-p.com/


PHP

http://neta.ywcafe.net/000372.html


2 ● kojiro1031
●19ポイント

こんにちわ。

この事に関しまして、私も相当悩みました。

具体的に言うとフレームを使わない場合はCSSで作成する場合が殆どだと思います。

CSS(スタイルシート)で疑似フレームというのを作成します

参考は… http://css.uka-p.com/

メニュー部分はSSI等で呼び出せば、一つを修正するだけでOKです。

参考は… http://www.tohoho-web.com/wwwssi.htm

私もビルダーオンリーでCSSとはなんだ??と思っていたんですが、

判ってしまえば簡単ですので、これを機に勉強してみてはいかがでしょうか?

素敵なHP作成を頑張って下さい♪

◎質問者からの返答

その作業はビルダーで出来るんでしょうか?CSSはタグうちで一から作っていくんですか?


3 ● ikjun
●18ポイント

要件を満たすためには擬似フレームを使う必要があるようですが、ビルダーにはそのような機能は無いようですね。擬似フレームを使うレベルの人ならビルダーは使わないとも言えますけど。

ビルダーはあくまでも初心者用のソフトです。プロが使うようなものではありません。ビルダーはサイト作成の難しい部分を上手く隠してくれて誰でも難しい知識無しで使えるように工夫されてます。ビルダーの標準的なサイトを作る分には非常に便利です。趣味のページを適当に作るくらいならビルダーでも充分でしょう。(ちなみにビルダーで作られたサイトはだいたいわかります。原色が多くてダサい感じのサイトが多いです。)

デザイン系の単に見栄えのいいサイトを作りたいならDreamweaverも悪い選択ではありません。ビルダーよりはかなり融通が利きます。

ただtaka560421さんが将来プロになりたいとか凝ったデザインのサイトを作りたいとかならHTMLとcssを基礎から学ぶことをお薦めします。サイトは基本的にHTMLとcssから成立っています。ビルダーはこれを自動的に作成しているだけです。これだとどうしても痒いところに手が届かない部分ができてしまいます。あるレベル以上になるとどうしても直接HTMLとcssを書く必要があります。これを書くツールはいろいろありますが、最初は勉強のためにエディッタでコツコツ書きましょう。慣れてくれば効率を良くするツールがいろいろありますから効率アップのためにそちらを使えばいいでしょう。


4 ● hirotow
●18ポイント

・ホームページ・ビルダー クイック機能

・スタイリッシュエフェクト機能

で、段組を簡単に作れるようです。

またCSSに関する機能も用意してあるはず(セレクタとかインスペクタとかそういう名前だと思います)ですのでいろいろ試してみてはいかがでしょうか?


5 ● ken33jp
●18ポイント

Dreamweaver体験版

http://www.adobe.com/jp/products/dreamweaver/

MovableType使ったほうが良いです。


1-5件表示/6件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ