• 締切済み

ホームページ作りの方法

ホームページを立ち上げることになりました。 デザインを考えていろいろなサイトのデザインを勉強しています。 ホームページビルダー13で作る予定です。 5年ぶりにホームページを作成しますので知識が少々過去のものになり最近のホームページはどのように構成されているか少々分からないところがあるので教えてください。 ホームページが表示されるとき、コンテンツが常にブラウザの中心にあり形崩れしない(おそらくレイヤーで重ね合わせて作ってあると思うのですが） またコンテンツ両端の境界線などがずれないこのようなホームページはどのように作ればよいのでしょうか？ 参考には以下のサイトが理想的になります。 詳しい方教えてください。 http://www.serenade-tokyo.com/index.php 宜しくお願いします

みんなの回答

  • takapiii
  • ベストアンサー率55% (944/1707)
回答No.1

レイアウトが崩れないのはレイヤーではなくXHTMLとCSSで構成されているからではないでしょうか。 サンプルで記載したURLのサイトでは以下のCSSを作成したようですが、 http://www.serenade-tokyo.com/common/base.css この中で /* common の行以下数行でコンテンツ幅を固定しています。 CSSを勉強し、このようなCSSを書けばいいと思います。 もちろん上記のCSSをそのまま利用する事はできませんので、あくまでもご参考までに。 なお個人的に思う感想ですが、DreamWeaverの方が細かなデザインができるように思います。

  1. カテゴリ
  2. インターネット・Webサービス
  3. SNS・掲示板・ブログ
  4. ブログ

関連するQ&A

  • ホームページ作りで行き詰ってます

    私はアフィリエイトをする為に自分のホームページを作りたいと思ってます。有料のレンタルサーバー、独自ドメインも確保して、制作ソフト（ホームページビルダー）も買いました。 とりあえず今は色んなサイトを見てまわり、参考になるサイトがあれば自分なりに真似をしながらアレンジを加えサイトを制作しています。 初心者のサイト作りは真似をしながら作っていくのが一番技術の上達に役立つと本に書いてあったんで、人のサイトを見ていいなと思ったら下手なりに真似をしてます。 技術がまだないので真似と言ってもその通りにはできませんが^^;。 笑われるかもしれませんが、アフィリエイトを真剣にしようと考えてまして色々本とかも読んで勉強してます。 アフィリエイト専門サイトの場合やはりトップページで全てが決まると言っても過言ではないくらい重要なようです。 私の周りでこういった仕事を専門にしている人が誰もいないのでよくわからないんですが、ホームページを白紙から作る場合まず作る前にデザイン、構成など綿密に考えるものなんでしょうか？ 私の場合行き当たりばったりな感じで作ってるんで何かいまひとつ要領の得ない効率の悪い作業になってしまってます。 もちろんプロではないんで、そんなに綿密には考えられませんが、ここらで白紙の状態から構成を練り直そうかと考えてます。 ある程度自分が思っているイメージは既にあります。 ホームページを白紙の状態から作る上で何か大事なことなどありましたら、ぜひ教えてもらいたいです！ 宜しくお願いいたします。

  • ホームページビルダーをfirefoxに対応させるには

    現在ホームページビルダーを使ってＨＰを作っています。 使用しているブラウザはＩＥ６ですが、firefoxでサイトを確認したところ、型崩れが起こっていました。 firefoxでも型くずれせずに表示されるよう、直していきたいのですが、ホームページビルダーではＩＥ６の表示になっていて、作りながらfirefoxではどう見えるのか分からず、実際アップして確かめているのですが、設定を変えることで　ホームページビルダーをfirefox表示にすることができるのでしょうか。 よろしくお願いします。 因みにホームページビルダーのヴァージョンは12を使っています。

  • ホームページビルダーでダウンロードしたテンプレートを読み込む方法ってありますか？

    初心者の為説明が下手でしたらすいません。 ホームページビルダーを使ってHPを作ろうとしている所です。 デザインなども自信がなかったので、テンプレートをダウンロードしてきました。 ダウンロードしたファイルは基礎HTMLのファイルと、着せ替えCSS用のCSSファイルです。 このCSSをHTMLに読み込まなくてはならないと思うのですが、まずその過程をホームページビルダーで出来るかどうか、 また、初歩的ですが、そもそもの基礎HTMLをホームページビルダーホームページビルダーに取り込む…というか、読み込めるのかどうかがよく分りません。 ホームページビルダーでファイルを開くから、ダウンロードしたファイルを開こうとしましたが、indexなどのHTML形式のファイルしか、開けそうにありませんでした。 ですが、例えばこの方法だとindex、Menuとそれぞれ同じ様に改変していかないとならない気がします。 親子それぞれのページで同デザインで纏めたい時には、indexで表示されるタグをそれぞれのページにコピーするしかないのか、それとも何か他の方法があるのか…。 どのタイミングでCSSをHTMLに読み込んでいいかもよく分りません。 また、無事に読み込めた際に、それはindexのページだけにのみ反映となってしまわないのか、等疑問点が沢山です。 一度に沢山の質問で申し訳ないのですが、お分かりになる方、もしくは説明のあるサイトをご存じの方がいらっしゃいましたら、宜しくお願いします。 尚、ホームページビルダーのヴァージョンは10です。

  • 初めてのホームページ作り

    よろしくお願いします。 ほーむぺーじびるだー10を使用してはじめてＨＰを作成しているのですが、 作成手順としては、 1）ＣＳＳをメモ帳に手打ち。 2）ホームページビルダーでhtmlを打つ。 というような手順で作成しています。 レイアウトとしては、 コンテナ・ヘッダー・左サイド、右サイド、フッターというような構成です。（可変ではなく、数値固定です。） ＣＳＳの構文チェック、ＨＴＭＬの構文チェックとも問題なく順調に作成していたのですが、 右サイドにコンテンツの入力を行いはじめたのですが、 ホームページビルダーのプレビューやブラウザ（sleipnir,internet explorer6,7　モニターサイズ17インチ）では、 問題なく作成したとおりに表示されるのですが、編集ページでは、 左サイドの上に右サイドが固定幅より広がり重なった状態で表示されてしまいます。 これは、気にする事ではないのでしょうか？それとも、ブラウザやモニターサイズでレイアウトが崩れる可能性があるという事なのでしょうか？ こうなった原因としては、右サイドの中に、flot:left;の回り込みを利用して、更に４分割の小さなコンテンツ枠を作った為なのですが・・・ 長文で申し訳ありません。 どうかよろしくお願いします。

  • ホームページのリニューアル方法を教えて下さい

    ホームページのリニューアル方法を教えて下さい。 現在、ホームページビルダーを利用し、独自ドメインでサイトを運用しているのですが、 ドメイン・ファイル名・ファイルの数などは同じで、 全く別のデザインのものに差し替えたいと思っています。 例えば、今のサイトが３つのファイルからなるサイトとして、 そのファイルを１つのフォルダーに保管しているとします。 フォルダーとファイルの名前は フォルダー名：aaa ファイル名：トップページ(index.html)、aaa1.html、aaa2.html だとします。 この場合、下記のような手順で大丈夫でしょうか。 １．新しく作成したサイトを下記のように保管 　　フォルダー名：bbb　サイト名：３つとも今と同じ ２．ホームページビルダーを起動し、新しく作成したもので「サイトの新規作成」を行う ３．新しいサイトで転送 また、このようにサイトをリニューアルすることで検索結果の順位が下がるなどはあるのでしょうか？？ ホームページ作成初心者です。 宜しくお願い致します。

  • ホームページビルダへのホームページ移行

    実は長い間、ホームページZero(Ver.3)を使ってきましたが、我がサイトが肥大化した事から作業がおもいと感じ、またサイト表現やスマートフォン用のサイトの事もあって、ホームページビルダー19に乗り換えようと思ってます。 この場合、今までに作ったデータをスムーズにホームページビルダーに移行したいと思ってますが、これは作り上げたhtml書類を一つ一つビルダーで読み込ませないといけないものなのでしょうか？全体を管理したいので一つのサイトとしてビルダーに読み込ませたいのですが、果たしてどうしたらよいのでしょうか？URLから読み込んでも最初のindex.htmしか読み込んでくれないようです。他の質問を見ても、同様の質問が見あたりませんでした。どなたかアドバイスをいただけましたらありがたいです。

  • ホームページを作りたいけど？

    趣味のホームページを作ろうと思って色いろ挑戦したけど ホームページビルダーも失敗したし、専門の勉強までは・・・ ブログでは思ったようにレイアウトできない 無茶苦茶な理想を叶えていただけるサイトは無いでしょうか？

  • ホームページのトップページの拡張子は

    ホームページビルダーを使って作成したホームページを転送したところ、「転送されました」とメッセージが出るのですが、付与された自分のホームページＵＲＬにアクセスしてみると「表示されません」のメッセージが出ます。 いろいろ障害対応しているのですが、トップページの拡張子「index.html」の構成は、 「xxxx(半角英数).index.html」、または 「xxxx(半角英数)index.html」 （indexの前にピリオドがあるかないか）のいずれの構成が正しいのでしょうか。

  • ホームページビルダーでファイルが開けない

    ホームページビルダーで作り保存してあるファイル（index.html)を開こうとするとＨＰビルダーがダウンしてしまいます。他のhtmlファイルは問題なく開けるのですが・・・。indexファイルも前は開けていたのですが、何回修正－保存を繰り返しているうちに開けなくなりました。症状が出る前に保存をしたときに「ホームページビルダーの外部で実行されました」と」いうようなエラーメッセージが出たような気がしますが、定かではありません。既にサイトに転送してある同じindexファイルをサイトからダウンロードしてみても同じでした。他のindexファイル等は問題なく開けるのですが・・・。　

  • ホームページビルダー10のファイル転送についてです。

    こんにちは。今回はビルダーの転送に関しての質問を失礼いたします。 サイトの改装を行おうと思いまして、サイト全体の画像やファイル名を削除したり、indexページのデザインを変えたりしました。 index.htmのページなのですが、デザインをテンプレート配布サイトさんからお借りして、少々改変をしたりして作ったのですが、いざ転送をしようとすると、topページ以下のリンクが反映されません。 ビルダーの方のサイト転送をクリックすると、index.htmしか表示されておらず、他にも大量に変更した下の改装のファイルはすべて表示されないのです。 トップページ以下はすべて相対パスでもうまく表示されるのですが、indexからtopへの表示がうまくいきません。 再度indexページを新規作成したのですが、それでも変わらなかったために、結局トップページへのリンクを絶対パスで行いました。 ・indexページからtopへの相対パスへの改善方法 ・サイトの丸ごと転送（更新済みファイルのみ） これらを可能にするにはどのような処置をすればよいのかご存知の方がいらっしゃいましたら、どうぞご助力の程お願いいたします。 最後になりましたが、今回ビルダー10を利用するのははじめてで、それまではビルダーの2001を使用しておりました。 長くなってしまいましたが、よろしくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する