ローカルWebページを作成する方法

...

ハードドライブ上のローカルWebページは、機能するためにWebサーバーを必要としません。

ドメイン名を購入してインターネットサービスプロバイダー(ISP)でWebサイトを設定する前に、ローカルWebページを使用して簡単なWeb関連のタスクを実行することを検討してください。 ローカルWebページを使用すると、ブラウザで実行される便利なWebアプリケーション、フォトギャラリー、およびメディアプレーヤーを作成できます。 ブックマークしてすばやくアクセスすることもできます。 ローカルWebページは、他のWebサイトを分析し、Web開発スキルを向上させるのにも役立ちます。

ステップ1

HTMLエディタまたはメモ帳を開き、次のコードを新しいドキュメントに貼り付けます。

今日のビデオ

!DOCTYPE html PUBLIC "-// W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> >

マイローカルページ

これにより、要素やコントロールのない空のHTMLドキュメントが作成されます。

ステップ2

以下のコードを追加します

鬼ごっこ:

私の歌1

これにより、Webページに音楽プレーヤーが埋め込まれます。 「MySong」を、ハードドライブまたはWeb上のオーディオファイルを説明する名前に置き換えます。 「xyz.mp3」をオーディオファイルの実際のファイル名またはURLに置き換えます。 高さと幅のパラメータを調整して、プレーヤーの寸法を制御します。

ステップ3

前のコードブロックの下にこのコードを追加します。

これにより、ページに2つの画像が配置されます。 「myImage1.jpg」と「myImage2.jpg」を、ハードドライブ上の2つの画像の名前、またはWeb上の画像ファイルのURLに置き換えます。 画像ギャラリーを作成するには、追加の画像を作成します 他の画像ファイルを指すタグ。

ステップ4

前のコードブロックの下にこのコードを追加します。

マイサイト1

/>

「マイサイト1」をお気に入りのWebサイトの名前に置き換えます。 交換 "http://www.xyz.com" サイトのURLを使用します。 同じ形式を使用して追加のリンクを作成します。

ステップ5

拡張子が.htmlのファイルを保存します。 これにより、ブラウザがWebページとして認識するHTMLファイルが作成されます。

ステップ6

ブラウザを開き、[ファイル]、[開く]の順に選択します。 ファイル選択ウィンドウが表示されます。

ステップ7

HTMLファイルに移動して選択します。 「OK」をクリックしてウィンドウを閉じます。 ローカルWebページが開き、見出し、テキスト、音楽プレーヤー、写真、リンクが表示されます。 オーディオの再生ボタンをクリックして再生します。

ステップ8

ページをブックマークします。 ブックマークを選択して、将来アクセスしてください。

ヒント

これは、便利なオブジェクトとコントロールを単純なローカルWebページに追加するために使用される手法を示す簡単な例です。 プレイリストを作成するには、音楽プレーヤーを追加します。 さらに追加 フォトライブラリを作成するためのタグ。 Webサイトへのリンクを追加して、個人のスタートページを作成します。 他のHTML要素、コントロール、スタイルシートを使用してページをカスタマイズします。 [表示]、[ソース]の順にクリックして、インターネット上の任意のWebページのソースを表示します。 ソースコードをコピーして空のHTMLファイルに貼り付けて保存します。 その後、コードを研究し、新しいコーディング手法を学ぶことができます。