Word・ExcelでもHTMLをつくれる!

 - 

 -  >

 -  ブログ

 

ブログとかHPで表とか図を作りたいけど、「HTMLがちゃんとはわかんないから作れない><」「作れるけどブログエディタだとめっちゃ時間がかかる><」「作れるけどHTMLだとめっちゃ時間がかかる><」って悩んでいる人いませんか?

WordとかExcelで作成した表・図をHTMLに変換することができるんですよ!

(ワードプレスでブログを編集している人は直接ファイルのままアップすることもできます。)

 

Word・Excelも使えないって?
その対処方法は残念ながら分かりません><

頑張ってまずはWord・Excelの使い方を覚えましょう笑

 

 

では作成の手順に入ってみます。

①Word・Excelで普通に作成する!

スクリーンショット 2014 06 06 23 28 38

 

 

この表をHTMLで作成するのはめちゃくちゃ面倒です。

少しはHTMLもわかるので、恐らく作れますが、自分なら作成に数時間かかってしまいそうです。

 

②ファイル形式を.htmで保存する!

スクリーンショット 2014 06 06 23 28 24

 

③ブラウザでファイルを開く!

スクリーンショット 2014 06 06 23 40 12

先ほど保存したファイルをブラウザで開きます!

(機種依存文字はこのように正しく表示されません。)

 

④HTMLの記述をコピペする!

スクリーンショット 2014 06 06 23 35 33

ブラウザを開き、「要素の検証」というのを行うとこの画像の下部にあるわけのわからないコードのソースが出てきます。

そしてその全体に関する記述をしているHTMLのコピーをします。

コピーをしたら、あとはブログ・HPにペーストするだけです1

 

 

自分が知っている中で、これが一番ブログで表を書くときに楽な方法なのですが、もっと楽な方法を知っている方がいたら是非教えて下さい!

 

そしてこの表は明日アップする予定の記事のものです。

この表に興味を持ったら是非明日もブログを見て下さい!

 

 

ちなみにこれが実際の文章とコードです。

(機種依存文字修正済みのものです。)

■  CSR=企業経営のあり方そのものを問う


経営活動
のあり方

経営活動のプロセスに社会的公正性・倫理性、環境や人権などへの配慮を組み込む(戦略的組み込み)

環境対策、採用や昇進上の公正性、人権対策、製品の品質や安全性、途上国での労働環境、情報公開、など

→<法令遵守・リスク管理の取り組み>and<新しい価値を想像する積極的取り組み>(=イノベーティブな取り組みの必要性)

■  社会的課題への取り組み=社会的事業


社会的
事業

社会的商品・サービス、社会的事業の開発

環境配慮型商品の開発、障碍者・高齢者支援尾商品・サービスの開発、エコツアー、フェアトレード、地域再勝発も関わる事業、SRIファンド、など

→<新しい社会低課題への取り組み>(=社会的価値の創出:ソーシャルイノベーション)


社会
貢献
活動

経営資源を活用したコミュニティ支援活動

・  本業から離れた支援活動(金銭的/非金銭的寄付)

・  本業からの技術・ノウハウを活用した支援活動

→<戦略的なフィランソロピーへ取り組み>

 

<p>■  CSR=企業経営のあり方そのものを問う</p>
<table border=”1″ cellspacing=”0″ cellpadding=”0″>
<tbody>
<tr>
<td rowspan=”3″ valign=”top” width=”62″>
<p align=”center”>①<br/>経営活動<br/>のあり方</p>
</td>
<td valign=”top” width=”373″>
<p>経営活動のプロセスに社会的公正性・倫理性、環境や人権などへの配慮を組み込む(戦略的組み込み)</p>
</td>
</tr>
<tr>
<td valign=”top” width=”373″>
<p>環境対策、採用や昇進上の公正性、人権対策、製品の品質や安全性、途上国での労働環境、情報公開、など</p>
</td>
</tr>
<tr>
<td valign=”top” width=”373″>
<p>→&lt;法令遵守・リスク管理の取り組み&gt;and&lt;新しい価値を想像する積極的取り組み&gt;(=イノベーティブな取り組みの必要性)</p>
</td>
</tr>
</tbody>
</table>
<p>■  社会的課題への取り組み=社会的事業</p>
<table border=”1″ cellspacing=”0″ cellpadding=”0″>
<tbody>
<tr>
<td rowspan=”3″ valign=”top” width=”62″>
<p align=”center”>②<br/>社会的<br/>事業</p>
</td>
<td valign=”top” width=”373″>
<p>社会的商品・サービス、社会的事業の開発</p>
</td>
</tr>
<tr>
<td valign=”top” width=”373″>
<p>環境配慮型商品の開発、障碍者・高齢者支援尾商品・サービスの開発、エコツアー、フェアトレード、地域再勝発も関わる事業、SRIファンド、など</p>
</td>
</tr>
<tr>
<td valign=”top” width=”373″>
<p>→&lt;新しい社会低課題への取り組み&gt;(=社会的価値の創出:ソーシャルイノベーション)</p>
</td>
</tr>
<tr>
<td rowspan=”3″ valign=”top” width=”62″>
<p align=”center”>③<br/>社会<br/>貢献<br/>活動</p>
</td>
<td valign=”top” width=”373″>
<p>経営資源を活用したコミュニティ支援活動</p>
</td>
</tr>
<tr>
<td valign=”top” width=”373″>
<p>・  本業から離れた支援活動(金銭的/非金銭的寄付)</p>
<p>・  本業からの技術・ノウハウを活用した支援活動</p>
</td>
</tr>
<tr>
<td valign=”top” width=”373″>
<p>→&lt;戦略的なフィランソロピーへ取り組み&gt;</p>
</td>
</tr>
</tbody>
</table>

Facebookでシェアする

Twitterでシェアする

はてなブックマークに追加

 更新をチェックする! follow us in feedly

カスタム検索

Popular Post

Copyright© 新卒フリーランサーのブログ!2014 All Rights Reserved.