本文の開始

無料ホームページ作成 フリーソフト入門 y-labo - HTMLを編集するソフトHTMLエディター

無料ホームページ作成フリーソフト情報。無料でWeb/HP製作。ホームページ入門から、
HTML・CSS・SEO対策・フリーソフトから無料テンプレートまで。

格安ホームページ制作激安HPWeb製作のy-labo.net(わいらぼ、ワイラボ)

  • ホームページ制作費を安く・格安・激安!
  • ホームページ制作を早く!
  • でもかっこいいホームページにカスタマイズ
  • SEO対策でアクセスアップ
  • ホームページ制作後も安心サポート
  • 自分でもホームページを修正したい

5-3)HTMLを編集するソフトHTMLエディター フリーソフト入門

無料ホームページ作成情報 トップ >フリーソフト入門 > 5-3)HTMLを編集するソフトHTMLエディター

 

ご自分でホームページを作成・修正される方のために、ホームページ作成のためのコンテンツをご用意しました。すべて無料のコンテンツですのでお役立てください。なお、こちらのコンテンツに関してはサポートを行っていません。ご質問のメールなどはご遠慮いただければと思います。

HTMLを編集するソフトHTMLエディターについて

HTMLエディターとは、ホームページを作成・修正するためのソフトウェアです。HTMLを編集するためには基本的なHTML知識が必要になります。詳しくは「HTML入門」をご覧下さい。

HTMLエディターでオススメなのが「TTTEditor」というソフトです。

このページで最終的に作成するページの見本は、こちらです。

画面サンプル

TTTEditor
ダウンロードURL:http://www.vector.co.jp/soft/dl/win95/net/se103174.html
taka36(Takao Yamada) 氏/フリーソフト

ファイルを開く

まずはじめに、編集したいファイルを開きます。

1)左の[ファイル]の一覧から目的のWebフォルダを探し、[+]をクリックしてフォルダを開いていきます。

画面サンプル

2)目的のファイルをダブルクリックで開きます

画面サンプル

このページのTOPへ

ページの表示

それでは、実際に開いたページを確認します。

「<head>」や「<meta>」などのHTMLタグは、青い文字で表示されています。

「http-equiv」や「type」などの属性は、緑の文字で表示されます。

「"content-type"」や「"text/css"」などの値は、ピンクの文字で表示されます。

スタイルシートは、赤の文字で表示されます。

タイトルの内容やブラウザに表示される文字は、黒の文字で表示されます。

画面サンプル

画面サンプル

画面サンプル

このページのTOPへ

文字を編集

実際に文字部分を編集します。

1)文字を編集するためには、黒い文字部分を編集します
2)編集後は[上書き保存]ボタンをクリックします

画面サンプル

このページのTOPへ

HTMLタグを編集

HTMLタグを編集します。

1)HTMLを編集するためには、まずタグを挿入したい箇所にカーソルを挿入します

画面サンプル

2)[タグの挿入]メニューまたは[タグ挿入]ツールバーから目的のタグを挿入していきます

画面サンプル

3)タグを挿入し終わったら、[上書き保存]ボタンをクリックします

画面サンプル

このページのTOPへ

ブラウザでプレビュー

最後にブラウザーでプレビューします。

プレビューして問題が無い場合はファイルをアップロードして更新終了です。ファイルのアップロードは、「5-2)ファイルをアップロード・ダウンロードするFTPソフト」を参照して下さい。

1)[IEで表示]ボタンをクリック

画面サンプル

画面サンプル

このページのTOPへ

このページのTOPへ

格安です!ホームページ制作をご依頼ください!!

ホームページ制作は専門用語も多く、わかりにくいことも多いかと思います。ホームページの制作方法や制作費用、アクセス数アップ(SEO対策)などわかりにくいことがあればお気軽にお問い合わせください。

このページのTOPへ

格安ホームページ制作依頼

メールでご相談

メールでのお問い合わせは365日24時間受付中です。

お電話でのご相談

090-3401-6229(直通)

【対応時間】

平日のみ(土日祝日はお休み)
午前11時〜午後7時頃

※留守番電話にメッセージを残して頂ければ、対応時間内にこちらより折り返します。

ページの終了