メモ帳を使用して新しいWebページを作成する

by ジェニファー・キリン

01/01

新しいフォルダにファイルを配置する

ファイルを新しいフォルダに配置します。ジェニファー・キリン

Windowsメモ帳は、Webページの作成に使用できる基本的なワープロプログラムです。 Webページは単なるテキストであり、任意のワープロプログラムを使用してHTMLを記述することができます。このチュートリアルでは、このプロセスを順を追って説明します。

メモ帳で新しいウェブサイトを作成するときにまず行うべきことは、それを保存するために別のフォルダを作成することです。通常、 "My Documents"フォルダ内のHTMLというフォルダにWebページを保存しますが、好きな場所に保存することができます。

[ マイドキュメント]ウィンドウを開きます
ファイル / 新規 / フォルダをクリックします。
フォルダの名前をmy_websiteにします。

重要な注意：スペースや句読記号を使用せずに、すべて小文字でWebフォルダとファイルに名前を付けます。 Windowsではスペースを使用することができますが、多くのWebホスティングプロバイダはそうしません。最初からファイルとフォルダの名前を正しく指定すると、時間と手間を省くことができます。

02の07

HTMLとしてページを保存する

あなたのページをHTMLとして保存します。ジェニファー・キリン

メモ帳にWebページを書き込むときにまず行うべきことは、ページをHTMLとして保存することです。これにより後で時間と手間を省くことができます。

ディレクトリ名と同様に、常に小文字を使用し、ファイル名にはスペースや特殊文字を使用しないでください。

メモ帳で、[ ファイル ]をクリックし、[名前を付けて保存 ]をクリックします。
Webサイトのファイルを保存するフォルダに移動します。
[ ファイルの 種類 ]ドロップダウンメニューを[ すべてのファイル（*。*） ]に変更します。
ファイルに名前を付けます。このチュートリアルでは、 pets.htmという名前を使用します。

03/07

Webページの作成を開始する

あなたのWebページを開始してください。ジェニファー・キリン

メモ帳のHTML文書に最初に入力するのはDOCTYPEです。これはブラウザにどのタイプのHTMLが期待されるかを伝えます。このチュートリアルではHTML5を使用します。

doctype宣言はタグではありません。これは、HTML5文書が到着していることをコンピュータに伝えます。それはすべてのHTML5ページの先頭にあり、次の形式になります。

DOCTYPEを取得したら、HTMLを開始することができます。両方を入力してください

タグと終了タグを使用して、Webページの本文のコンテンツにいくらかのスペースを残します。メモ帳のドキュメントは次のようになります。

04/07

あなたのWebページのためのヘッドを作成する

あなたのWebページのための頭を作りなさい。ジェニファー・キリン

HTMLドキュメントの先頭は、ページタイトルや検索エンジン最適化のためのメタタグなど、ウェブページに関する基本情報が格納される場所です。ヘッドセクションを作成するには、

あなたのメモ帳のHTMLテキスト文書のタグをタグ間に挿入します。

と同様に

タグの間にスペースを入れておくと、ヘッド情報を追加する余地があります。

05/07

ヘッドセクションにページタイトルを追加する

ページタイトルを追加します。ジェニファー・キリン

Webページのタイトルは、ブラウザのウィンドウに表示されるテキストです。また、誰かがあなたのサイトを保存したときにブックマークやお気に入りに書かれているものです。タイトルテキストを

タグはタグを使用します。 Webページ自体には表示されず、ブラウザの上部にのみ表示されます。

この例のページは、「McKinley、Shasta、および他のペット」というタイトルです。

マッキンリー、シャスタ、およびその他のペット

タイトルの長さやHTML内の複数の行にまたがっていても、短いタイトルは読みやすく、一部のブラウザはブラウザウィンドウで長いタイトルを切り捨てます。

07年6月

あなたのWebページの本体

あなたのWebページの本体。ジェニファー・キリン

あなたのウェブページの本体は、

タグ。これは、テキスト、見出し、サブヘッド、画像とグラフィックス、リンク、その他すべてのコンテンツを配置する場所です。それはあなたが好きなだけ長くすることができます。

この同じ形式は、あなたのWebページをメモ帳に書き込むことができます。

あなたのタイトルヘッドはここに行きます。ウェブページ上のすべてはここに行きます

07/07

イメージフォルダの作成

画像フォルダの作成。ジェニファー・キリン

HTML文書の本文にコンテンツを追加する前に、画像用のフォルダを持つようにディレクトリを設定する必要があります。

[ マイドキュメント]ウィンドウを開きます。
my_websiteフォルダに移動します。
ファイル / 新規 / フォルダをクリックします。
フォルダイメージに名前を付けます。

画像フォルダにあなたのウェブサイト用のすべての画像を保存し、後で見つけることができます。これにより、必要なときに簡単にアップロードすることができます。