ローカル 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 ページに音楽プレーヤーが埋め込まれます。 「My Song」を、ハード ドライブまたは Web 上のオーディオ ファイルを表す名前に置き換えます。 「xyz.mp3」をオーディオ ファイルの実際のファイル名または URL に置き換えます。高さと幅のパラメーターを調整して、プレーヤーの寸法を制御します。
ステップ 3
このコードを前のコード ブロックの下に追加します:
これにより、ページに 2 つの画像が配置されます。 「myImage1.jpg」と「myImage2.jpg」をハード ドライブ上の 2 つの画像の名前または Web 上の画像ファイルの URL に置き換えます。画像ギャラリーを作成するには、他の画像ファイルを指す追加の タグを作成します。
ステップ 4
このコードを前のコード ブロックの下に追加します:
私のサイト 1
「My Site 1」をお気に入りの Web サイトの 1 つの名前に置き換えます。 「http://www.xyz.com」をサイトの URL に置き換えます。同じ形式を使用して追加のリンクを作成します。
ステップ 5
.html の拡張子を付けてファイルを保存します。これにより、ブラウザーが Web ページとして認識する HTML ファイルが作成されます。
ステップ 6
ブラウザを開き、[ファイル]、[開く] の順に選択します。ファイル選択ウィンドウが表示されます。
ステップ 7
HTML ファイルに移動して選択します。 「OK」をクリックしてウィンドウを閉じます。ローカル Web ページが開き、見出し、テキスト、音楽プレーヤー、写真、およびリンクが表示されます。オーディオの再生ボタンをクリックして再生します。
ステップ 8
ページをブックマークします。今後はブックマークを選択してアクセスしてください。
ヒント
これは、便利なオブジェクトとコントロールを単純なローカル Web ページに追加するために使用される手法を示す簡単な例です。音楽プレーヤーを追加して、プレイリストを作成します。さらに タグを追加して、フォト ライブラリを作成します。 Web サイトへのリンクを追加して、個人用の開始ページを作成します。他の HTML 要素、コントロール、スタイル シートを使用してページをカスタマイズします。 [表示] をクリックしてから [ソース] をクリックして、インターネット上の任意の Web ページのソースを表示します。ソース コードをコピーし、空白の HTML ファイルに貼り付けて保存します。その後、コードを調べて、新しいコーディング テクニックを学ぶことができます。