ホームページビルダー11でHPを作成しました。サイト全体で30ページほどです。すべてHTMLで制作しました。
お店の商品紹介のサイトなので、どのページも同じようなデザインとなっています。上部と左側にメニューがあり中央に商品写真が羅列され、その商品写真をクリックすると商品詳細ページへリンクする、といった感じです。
この度、「サイトのリニューアルをして下さい」と頼まれました。
現在のサイトを作る際にはまず
1「index」ページを作成
2ソースをコピーして新規のページに貼り付け
3貼り付けた「index」のソースの変更箇所を書き換え
といった作業を繰り返して制作しました。
今後もサイトの更新が予想されるため、例えば
1、サイトのデザインを全てに反映させる。
(上部、左にメニューを付ける等)
2、テーブルのセル内の画像を1か所変えればサイト全体に反映される
等の方法があれば知りたいと思っています。
現在のHPは、とりあえず「作らなくては!」という思いで
コピー、貼り付け、コピーしては貼り付け、
変更箇所はページごとに書き換え、という感じで更新の事など
一切頭に入れず製作してしまいました。
画像の変更は、「置換」という機能を知ったので試してみましたが、
変更したくない部分まで変わってしまいダメでした・・・。
自分のイメージとしましては・・・
このテーブルのこのセルにはこの画像
といった具合で、すべてのページに反映される方法等あったら
すごく助かるな~って思っています。
どなたかよい方法をご存知でしたらご教授下さいます様お願い申し上げます。
No.1ベストアンサー
- 回答日時:
ホームページビルダーで商用サイトは苦しい。
とっても・・・わたしもホームページビルダーで製作されたサイトの修正を何度か頼まれましたが、そのすべてで全面的に書き換えたほうが早かった。(苦笑)
あくまで、家庭(ホーム)ページにとどまりますね。
試しに、Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint. … )でチェックしてみると一目瞭然でしょう.
>1、サイトのデザインを全てに反映させる。
スタイルシートで行います。
>2、テーブルのセル内の画像を1か所変えればサイト全体に反映される
デザインのためのテーブルは廃止です。仕様書で名指しで批判されることをあえてする必要はない。
【引用】____________ここから
Webページのプレゼンテーションを向上させようという志は素晴らしいものではあったが、そのためのテクニックには思わぬ副産物があった。こうしたテクニックは、特定の人々、特定の時代状況でしか成り立たず、すべての人々、すべての時代状況において成り立つものではないのだ。こうしたテクニックの例を挙げよう。
・・・【中略】・・・
* テキストを画像に置き換えて表現する。
* 余白制御のために画像を用いる。
* ページレイアウトの目的で表を用いる。
* HTMLでページを作らずにプログラムに頼る。
こうしたテクニックによって、Webページはより複雑化し、限られた環境にしか適応しなくなり、相互運用性問題に悩まされることとなり、障害を持つ人々にアクセス障壁が設けられてしまう。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Style Sheets in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
★ここに書かれている、ほとんどすべてがまるでホームページビルダー(のどこでも配置・・)に対して書かれているようにさえ読める。
ことほどさように、酷いのです。
★サイト全体のメニュー背景でしたら、スタイルシートを一行書き換えるだけですむ。
ご回答いただきまして誠にありがとうございます。
・・なるほど。全くもってホームページビルダーその物についての
記述でした(笑)
もう少し勉強してスタイルシートでのレイアウトを頑張ってみます。
本当にありがとうございました。またの機会がありましたら
よろしくお願いいたします。
No.3
- 回答日時:
方法はいくつかあります。
・更新のたびに全部作り直す(全部のページにコピーペーストを繰り返す。今されている方法です)
・フレーム
・SSI
・テンプレート(コピーペーストを自動処理させる仕組み)
・CSS(デザイン変更のみ、HTMLや文章の変更は不可。
画像の変更は背景画像として使っている場合は可、<img>のsrc属性にしている場合は不可)
どの方法を使うにしても、一度は最初から作り直しになります。
ご回答いただきまして誠にありがとうございます。
ssiというのを少し調べてみましたが私にはかなりハードルが
高いようでしたので、スタイルシートでの作り替えを検討してみようと
思っています。
本当にありがとうございました。またの機会がありましたら
よろしくお願いいたします。
No.2
- 回答日時:
>このテーブルのこのセルにはこの画像
>といった具合で、すべてのページに反映される方法等あったら
イメージがわかんないから、とりあえず絵を描いてアップしてください。
インラインフレームとテーブルでできそうな気もする。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- その他(Microsoft Office) Excelで該当しない項目(#N/Aの商品名)を簡単に表示・抽出させる方法についてです 1 2022/08/25 22:12
- その他(プログラミング・Web制作) パイソンでのプログラミングについて 3 2022/08/11 20:31
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- その他(アニメ・マンガ・特撮) 著作権について アニメのオタ活手帳に貼るために、ワンシーンやキャラクターの立ち絵などを印刷したいです 3 2023/03/07 17:26
- Excel(エクセル) ある文字を含む際に、値を返す数式についてです 5 2022/08/28 16:58
- その他(法律) Wikipediaの著作権について 2 2022/08/14 07:14
- その他(IT・Webサービス) 無料ドメイン無料サーバでHP作りたい。 知り合いの飲食店のHPを作ってあげたいのですが、その店主には 3 2022/06/05 01:22
- Amazon 新規でAmazon商品ページ作成方法について 1 2022/03/28 00:22
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<tbody>は何のためにあるんでし...
-
htmlでテーブル内にテキストボ...
-
CSSのtransform: translate(-50...
-
エクセルでサイズに合ったもの...
-
バーコードのサイズは拡大縮小...
-
aタグに直接style=""で:hoverを...
-
HTMLフォームのSELECTの幅を一...
-
指定時間になったら、WEBサイト...
-
テーブル内の一部のみ線を変更...
-
chromeだけbody直下に空白が開く
-
フッターだけが真ん中に行って...
-
Excel セルの幅が合わない
-
エクセル 画面表示拡大率によ...
-
table内で画像と文字をセンター...
-
小さいオーブンレンジを探して...
-
CSSで、height:100%の中央寄せ
-
クリックで画像表示、さらに画...
-
Exelの設定
-
ドリームウィーバーでこんな表...
-
iframeのスクロールバー:縦だ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<tbody>は何のためにあるんでし...
-
ホームページビルダーで、画面...
-
ホームページを作るときの段取...
-
Dreamweaverでページを中央に表...
-
この1pxは何とかならない物でし...
-
ビルダーで中央揃え
-
ホームページ全体の画像、デザ...
-
テーブル内のテキストが右寄り
-
HPを作成しているのですが、...
-
GoliveCSでのテキストボックス...
-
ドリームウェーバーのテーブル...
-
テーブル枠の外側の赤い枠?
-
DreamWeaverMXでセルのサイズを...
-
DREAMWEAVERでホームページを制...
-
HTMLで枠の角を丸くするのは??
-
css focus時のハイライト枠
-
htmlテーブルがずれる
-
Excel2007枠線が出ない(>_<)
-
htmlでテーブル内にテキストボ...
-
エクセルでサイズに合ったもの...
おすすめ情報