Windowsメモ帳は、Webページの作成に使用できる基本的なワープロプログラムです。 Webページは単なるテキストであり、任意のワープロプログラムを使用してHTMLを記述することができます。このチュートリアルでは、このプロセスを順を追って説明します。
01/01新しいフォルダにファイルを配置する
メモ帳で新しいウェブサイトを作成するには、まず別のフォルダを作成して保存します。通常、My DocumentsフォルダのHTMLというフォルダにWebページを保存しますが、好きな場所に保存することができます。
- オープン私の文書 窓。
- クリック ファイル > 新しい > フォルダ。
- フォルダに名前を付けます。 私のウェブサイト。
重要な注意点： すべての小文字を使用し、スペースや句読点を使用せずにWebフォルダとファイルに名前を付けます。 Windowsではスペースを使用することができますが、多くのWebホスティングプロバイダはそうしません。最初からファイルとフォルダの名前を正しく指定すると、時間と手間が省けます。
HTMLとしてページを保存する
ディレクトリ名と同様に、ページを保存するときは、すべて小文字で、ファイル名にスペースや特殊文字は使用しないでください。
- メモ帳で、をクリックします。 ファイル その後 名前を付けて保存します。
- あなたのウェブサイトファイルを保存するフォルダに移動します。
- 変更 名前を付けて保存 ドロップダウンメニューから すべてのファイル （*。*）。
- ファイルに名前を付けます。このチュートリアルでは、名前 pets.htm。
03/07
Webページの作成を開始する
メモ帳のHTML5文書に最初に入力するのはDOCTYPEです。これはブラウザにどのタイプのHTMLが期待されるかを伝えます。
doctype宣言はタグではありません。これは、HTML5文書が到着していることをコンピュータに伝えます。それはすべてのHTML5ページの先頭にあり、次の形式になります。
DOCTYPEを取得したら、HTMLを開始することができます。開始タグと終了タグの両方を入力し、Webページ本文の内容にいくらかのスペースを残します。メモ帳のドキュメントは次のようになります。
あなたのWebページのためのヘッドを作成する
HTML文書の先頭には、ページタイトルや検索エンジン最適化のためのメタタグなど、Webページに関する基本情報が格納されます。ヘッドセクションを作成するには、メモ帳のHTMLテキスト文書のheadタグをhtmlタグの間に追加します。
htmlタグと同様に、それらの間にスペースを入れて、ヘッド情報を追加する余地があるようにします。
05/07ヘッドセクションにページタイトルを追加する
Webページのタイトルは、ブラウザのウィンドウに表示されるテキストです。また、誰かがあなたのサイトを保存したときにブックマークやお気に入りに書かれているものです。タイトルタグの間にタイトルテキストを格納します。 Webページ自体には表示されず、ブラウザの上部にのみ表示されます。
この例のページは、「McKinley、Shasta、および他のペット」というタイトルです。
タイトルの長さやHTML内の複数の行にまたがっている場合は問題ありませんが、短いタイトルは読みやすく、一部のブラウザはブラウザウィンドウで長いものを切り捨てます。
07年6月あなたのWebページの本体
Webページの本文はbodyタグ内に格納されます。 headタグの後、終了htmlタグの前に来るはずです。これは、テキスト、見出し、サブヘッド、画像とグラフィックス、リンク、その他すべてのコンテンツを配置する場所です。それはあなたが好きなだけ長くすることができます。
開始タグと終了タグの間に余分なスペースを残してください。
この同じ形式は、あなたのWebページをメモ帳に書き込むことができます。
07/07イメージフォルダの作成
HTML文書の本文にコンテンツを追加する前に、画像用のフォルダを持つようにディレクトリを設定する必要があります。
- オープン 私の文書 窓。
- 変更する 私のウェブサイト フォルダ。
- クリック ファイル > 新しい > フォルダ。
- フォルダに名前を付けます。 イメージ.
あなたのウェブサイトのすべてのイメージをimagesフォルダに保存し、後で見つけることができます。これにより、必要なときに簡単にアップロードすることができます。
