- 締切済み
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の指定の箇所に指定のセルの数値を引っ張ってくる」 という方法ができるかな？と考えています。 わかりづらく申し訳ありませんが、ご教授いただければと思います。
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
百ページ近くになるとか、定期的に内容を変更するページがある場合は、基本的には動的なサイト構成になります。いわゆる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)
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 ) そんなに難しい話ではないと思います。 ※画像は少数の画像自体を参照すればよい ※テキストが短いものならスタイルシートで書き加える。 それだけですが？？？
お礼
回答ありがとうございます。 >>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リンクについては全てのページの全ての項目で違うものになります。 この場合、１つ１つ手作業で変えていくしか方法はないのでしょうか？