制作ツール・テンプレートなど

テンプレートなど

htmlテンプレート
ダウンロードはこちらから

あらかじめバックグラウンドやフォントの色指定がされたhtmlになります。
zip形式で圧縮してあります。ダウンロードして解凍してからお使いください。



お役立ちツール

テキストエディタ

テキストエディタとはwindowsで言うところの「メモ帳」なのですが、メモ帳と比べるとタグに色がついたり、置換ができたりと便利です。 htmlは、どんなサイトでもテキストエディタさえあれば作ることができます。

秀丸
http://hide.maruo.co.jp/software/hidemaru.html

シェアウェアですが、それに見合う高い性能を持ったテキストエディタ。
web関係の業者と仕事をしていた時、このテキストエディタの「信者」に近い人が何人かいました。かなり使いやすいテキストエディタです。

サクラエディタ
http://sakura-editor.sourceforge.net/

フリーソフトですが、使いやすいテキストエディタ。
以前のプレイ日記支援サイトは、サクラエディタを使って作りました。

mi
http://www.mimikaki.net

mac向けの使いやすいテキストエディタ。
win向けもありますが、mac版ほど使い勝手がよくないのが難点。

TeraPad
http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html

サクラエディタ同様使いやすいテキストエディタ。

Crescent Eve
http://www.kashim.com/eve/

保存するときに構文チェックをしてくれるテキストエディタ。
タグの打ち間違いなどを見つけるときに便利です。

 

テキストエディタは、この他にも数多くあります。html編集がしやすいものも多く、ここに挙げたもの以外にも、いろいろ探してみても面白いかもしれませんね。

htmlエディタ

テキストエディタよりも手軽に更新できるhtml制作ソフト。手軽な反面、タグの打ち方が特殊なものもあるので利用する際は気を付けてください。

ホームページビルダー
http://www.justsystems.com/jp/products/hpb/

ガードリーダー隊長も使用しているホームページ作成ソフト。
昔ホームページビルダー6を使用してホームページを更新していました。使いやすいといえば、使いやすかったような…?

Adobe Dreamweaver
http://www.adobe.com/jp/products/dreamweaver.html

PhotoshopやIllustratorで有名なAdobeから出ているソフト。プロも使用するソフトです。
月額制なのがネックかもしれません。
基本的なHTMLのタグが分かっている人向けのソフトではありますが、編集はしやすいです。

alphaEDIT
http://www.pololon.com/koby/software.php?id=alphaEDIT

フリーソフトの中ではかなり使いやすい部類に入るホームページ制作ソフト。dnが投稿したプレイ日記は、第729弾まではこのソフトで編集していました。
Windows Vista以降のOSだと、動作が不安定なのが難点。
ロングソード連合のプレイ日記の編集には向いているソフトだと思います。ただし、CSSを利用したサイトの構築ができないので、一般的なサイトを作るのにはあまりおすすめしません。

KompoZer
http://sourceforge.jp/projects/kompozer/

win/mac向けのフリーのHTMLエディタ。
サイトに「上級者向け」とありますが、そこまで難しくはありません。
プレイ日記第1114弾で初めて導入しました。mac用しか使用したことはありませんが、軽くて非常に使い勝手が良く、現在はこれをメインにプレイ日記を制作することにしました。

このほか、Wordや一太郎でhtmlを書き出すことも可能ですが、あまりオススメはしません。

画像修正ソフト

プレイ日記で使用する画像を、適当な大きさにリサイズしたりするのに向いているソフト。

Adobe Photoshop
http://www.adobe.com/jp/products/photoshop.html

画像編集ソフトの定番ソフト。
これさえあれば他のソフトは必要ない、というほど使いやすいですが、Dreamweaver同様月額制なのが難点。

Gimp2
http://www.geocities.jp/gimproject/gimp2.0.html

フリーで使える、Photoshopのようなソフト。
フリーソフトとは思えない高機能なソフトです。
ただ、本家Photoshopと比較すると、あまりにも動作が重いのが難点。

JTrim
http://www.woodybells.com/jtrim.html

フリーの画像加工ソフト。
画像のトリミングや色調の調整程度であれば、このソフトでも十分行えます。何よりも軽くてサクサク動くのが特徴。

書籍

各種htmlタグ辞典

htmlのタグが記載されている辞典。
基礎的なタグからあまり使わないようなものまで記載されていて、読むだけで勉強になります。いちいちタグをネットで調べるのもいいですが、手元に本を置いておいて、わからないことがあったらすぐ調べるようにしておくと、意外と頭にも入ってきますし勉強になるものです。
私もhtml・CSS・javaのタグ辞典を持っていて、仕事でも使っていました。