3」でHTMLを作るコメントをどうぞHTMLソースコードを色分けして見やすく、便利なソースコードアシスト機能もあり。3のダウンロードとインストール、そして日本語化について説明しました。3で簡単なHTMLファイルを作るところまで説明します。プロジェクトを作るまず最初に白紙のHTMLファイルを説明します。プロジェクト」を選択します。プロジェクト」を選択してもよいです。Projectを選択します。プロジェクト」ウィンドウが表示されます。「プロジェクト名(P):」にはわかりやすい名前を入力して「完了(F)」ボタンを押します。これでHTMLファイルを作る環境は整いました。白紙のHTMLを作るまず、メニューバーから「ファイル(F)」->「新規(N)->「ファイル」と選択します。次に、「新規ファイル」ウィンドウが表示されますので、ファイル名(M)」にアルファベットでわかりやすい名前(トップページにするならindex.html)を入力して「完了(F)」ボタンを押します。すると、白紙のHTMLファイルが出来上がります。ここにソースコードを書いていきます。HTMLの一部を自動生成するHTMLの骨格となる一部ソースコードを自動生成する方法を説明します。メニューバーから「ファイル(F)」->「新規(N)->「ファイル」と選択し、「新規ファイル」ウィンドウを表示させ、ファイル名(M)」にわかりやすい名前を入れます。Template」を選択し「完了(F)」ボタンを押します。すると、次のようなHTMLファイルが出来上がります。lang="ja">(日本語)に変えておきましょう。下線を引いているところに作者の名前(ユーザー名)が入るので、変更したい場合は変更しましょう。html>から始まるお決まりのHTMLソースを入れないでよいので、便利ですね。作成したHTMLの実行HTML文章を書くと、ブラウザでどう表示されるのかプレビューをしてテストを行う必要があります。3には、作ったHTMLをプレビューする機能も付いています。やり方は簡単で、ツールバーにある実行アイコンを押すか、メニューバーから「実行(R)」->「実行(R)」を選択するか、「Ctrlキー」を押しながら「F11キー」を押すだけ。(HTMLファイルが変更されている場合は、'ファイル名.html'は変更されています。変更を保管しますか?とメッセージボックスが出ますので「はい(Y)」キーを押して保存します)。文字化け防止」の記事でサンプルとして作ったHTMLファイルをプレビューしてみます。3でプレビューした画面です。FireFoxでプレビューしていますね。実行アイコンの右にある「▼」の部分からプレビューするブラウザが選べますので複数のブラウザでプレビューすることもできます。今回までの記事でHTMLの基本と、HTML開発環境を整えました。次回からHTML要素の説明を行います。以上、当サイト管理人のAsterismでした。コメントをキャンセルメールアドレスが公開されることはありません。