HTMLにエクセルの情報を配置したい

質問

エクセルについて教えてください。

エクセルのA列に商品名、B列に画像、C列に商品の説明文、D列に商品URLを記入して、これが30商品＝30行になっているとします。そして、このエクセルの文字列をHTMLの特定の場所に配置したいのです。

HTMLは、

<div class="block">
<img src="images/[B1]" alt="[A1]" /><br />
<a href="[D1]">[A1]</a><br />
<p>[C1]</p>
</div>

<div class="block2">
<ul>
<li><a href="[D2]">[A2}</a></li>
<li><a href="[D3]">[A3}</a></li>
</div>

などのように、あらかじめエクセルの情報を入れたい場所をテンプレート化して、[A1}とあればエクセルのA1の文字列を、[B1]とあれば、エクセルのB1のセルの文字列が入るようなイメージなのですが、こんなことってできるものなのでしょうか？

似たようなものにBP Tranというフリーソフトがあり、HTMLファイルとCSVファイルを選択すると、自動でHTMLファイルを任意の名前で出力してくれるものがありまして、これのような感じなのですが・・・。

どこまでが出来て、どこまでが出来ないのか、また出来るとすればどのような方法があるのかが、分からず検索がうまくできない状況で困っています。

詳しい方がいらっしゃいましたら、ご教授宜しくお願いします。

回答No.1

keithin

幾つか手はあります。

もっともベタですが，欲しい結果に一番近い方法としては…

A1:D31にそういった表があるとすると

F1セルに
="<div class=""block"">"&CHAR(10)&
"<img src=""images/["&B1&"]"" alt=""["&A1&"]"" /><br />"""&CHAR(10)&
"<a href=""["&D1&"]"">["&A1&"]</a><br />"""&CHAR(10)&
"<p>["&C1&"]</p>"""&CHAR(10)&
"</div>"""&CHAR(10)&CHAR(10)&
"<div class=""block2"">"""&CHAR(10)&
"<ul>"
という数式を記入（見た目判りやすく行を分けて記入してあります。このままコピーしF1セルを選んで「数式バーの中に貼り付け」てやればOKです）

F2セルに
="<li><a href=""["&D2&"]"">["&A2&"]</a></li>"
という数式を記入
F2セルをF31セルまでコピーする

F列の列幅をとりあえずぐぐぐぐっと広げておく
F列を選び，右クリックしてセルの書式設定の配置タブで折り返して全体を表示にチェックを入れる

計算できたF1:F31をコピー，メモ帳に貼り付けると欲しいhtmlのテキスト（ただし一番最後の</div>以外）ができあがっています。
適宜拡張子htmで保存するなり，既存のhtmlテキストに更にコピーし貼り付けて埋め込んで使えます。

方法２：
A1:D31を選び，ご利用のエクセルのバージョンに応じてWEB形式で保存で「選択範囲を発行」します。
表範囲に対応するエクセル様式のhtmlファイルが作成されるので，今あるhtmlから適宜埋め込みとして呼び出して使ってみてください。そういう事ができるhtmlの書き方は，スミマセンエクセルのスコープじゃないんで判りません。