PR

【ウェブサイト作成にちょっと便利】Word上の文章をHTMLに変換してくれる『Convert Word documents to Clean HTML』がそこそこ使えそう【表とか箇条書きとか】

※広告が表示される場合があります

ライフハック

ウェブサイト作成初心者には便利かも。
最近ではプログラミングやコードの知識がなくても簡単にウェブサイトを作成できる時代になりましたね。けっこう素敵なデザインを作れるようになってます。だけど自分でなんとか作り上げたいなと思っている初心者も多いんじゃないかなと思ったので、勉強がてら使ってみたいサービスが『Convert Word documents to Clean HTML』みたいなサービスかも。

このサービスは名前の通り、Wordで作成した文書を”ほぼ”見た目そのままにHTMLに変換してくれるサービスです。

 

Wordで文書を作成してみた

20140204_cwdth01

とりあえずこんな感じに文書を作成してみました。フォントサイズを変えるの忘れてたけど、一応表やら挿入して結合したり色付けたりしてみた。

 

Convert Word documents to Clean HTMLにコピペしてみた

文書を作成したらConvert Word documents to Clean HTMLにアクセスします。

20140204_cwdth02

まだ変換前。そのままコピペされますね。
下にオプション項目があります。太字は強調に変えるよ〜とか、Tabキーであけた空白はスペースでインデントつけるよ〜とか、そこら辺は自由にしてくれって感じみたいですね。

変換するときは右の大きめのボタンをクリックするだけ。

 

HTMLタグに変換できた…しかし…

20140204_cwdth03

ひとまず変換してみるとHTMLで書きだしてくれました。
いつの間にか「こんにちわ! 」がローマ字になってたけど。どっかでミスったかな。

Original HTML Viewでプレビューを見ることもできます。

20140204_cwdth04

それっぽくできましたね。中央揃えに指定した部分はちゃんとなってるみたい。右揃えは指定するの忘れてた。色まではHTMLでの変換は行わないようですね。 これはCSSでやれってことですね。わかります。でもまぁ、特に表なんかはタグで書くと頭がごちゃごちゃしてきそうなので少し便利に使えるかもしれません。

 

今回紹介したウェブサイトにはこちらからからアクセス

Convert Word documents to Clean HTML

こちらもオススメ

スラスラわかるHTML&CSSのきほん
スラスラわかるHTML&CSSのきほん [大型本]
狩野 祐東
ソフトバンククリエイティブ
2013-05-28


HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。
HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。 [単行本]
赤間 公太郎
エムディエヌコーポレーション
2013-09-20


コメント

タイトルとURLをコピーしました