お聴きのサウンドはヤマハ(株)から提供されたものです。
再生に必要なプラグイン"SoundVQ"はここからダウンロードできます。
Copyright(c) Yamaha Corporation All rights reserved.

ホームページを作ろう

タグって何?

前回のお話から「タグ」が登場しました。
タグってなんだろう?って思うと思うので
ここでちょっとお勉強です。HPは基本的
「タグ」によって作られています。まず
人の作っている物を見てみよう。大抵のHP
には画像以外の場所で右クリックすると
「ソースの表示」
なる物が出てくると思います。
そうすると作ったばかりのあなたのHPの
ソースは大体こんな風な文字たちが見られます。
これを使って他人のHPを見るだけでもタグ
についていろいろ分かります。今回はわざと
途中までしかソースを変えていません。今は
まだ見ても意味もわからないので大体こんな
物がある位に思っておいてください。


ソースの表示

まずこれらを操作しましょう。一体どうやって
操作していつかというとジオシティーズなら、
ファイルマネージャーを通して行います。


Yahoo!ジオシティーズファイルマネージャー

まず前回み〜が作った昔のHPバージョン
アップ版のように壁紙と音楽を自分のHP
に付け加えてみよう♪         
EZアップロードはアドバンスドHTMLエディタ
を使います。そのためにベーシックHTML
エディッタ
から変更しましょう。
のほうにありますから探してください。
ここで準備が整いました。ファイルマネ
ージャーからindex.htmlというファイル名
の横にあるにチェックしてから
編集を押して自分の「ソース」を見てみよう♪
そうすると

<HTML>
<HEAD>
<TITLE>あなたがつけたいタイトル</TITLE>
</HEAD>
<BODY BACKGROUND="/members/tools/image/sample04/t-bg.gif" BGCOLOR="#f3f3f3"
TEXT="#00054c" LINK="#0000ff" ALINK="#ffff00" VLINK="#660099">






となっているはずです。そこに少し変化を
加えて見ましょう♪そのためにはまずあな
たの「素材」を手に入れましょう。「素材」
とは画像(壁紙)音楽などのファイルの
ことです。まずはここに行ってみましょう♪


Yahoo!ジオシティーズ素材王国

どうでしたか?いい素材は見つかりましたか
もしも不満なら、今度はご自分で検索サイト
を使って探してください。よい物が見つかるはずです。

さてさっきの続きに戻ります。今手に入れた
素材を使ってまずはアッップロードを行
います。アップロードとはホームページ上
にファイルを追加することです。これをし
ないとせっかくタグがあっていても表示
されません。ジオシティーズの場合アップ
ロードはEZアップロードを使って簡単に
行えます。もしもできない方はFFFTPなど
FTPツールを使います。分からない人は
ツールのHPに行ったほうが詳しくわかる
と思います。


FFFTPSupport Page

EZアップロードの方はこうなっています。








ファイルマネージャーの参照を押して自分
のアップロードさせたいファイルを入れて
ね♪アップロードを押せば準備完了♪

さて長いこと待たしてた本題に写ります。
まずはさっきの

<HTML>
<HEAD>
<TITLE>あなたがつけたいタイトル</TITLE>
</HEAD>
<BODY BACKGROUND="/members/tools/image/sample04/t-bg.gif" BGCOLOR="#f3f3f3"
TEXT="#00054c" LINK="#0000ff" ALINK="#ffff00" VLINK="#660099">

<CENTER>

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="200">
<TR>


の赤いところに注目してください。ここを
コピー&ペーストで↓



<BODY BACKGROUND="あなたがアップロードした画像" BGCOLOR="#f3f3f3" TEXT="#00054c" LINK="#0000ff" ALINK="#ffff00" VLINK="#660099">

<embed src="
あなたがアップロードした音楽" WIDTH=300 HEIGHT=16 loop="true" volume="50" autostart="true">



と直しましょう。そしてを押します。
あなたがアップロードしたファイル
拡張子もしっかり入れましょう。
例:fairumei.jpg
fairumei2.midi
fairumei3.html
  拡張子については後ほど説明します。
ここでHPの編集の流れは終了です。
すると壁紙が変って音楽が流れ出します。
長い間お疲れ様♪HP作成の流れはここで
終了とします。タグの詳しい扱いについては
次回になります。それでは頑張って作成してね♪


めにゅうに戻る