window


この質問記事は解決しています。
トップページ > 記事閲覧
*ホームページの構成
日時: 2012/03/05 04:42
識別: ID:tbremVlca36.
名前: syatyo
ホームページビルダー購入3日後の初心者のくせにこだわりたいが為、自作テンプレート作成においてデザインで悩んでおります。

http://www.yahoo.co.jp/
http://headlines.yahoo.co.jp/hl

上記のリンクのように
左側、中央、右側等綺麗に分かれて、ページをスクロールしたら全部スクロールされるようなページを作りたいのですがホームページビルダー16では無理でしょうか?
最初からあるフルCSSテンプレートに似た配置の物があるので、出来そうで自分では出来ないのがもどかしいです・・・。


特に下記リンクのテンプレート配布サイトさんの『2列2段』の配置のものを自分で作りたいと思っております。

http://pondt.com/tmp2-2/



いちよ
1.“フレーム”で作ろうとして、当然のように各ページがスクロールするので失敗
2.“レイアウト枠”を使用して自由配置するもウインドウのサイズに寄っては真ん中や右側に大きな隙間が出来て失敗
3.“表の中に表を入れる”事でなんとなく出来そうだと思ったけど、やたらごちゃごちゃするから、どうにかならないかと疑問にいたる・・・。

という経緯を踏んでの質問です。経験者さんの回答期待しております。

ちなみにTAG打ちは殆ど出来ないのでソース見ても全部は理解できません。
メンテ

Re: ホームページの構成 ( No.1 )
日時: 2012/03/05 10:00
名前: nn

サンプルおよびテンプレートのページはいずれもスタイルシートによってこのような「見栄え」を実現しています。

真似したり応用するには、HTML、CSSについての知識が必要です。
http://www.tagindex.com/html_tag/basic/index.html
http://www.tagindex.com/stylesheet/basic/index.html
テンプレートをそのまま使えば作れなくもないですが、知識のないままだといずれ様々な問題が生じる可能性が高いです。

ビルダーでの具体的な操作例
http://hpbuilder.net/challenge/fullcss-layout.html
http://www.wsb.jp/hpb/upsite/index.html



> ちなみにTAG打ちは殆ど出来ないのでソース見ても全部は理解できません。

最初は誰でもそうです。
ソースを見ようとするだけでも向上の余地があるかもしれません。

ただ基本的に、HTMLはデザインやレイアウトをするためのものではありませんから、デザインを知るためにHTMLソースだけを見てもあまり意味はありません。

これからホームページを作ろうという人は、えてして「見栄え」を先に考えがちですが、基本は中味(原稿)が先です。
素の原稿を書いて、そこにHTMLタグをつけていく、というのが正しいやり方です。

PC Tips
http://members.jcom.home.ne.jp/pctips/

はじめてのWebドキュメントづくり
http://www.asahi-net.or.jp/~sd5a-ucd/www/

初心者のためのホームページ作成講座
http://members.jcom.home.ne.jp/jintrick/Personal/markup.html

これらを読めば、ビルダーいらんやん、と思うかもしれません。
そうです、本来WEBページはメモ帳ひとつあれば出来るものです。

ただ、ビルダーでどうゆう操作をするとどうゆうHTMLやCSSが書き出されるのかを理解し、道具として使いこなすととても効率的なページ作りが出来るのも確かです。



3.については、本来の「表」の使い方ではありませんが、このサイトにも説明があります。
http://www.aimix.jp/tablecenterst.html

一から勉強するのが苦痛になるのであれば、表でさらっと作ってしまうのもひとつの方法です。
メンテ
Re: ホームページの構成 ( No.2 )
日時: 2012/03/07 07:03
名前: syatyo
状態: 解決!

的確な返信ありがとうございました!!早速勉強してみようかと思います。
見たことないページが半分以上ありましたので楽しみです。

> テンプレートをそのまま使えば作れなくもないですが、知識のないままだといずれ様々な問題が生じる可能性が高いです。

凝ったページが作りたいのもありましたが、自分もnnさんが言う上記のこと思いましたので、頑張って見ることにします!



ここに相談してホントに良かったです。
メンテ
- ( No.3 )
日時: 2012/06/17 00:09
名前: 7c294cd1.i-revonet.jp

#SPAM

メンテ

 返信フォーム (上記スレッドに返信する場合は以下のフォームから投稿します)
題名 ※必須 スレッドをトップへソート
名前
E-Mail
URL
パスワード 記事メンテ時に使用します (メンテは該当記事のメンテアイコンをクリック)
返信内容
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定

・問題が解決したら 解決 を選択して投稿して下さい HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ(メンテアイコン)から修正する事ができます。


投稿内容をご確認下さい(記事の削除は出来ません)

   クッキー保存