テキストエディタ crescent eve

今回はテキストエディタというホームページをつくりやすくするソフトを紹介します。
前回使用したメモ帳でも良いのですが、非常に作りにくいのです!

テキストエディタを使うととても作りやすくなります。そんなソフトは持ってないという方でも無料でインストールできます! ソフトはいろいろ(terepad,サクラエディタ,etc..)あるのですが、ここでは「crescent eve」というテキストエディタソフトを紹介します。

なぜ「crescent eve」が良いかということですが特に設定がいらなく初心者にはメチャメチャ使いやすい!
色も見やすいですし、自動変換機能あり、タグも打ちやすいんです!
初心者がホームページを作る際のミスは、9割以上htmlの記述ミスになります!!!この「crescent eve」には入力支援があるので極力手打ちしなくて済みます。 ・・・と文章を読んでもわからないと思うので、実際に使ってみたいと思います! またメモ帳と比較してみます。

メモ帳

crescent eve

上の画像はさっき作ったホームページ(index.html)のhtmlを貼り付けたものですがいかがでしょうか?上はメモ帳で、下は「crescent eve」です。
見てのとおりメモ帳の文字色は全て黒色でわかりづらくなっております。一方「crescent eve」はタグ内のアルファベットによって色がわけられています!単純にhtmlが見やすいんです!

他にもいろいろな便利な機能があるので羅列したいと思います(^^)

crescent eveの便利な機能

  • 文法チェック機能がある … 自動で間違いを教えてくれる
  • 入力支援 … 勝手にhtmlを予測してくれる
  • プレビュー機能 … html変更をリアルタイムで見られる
  • その他便利機能
    • Ctrl+Enterで閉じタグや、コメントの閉じ記号(「 / スラッシュ」でも予測が出る)
    • Shiftキーを押しながら半角スペースを入力すると、全角スペースになる
    • TABキーで右インデント
    • HTMLモード時のダブルクリックは、クリックする場所によりいろいろな範囲を簡単に選択できる
    • etc.....

あげるとたくさんあるのですが、メモ帳にはひとつもない機能です。このページの始めにも書きましたが、初心者の方のミスの多くはhtmlの記述ミス! 画像の場合はファイル名の記述ミス!基本的には手打ちはしないほうが良いですよ!(手打ちとは…1文字1文字キーボードを打つことです)

画像を入れるときはファイル名をコピーしましょう!
ウィンドウズの場合「F2 ⇒ Ctrl + A ⇒ Ctrl + C ⇒ Ctrl + V」

まとめ

  1. テキストエディタはcrescent eveを使用する
  2. 画像ファイル名はコピーする
  3. html、cssは極力手打ちしない

進む : ホームページの構造
戻る : はじめに









サイドバー サイドバー サイドバー