http://www-6.ibm.com/jp/software/internet/hpb/
IBM 「PCサイトも携帯サイト作成もおまかせ!」ホームページ・ビルダー - Japan
私が使っているホームページビルダーVer7ではファイルの挿入でExcelファイルが貼り付けできます。
恐らく他のホームページ作成ソフトでもできるのではないでしょうか。
http://www.vector.co.jp/soft/win95/business/se096074.html
Vector:テキスト(CSV)ファイル変換 for Win32 (Windows95/98/Me / ビジネス) - ソフトの詳細
例えば以下のようなソフトを使って、Excel>CSV>HTMLという風に変換したらどうでしょうか?
CSVは、データを移動するためのファイル形式ですから、そのまま
HP画面にすると(空白スペースなどが省略されるため)列巾が不均衡
となって、バラバラに見えてしまうのです。もういちど、エクセル上に
コピー&ペーストすれば、もとどおりに表示されるはずですが……。
たしかにそのとおりですが、データ・ベースの原則は一行表記です。
フロントページだけの制約かも知れませんが、画面の最大巾に合わせて、
一行=合計94字詰とすると、あまりに文字が小さすぎて読めないのです。
(最初にあげたHP《乗客リスト》は、ほどよく条件を満たしています)
CGIでデータを読みこんで、HTMLファイルとして出力すれば簡単にできると思います
残念ながらCGIそのものが不案内です。CGIにデータを渡すには、
というフォームを使うそうですが、
FrontPage や Builder に組みこまれていないのでしょうか?
http://www.microsoft.com/downloads/details.aspx?FamilyID=209adbe...
ダウンロードの詳細 : HTML Filter 2.1 for Office 2000
以下は、お使いのパソコンにExcel2000が入っていることと、HTML化したい表データがExcelデータとなっていることを前提とした解説となります。(なお、Excel2002でも若干の違いはあるかもしれませんが、同様の操作が可能です)
1)Excel2000で、HTML化したい表データを開きます(もしくは新規に作成します)
2)[ファイル]→[Webページとして保存]をクリック
3)とりあえずHTMLファイルを保存する場所を[保存先]をクリックして選択し、[選択範囲:シート]の○(ラジオボタン)をクリックし●にし、[保存]をクリックします。
4)以上で、HTMLファイルとなったはずです。ファイルの保存先からHTML化されたファイルを探し出し、ダブルクリックしてブラウザで開いてみてください。
5)なお、表の見た目の幅を調整したい場合は、
(a) 1)の時点で予めExcel上で調整しておくか、
(b) 4)で作成されたHTMLファイルを、直接「メモ帳」などのテキストエディッタで開き、HTMLのタグを修正することで解決します。その場合、<table x:str border=0 cellpadding=0 cellspacing=0 width=540 style=’border-collapse: ...となっている部分の、Width=の後の数値を変更することによって修正できます。なおこの数値は「ピクセル数」という単位になります。
※なお、Excel2000で作成したHTMLファイルは、Microsoft Office製品特有のタグや記述が入っているため、古いブラウザなどで開いた際、表示トラブルが起こる可能性も若干ありえます。そのため、4)を終えた後に、保存されたHTMLファイルを、「HTML Filter 2.1 for Office 2000」というMicrosoftが無料配布しているソフトで処理することによって、Microsoft特有のタグは取り除かれるようです。同ソフトのダウンロードは、URLからどうぞ。
まことに懇切丁寧かつ専門的な解説、おそれいります。ゆっくり取組
むことにします。「HTML Filter 2.1 for Office 2000」の存在は、何
かの折に聞いたような気もしますが、はじめて確認できました(多謝)。
この例で出したhtmlはタグの並びの不規則性といい、余分な改行といい、恐らくエディタで「手打ち」ですね。
おっしゃる通りレイアウトの考えた試行錯誤をした賜物です。
一発で出来る便利な変換ツールなどでなせる技では無いと思いますよ。
エディタの「手打ち」ではなさそうですよ。ためしに、htmlをコピー
&ペーストしてエクセル上に貼りつけると、罫線内のデータが一行づつ
(セルごとに)分離するのです。エディタ上の表組(罫線で囲む作業)
は、できないはずですが……。
URLは、ダミー、わたしのサイトです(英語圏での調べ物があればどうぞ)。
これは、ソフトの問題ではなくて、HTML言語の問題だと思います。Table作成(作表)用のタグを使うことで、全く同じものができます。
adlibさんが使っているホームページ構築ソフトが何かはわかりませんが、table作成機能がある筈です。
それから、もうひとつ、この指定している参考のウエッブページのメタタグをご覧になれば、ソースが明らかになりますので、同じtableを作成することができる筈です(実際に開いてみたら、そうでした)。画面の上のメインメニューの、表示>ソースで、これをみることができます。ご覧になるとよいと思います。このHTMLタグについては、書店に売っている入門書で、理解をするには十分です。HTML+CSS handbook(C&R研究所。Softbank Publishing)は、ハンドブックとしては、お薦めです。
うーん、すこしづつ分りかけてきました。私のフロントページでは、
それぞれの「編集画面」に切りかえることができます。ここから作表用
タグをコピーすれば、おなじHTML言語でTable作成できるわけですね。
ただし結果的に、エディタの「手打ち」とおなじくらい面倒だったら、
ギブアップですが……。
簡単にできそうな手順です
テキストエディターで置換して貼り付けるだけです。
1.エクセルデータをCSV(カンマ区切り)で書き出す
2.データ内のカンマを「</TD><TD>」に置換
3.¥n(改行)を「</TD>¥n</TR>¥n<TR>¥n<TD>」に置換
※エディター置換機能を使うときは正規表現ってのがあればオン(チェック?)にしておく
4.公開用のHTMLファイルの<BODY></BODY>の間に
<TABLE border=”1” CELLSPACING=”0” cellpadding=”3”>
<TR>
<TD>
を追記
5.置換後のCSVファイルのデータをコピー
6.コピー部分に続いて以下を追記
</TD>
</TR>
</TABLE>
7.<HEAD></HEAD>の間に
<STYLE type=”text/css”>
<!--
td{font-size:10pt;}
a{text-decoration:none;}
a:link{color:#0000ff;}
a:visited{color:#0000ff;}
a:hover{color:#ff0000;}
-->
</STYLE>
を追記
文字の大きさは「td{font-size:10pt;}」の部分の数字を変えればサイズも変わります。
大雑把に書きましたが作業自体はこんな手順でやれば数分で終わると思います。
イマイチな回答なのでポイントは結構です
決して「イマイチな回答」ではないと思いますよ!。しかし、今まで
の回答者は二つの系統に分かれるようです。車にたとえるなら「ギア・
チェンジ派」と「オートマチック派」であって、どうやら私はAT限定
の免許保持者らしいのです。ようやく今ごろになって、クラッチの存在
に気づいたのかも知れませんね。
ふつうにホームページを作るソフトで出来ます。「表」というボタンをおせばできます。また、エクセルのを張りつけてもできます。
※URLは必須ではありません
たしかに、フロントページのメニュー・バー(右から3番目)には、
表(A)があり、「挿入」を選択すると、HTML画面が(劇的に)変化し
ます。このあと、クリップ・ボードに保存したエクセル・データを貼り
つけるのでしょうか? 初めての作業なので、あとで落ちついてから、
試してみましょう。
CSV→HTMLへツールなどで一括変換して、編集画面にコピー。
その後<head>〜</head>の間に
<style type=”text/css”>
td{ font-size: 0.8em }
</style>
などを入れてみてはいかがでしょう。0.8の数字を色々変えることで、文字の大きさを変えることが出来ます。
公開されたサイトと同じような罫線を実現したいのであれば、
<table>
↑のタグを
<table border cellspacing=”0”>
と置き換えれば可能ですよ。
ちょっと面倒臭いかもしれませんね。
nekoshiki さんの回答(10)後半の補足として、参考になります。
一つのセルが縦に広がらないようにするには、
CSSでtd { white-space : nowrap }
とすればOKです。
具体的には
<style type=text/css>
td { white-space : nowrap }
</style>
と言うのを「<title>ページの名前</title>」と書いてある
場所の後ろに入れてあげてください。
これで勝手な改行は入らなく成ります。
(そのかわり横スクロールが必要に成る場合があります)
http://hp.vector.co.jp/authors/VA013937/cssref/usage2.html
使い方(P2):ヘッダーで宣言しておく方法
もとの「このHPは、どんなソフトが使われているのでしょうか?」
という質問が不適切だったようですね。ご教示いただいた回答を参考に
して、もういちど試行錯誤に挑戦することにします。
いつか、edited by Awa Library の奥付でお目にかかりましょう。
回答者のみなさん、ありがとうございました。
一つ前の、nekoshiki さんの回答(10)→ dogyear さんの回答(8)
(ご両人におわびと訂正です)。
私のフロントページでは、エクセルの罫線データをすべて選択して、
直接コピー&ペーストすると、もとのイメージどおりに表示されますが、
あまりに文字が小さすぎて読めません。ビルダーによる、実際の画面を
見てみたいのですが……。