メリークリスマスリボン

初級ブログカスタマイズなどweb系知識メモ、Illustratorで作った無料素材を公開

SAB-webカスタマイズ

ExcelシートをHTMLテーブルに変換しちゃう君 サイト上で動く優れもの

webマーケティングブログのエントリー
「エクセルシートをHTMLテーブルに変換しちゃう君 」がすごく便利 より

ページ編集の際に、tableを使って表を利用したいときって結構多くあるんですが、
tableってすごく面倒なタグなんで、毛嫌いしていました。
しかしExcelシートがtableとしてHTMLに変換されたら…これなら別です、table使いまくります!

しかも、オンライン上で変換ができるので、
変換用ソフトなどを起動する必要もないんです。これは便利。

以下、簡単に分かりやすく使い方を解説します。

実際にtableに変換してみました 手順の解説

  1. Excelで適当な表のシートを作る
    (※リンクさせたいような文字も含めてみました)
    この全体をベーっと選択し、右クリックでコピーします。

    excelで表を作る

  2. エクセルシートをHTMLテーブルに変換しちゃう君
    http://styleme.jp/tool/xls2html/ のページ行きます。
    先ほどコピーしたものを、ページ上部の欄に貼り付けます。

    Excelからコピーした表のデータを貼り付ける

  3. お好みに合わせてオプションを設定します。

  4. 表のセルの色などを変換したい場合は、
    変換したい部分をクリックし、カラーを選択するだけ

    色変更の方法

  5. [ 変換 ]ボタンを押すと、詳しいプレビューが表示され、
    HTMLテーブルが生成されます。

    プレビューが表示され、HTMLが生成される

  6. 完成。

    サイト名 URI 概要
    aaa http://aaa.com あんなこと
    bbb http://bbb.com こんなこと
    ccc http://ccc.com そんなこと

リンク文字について

ExcelのセルにURIなどを入れると、自動的にリンク文字になりますが、
変換する場合は、上の完成品のように、リンクされていない状態になります。
(※当然といえば当然ですね;)

よって、リンクさせたいテキストなどには、
<a href=""></a>のように、hrefタグで囲ってあげると上手くいきます。

サイト名 URI 概要
aaa http://aaa.com あんなこと
bbb http://bbb.com こんなこと
ccc http://ccc.com そんなこと

便利!

エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)
http://styleme.jp/tool/xls2html/



こちらもどうぞ 関連エントリー

コメント一覧

コメントを書く

  • 管理人にだけメッセージを送る

トラックバック


この記事にトラックバックする(FC2ブログユーザー)

この記事へのトラックバック

welcome
SAB-webカスタマイズを購読
新着記事を すぐにおしらせ



Comment
データ取得中...
RSSリンクの表示
リンクなど


あわせて読みたいブログパーツ