はじめてのCSS:やさしさいっぱいのCSSが肌にしみこむ!カモ。

下準備:テキストエディタ!

トモ・リーン
CSSを書くのに絶対必要なテキストエディタの紹介よ。
ケンジ
俺は職業コーダーだからDreamweaverでやってるぜ!
Dreamweaverはアドビ社のHTMLエディタです。最新のバージョン(CS3)ではHTMLエディタの枠を越えて、『Webサイト・Webアプリケーションを開発』と歌っているかなり高性能なアプリケーションです。
弱点は価格の面でも最高峰なところです。(CS3は49,800円(税込)です)
パンチ
トモ・リーン
DreamweaverはHTMLエディタやんけ~~~(怒)
ケンジ
ひいぃぃぃい~~~~。
トモ・リーン
Dreamweaver CS3のコードビュー・[CSS ルール定義] ダイアログボックスはとても便利だけど、次の場合にはテキストエディタの使用をおすすめするわ!
  • Dreamweaverを立ち上げるまでも無い修正
  • 50,000円近い価格のものは出せない
とかね・・・。
悲しいことにDreamweaver以外でCSSの記述にオススメできるHTMLエディタはありません。
Expression Webは注目の成長株ですがMac版がありません。
Dreamweaver MXをお持ちの方はアップグレード(26,000円(税込))が可能なので検討してみてもいいかと思います。(8の人はそのままでいいですよ)
トモ・リーン
そんなわけでオススメのテキストエディタの紹介よ~!
Windows用
秀丸エディタ(シェアウェア)
業界人御用達のテキストエディタ。もともと高性能だが「マクロ」で好きな機能を追加していけます。
最新版のver7ではDreamweaverのように指定したソースの折りたたみ、単語補完[ alt + enter ]など便利な機能があります。
TeraPad(フリーウェア)
無料なのにシンプルかつ高性能なテキストエディタ。
サクラエディタ(フリーウェア)
無料なのに高性能なテキストエディタ。TeraPadより機能が多いので色々やってみたい方へ。
マクロで機能の追加も可能。
Mac用
Jedit X(シェアウェア)
業界人御用達のテキストエディタ。Mac OS Xと非常に良くなじんできます。多国語対応、ワードファイルを開くことが出来たり、リッチな作りになっています。
mi(フリーウェア)
無料なの高性能なテキストエディタ。モード&ツールの追加でどんどん自分仕様に出来ます。
トモ・リーンも大好き!←ど~でもいい情報・・・
ケンジ
ふぇ~!
俺も今度使ってみよ!(はやくCSSの話してくれないかな~)
トモ・リーン
MX以前のバージョンのDreamweaverはあまりCSSの扱いがいいとは言えないので、そんな方にもテキストエディタでの作成をオススメよ。
今回のポイント!
  1. 自分にあったテキストエディタを探してみよう!
  2. Dreamweaver MX2004 以降のバージョンはCSSを作るのに便利な機能があるので持っていたら使ってみよう。