Chibiの覚え書き » webツール http://ilovechibi.net web制作とかcssとかデザインとか色々～な覚え書き Tue, 05 Jan 2010 01:44:23 +0000 http://wordpress.org/?v=2.8.2 ja hourly 1 エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)を使ってみた http://ilovechibi.net/200901/165.html http://ilovechibi.net/200901/165.html#comments Sat, 24 Jan 2009 05:44:39 +0000 chibi http://ilovechibi.net/?p=163 テーブルタグが苦手な方へ。。
便利なツールがあったもんだ！

その名も『エクセルシートをHTMLテーブルに変換しちゃう君』

エクセルで作った表をcssとhtmlで出力してくれます。
では使ってみよー。

適当にエクセルで作成。
exel1
んで表の部分を範囲指定してクリップボードへコピー。
exel2
あとはサイトの上のテキストボックスにペーストして、オプションをいじくって変換ボタンをポン！

それだけでめんどくさいテーブルタグが産まれます。
ちなみに、テスト用で作ってみたcssとhtmlが以下

テスト1 テスト2 テスト3 テスト4 テスト5
てすと1 1 2 3 4 5
てすと2 6 7 8 9
てすと3 2 3 40000
てすと4 1 2 3 4
てすと5 6 7 5


css

table {
	border-collapse: collapse;
}
th {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ff9999;
}
td {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ffffff;
}


HTML

<table>
	<thead>
		<tr>
			<th>

			</th>
			<th>
				テスト1
			</th>
			<th>
				テスト2
			</th>
			<th>
				テスト3
			</th>
			<th>
				テスト4
			</th>
			<th>
				テスト5
			</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th>
				てすと1
			</th>
			<td>
				1
			</td>
			<td>
				2
			</td>
			<td>
				3
			</td>
			<td>
				4
			</td>
			<td>
				5
			</td>
		</tr>
		<tr>
			<th>
				てすと2
			</th>
			<td>
				6
			</td>
			<td>
				7
			</td>
			<td>
				8
			</td>
			<td>
				9
			</td>
			<td>

			</td>
		</tr>
		<tr>
			<th>
				てすと3
			</th>
			<td>
				2
			</td>
			<td>

			</td>
			<td>
				3
			</td>
			<td>

			</td>
			<td>
				40000
			</td>
		</tr>
		<tr>
			<th>
				てすと4
			</th>
			<td>
				1
			</td>
			<td>
				2
			</td>
			<td>
				3
			</td>
			<td>

			</td>
			<td>
				4
			</td>
		</tr>
		<tr>
			<th>
				てすと5
			</th>
			<td>
				6
			</td>
			<td>

			</td>
			<td>
				7
			</td>
			<td>
				5
			</td>
			<td>

			</td>
		</tr>
	</tbody>
</table>


]]> http://ilovechibi.net/200901/165.html/feed 0