• 締切済み

html作成について

現在作成中のHPで作成したい内容が 1P目 【画像(1)】 【テキスト(1)】 【URL(1)】 【画像(2)】 【テキスト(2)】 【URL(2)】 2P目 【画像(1)】 【テキスト(1)】 【URL(3)】 【画像(2)】 【テキスト(2)】 【URL(4)】 画像とテキストは共通、URLについては各ページ別になり、 定期的に画像、テキスト、URLが変更になります。 これが200ページ以上あるので、一括で変更する方法がないか探しています。 知識がない頭で考えてみた感じでは 「Excel等でデータベースを作成して、htmlの指定の箇所に指定のセルの数値を引っ張ってくる」 という方法ができるかな?と考えています。 わかりづらく申し訳ありませんが、ご教授いただければと思います。

  • HTML
  • 回答数2
  • ありがとう数1

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

 百ページ近くになるとか、定期的に内容を変更するページがある場合は、基本的には動的なサイト構成になります。いわゆるCMS(コンテンツマネージメントシステム)を使うことが多いでしょう。  ⇒コンテンツマネージメントシステム( http://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%83%9E%E3%83%8D%E3%83%BC%E3%82%B8%E3%83%A1%E3%83%B3%E3%83%88%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0 )  excelというより、accessに近い仕組みです。  極めて単純なページのようですから、CMSを使わなくても簡単なCGIなりPHPで可能とは思います。また、高機能なテキストエディタでローカル側で一挙に変換してしまうとか、SSI(server side includes)、PHPのincludeコマンドをつかってもよいでしょう。  いずれにしても、HTML自体は大幅に見直す必要があります。定期的に変更されるそれらのページの構造はすべて同じにすること。ひょっとしてtableを使ってデザインしているならやめましょう。これは散々、否定され続けていることです 「単に文書内容を整形する目的だけで表を用いるべきでない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )」 「ページレイアウトの目的で表を用いる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )」  多分、 【画像(1)】   --><h1><h1> 【テキスト(1)】 -->ヘッダー部分記事 【URL(1)】 【画像(2)】   --><h2>本文見出し</h2> 【テキスト(2)】 -->本文の紹介などメッセージ 【URL(2)】  ちょっとイメージがわかないですが、他に記事がまったくないのですか?? 下記を埋めて見ること <body>  <header>ページのヘッダ</header>  <section>本文</section>  <footer>文書情報</footer> </body>  ちなみにたったこれだけしかないのでしたら、わざわざHTMLを書かなくても、良いような気がします。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

 HTMLで作成されている複数のファイル(ウェブページ)で構成されているウェブサイトと言う意味でよいでしょうか? ・正しく使わないと意味不明になます。   HTML(Hyper Text Markup Languageの頭文字)は大文字です。   HPとは、ヒューレッドパッカード(小文字のhp)です。   ホームページはブラウザを起動したときに最初に表示されるホーム(基点)です。   ウェブサイトのトップページをホームページと言うこともあります。   個別のページやサイト全体に対してホームページは誤用です。ましてやHPは??   ・・利用する場合はともかく、製作者の立場になると、きちんと区別しないと     通じなくなります。    ⇒ホームページ - Wikipedia( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8 )  HTMLの文書構造がよくわからないのですが// <body>  <header>ページのヘッダ</header>  <section>本文</section>  <footer>文書情報</footer> </body> [HTML4.01]でしたら <body>  <div class="header">ページのヘッダ</div>  <div class="section">本文</div>  <div class"footer">文書情報</div> </body> という、基本的な構造だったとします。  ここで、headerやsection部分の画像が共通と言うことは、その文書にとっては意味があるものではありませんから、スタイルシートで背景としてデザインすれば良いでしょう。  最後のURLの意味が不明ですが、ナビゲーションか何かですか??  HTMLは所詮文書構造しか書きませんので--  ⇒構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )  そんなに難しい話ではないと思います。 ※画像は少数の画像自体を参照すればよい ※テキストが短いものならスタイルシートで書き加える。  それだけですが???

awatak
質問者

お礼

回答ありがとうございます。 >>HTMLで作成されている複数のファイル(ウェブページ)で構成されているウェブサイトと言う意味でよいでしょうか?   ・正しく使わないと意味不明になます。     HTML(Hyper Text Markup Languageの頭文字)は大文字です。     HPとは、ヒューレッドパッカード(小文字のhp)です。     ホームページはブラウザを起動したときに最初に表示されるホーム(基点)です。     ウェブサイトのトップページをホームページと言うこともあります。     個別のページやサイト全体に対してホームページは誤用です。ましてやHPは??     ・・利用する場合はともかく、製作者の立場になると、きちんと区別しないと       通じなくなります。 上記について失礼致しました。 正しくはHTMLで複数のウェブページを作成しています。 下記は現在記述している内容です。 <tr><td><div id="app_01"><a href="http://www.test1.jp/"><img src="img/aaaa.png" width="60" height="60"></a></div> <div id="app_02text">テキスト1</div></td> <td><div id="app_01"><a href="http://www.test2.jp/"><img src="img/bbb.png" width="60" height="60"></a></div> <div id="app_02text">テキスト2</div></td></tr> この記述があるウェブページが200ページ以上あり、定期的にURLリンク、画像、テキスト内容が変更になります。 この作業が非常に面倒な為、効率良く作業できるようにしたいと思っています。 各ウェブページの画像、テキストについてはORUKA1951様のおっしゃる通り、スタイルシートで対応できそうです。 URLリンクについては全てのページの全ての項目で違うものになります。 この場合、1つ1つ手作業で変えていくしか方法はないのでしょうか?

関連するQ&A

  • Adobe GoLiveでのリンク先一括変更。

    Adobe GoLiveを使用してHPの作成をしているのですが、作成したHP内の共通画像の リンクURLを、全体で一括変更するにはどのようにしたらよいのでしょうか? 例えば、作成したHPの中に HP-A.htmlとHP-B.htmlとの二つがあったとして、 共通の画像(gazou1.jpg)が一つあったとします。この画像に割り当てたURL を変更するのに今はHP-A.htmlとHP-B.htmlを それぞれのを開き、画像のURL をそれぞれ変更しています。 実際にはこれを10ページ以上しています。 これが大変てまなのですが、これを一括変更する方法ご存じの方どうかご教授 ください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • Adobe GoLiveでのリンク先一括変更。

    Adobe GoLiveを使用してHPの作成をしているのですが、作成したHP内の共通画像の リンクURLを、全体で一括変更するにはどのようにしたらよいのでしょうか? 例えば、作成したHPの中に HP-A.htmlとHP-B.htmlとの二つがあったとして、 共通の画像(gazou1.jpg)が一つあったとします。この画像に割り当てたURL を変更するのに今はHP-A.htmlとHP-B.htmlを それぞれのを開き、画像のURL をそれぞれ変更しています。 実際にはこれを10ページ以上しています。 これが大変てまなのですが、これを一括変更する方法ご存じの方どうかご教授 ください。よろしくお願いします。

  • セルの幅が異なる表を同じページで作成する方法

    セルの幅が異なる表を同じページで作成する方法を教えていただきたいので質問いたします。 例えば 罫線で区切られた表を作成し、その下にセルの幅が異なる表を作成するにはどうすればよいのでしょうか? 作成できた後、幅の調整をしたいととなれば、どのようにすればよいのでしょうか? 簡単にいえば、通常均等に並んだセルでは幅なら一番上で、高さな左で一括で同じに出来ますよね。それがセルの大きさをいろいろ変えたときに指定されたセルの幅や高さの変更方法がわかりません。 よろしくおねがいします。

  • 携帯用サイトをデータベースとPHPで作成する際に静

    携帯用サイトをデータベースとPHPで作成する際に静的ページを持たずに、アクセスがあるたびDBから情報を読み込んでページを生成する方法を教えてください。 携帯用サイト作ってみようと思いまして、色々調べているとデータベースを使用して指定したアドレスにアクセスがあるたびにデータベースから情報を読み込んでページを生成すれば、静的ページはいらないという記述を見ましたが、その仕組みをどなたか教えていただけますでしょうか?、またその様なやり方がのっている本やホームページがあればおしえてください。 ちなみにPHPとMYSQLを使用してサイト作成を行おうと思っています。 補足説明いたします、ここで記載しているアクセスのたびに生成されるページはJavaやFlashは使用しないで画像やテキストのみのページにする予定です。

    • ベストアンサー
    • PHP
  • ページ全体のフォントを一括で指定したい

    現在作成済のページを含め、すべてのフォントを一括で変更したいのですが、 簡単にできる方法はないでしょうか? cssでできそうなのですが、実際の指定方法まで、なかなか見つけられません。 MS P明朝かMS Pゴシックに変更したく思っています。 どなたか、よろしくお願いします。

    • ベストアンサー
    • CSS
  • ページ共通項目の1元管理

    「前に戻る」や「トップに戻る」など、作成する多くのページに共通して設定する項目があると思われるのですが、 これをスタイルシートファイル等で、1元管理はできないものでしょうか? 私のイメージとしては、全てのページ(HTMLファイル)には共通のID又はクラスを与えたdivを入れておき、 スタイルシートファイルの方でその文字や画像を指定するといった方法です。 これであれば、例えばもし「戻る」に付随させる画像等を変更したくなった場合、 またはテキストを「戻る」から「Back」に変えたくなった場合などに、 全てのHTMLファイルを修正する必要なく、cssファイルのみの変更でいけるのかな、 と思っておりますが、cssファイル内においてのテキスト指定や画像指定の方法が分からなかったので、 質問させて頂いた次第であります。 以上、よろしくお願い致します。

    • ベストアンサー
    • HTML
  • ホームページ作成のコツ?

    今携帯用の待ち受け系ホームページをつくっています。 作成に使っているのはメモ帳だけなのですが、結構手間がかかります。。特に画像一枚につき1ページ作成しなければならないので結構な時間がかかってしまいます。テキストの作成→名前変更と拡張子変更だけでも指がつりそうで…。 何かもっと簡単に出来る方法はないでしょうか?ツールを使っても構わないです。

  • HP作成についての質問です。

    私の作成したHPの場合、たくさんの画像を使ったページを開くと 下のツールバーに 『(残り○項目)画像〔-URL-〕をダウンロードしています。』 と表示され画像(パーツ)が一つずつしか表示されていきません。 他のサイトを覗くと、画像をたくさん使っているにもかかわらず 一括?で表示されています。 このような表示方法にするにはどうすればいいのでしょうか? ご回答お願いします。 ちなみにページサイズは12400バイト。Flash使用です。

    • ベストアンサー
    • HTML
  • EXCELの結果をTEXTファイル化する

    音声ファイルを指定時間に細かく分割するのに一括処理する為に 事前にトラックを指定したテキストファイルを作成することにしました。 最終的には、テキストファイルを変換ソフトに読み込ませて分割する予定です。 そこで、指定時間を秒に変換>数値に変換する表をEXCELで作成することにしました。 例えば、03:24(3分24秒)  ----->  204.000000     01:02:23(1時間2分23秒) -----> 3743.000000 03:24を入力すると 指定セルに 数値の204.000000が表示される 01:02:23入力すると 指定セルに 数値の3743.000000が表示される (小数点以下の000000は、必ず必要です。) 時間入力を簡単に入力するために  以前教えていただいた数式を利用しています 何とか、自力で関数を利用して小数点以下まで書き出すことはできましたが、 不具合や訂正があれば紹介下さい。 -------------------------------------------------- 最終的にEXCELの表を添付のような書式でTEXTファイルに変換して出力したいのですが 方法を教えて下さい。 参考画像添付

  • エクエルの複数画像の一括挿入

    エクセルで写真の一括挿入をするために「複数画像の一括挿入」をアドインに入れて貼り付けしたのですが、貼り付けが若い順になってしまいます。 例)A1のセルにP1000002、A3のセルにP1000001、A5のセルにP1000004、A7のセルにP1000003のファイルを貼り付けしたいのですが、 A1のセルにP1000001、A3のセルにP1000002、A5のセルにP1000003、A7のセルにP1000004が貼り付けされてしまいます。 どうすれば指定したセルに希望の写真が貼り付けられますか? 貼り付ける枚数が多いので、他にマクロとかわからなくても複数画像が一括で貼り付けられる方法があったら教えてください。 宜しくお願いします。

専門家に質問してみよう