index.html の用意は、下記の 、hogehoge0.htm（空白ﾍﾟｰｼﾞ）や、ｻﾝﾌﾟﾙ　新しいﾍﾟｰｼﾞ0a,　ｻﾝﾌﾟﾙ　新しいﾍﾟｰｼﾞ0b、hogehoge.htm、hogehoge2.htm、ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　Hello！…　 などを、(1)〜(3)の手順でﾛｰｶﾙ（=PC）に保存して、編集（ﾀｲﾌﾟｲﾝ、ｺﾋﾟｰ、ﾍﾟｰｽﾄ、ｶｯﾄ）すれば簡単です。

(1)　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　Hello！…　を左ｸﾘｯｸして Internet Explorer で表示し、吟味します。　　ﾀﾞｳﾝﾛｰﾄﾞ方法はﾍﾟｰｼﾞに記載しています。　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ２（ﾍｯﾀﾞｰﾌﾚｰﾑ付き）　も。

(2)　例えば、保存した”hogehoge.htm” を ”FrontPage Express” で開いてHTMLﾄﾞｷｭﾒﾝﾄを編集します。　　　編集途中にﾛｰｶﾙ（PC）に保存して、ときどき Internet Explorer でﾓﾆﾀｰしながら進めます。

(3)　ﾌｧｲﾙ名をｺﾋﾟｰ元の”hogehoge.htm”から、”index.html”に変更して保存します。

・　[ﾌｧｲﾙ] - 【名前を付けて保存】 - [ﾌｧｲﾙとして保存]  - [ﾌｧｲﾙ名] - 〈 index.html 〉 - [保存]

(4)　この”index.html”を下記の ”３”項 の方法でｱｯﾌﾟﾛｰﾄﾞします。

以下、”・　……　”は必要に応じて参考にしてください。

・　”FrontPage Express” でHTMLﾄﾞｷｭﾒﾝﾄ（hogehoge.htmや、hogehoge2.htm、namae.htm、himitu.html（例））を作成するには、[ﾌｧｲﾙ] - [新規作成] - 【新しいﾍﾟｰｼﾞ】 - <ﾃﾝﾌﾟﾚｰﾄまたはｳｨｻﾞｰﾄﾞ>： 標準ﾍﾟｰｼﾞ - [OK]をｸﾘｯｸします。　　なにかﾀｲﾌﾟｲﾝします。　　　[ﾌｧｲﾙ] - [名前を付けて保存] - 【名前を付けて保存】 - <ﾍﾟｰｼﾞﾀｲﾄﾙ>： 名前をﾀｲﾌﾟｲﾝします〔”お気に入り”に表示される名前”になります、ﾀｲﾄﾙﾊﾞｰにも表示されます。〕 - <ﾍﾟｰｼﾞの場所>： himitu.html（例） をﾀｲﾌﾟｲﾝします。　　[ﾌｧｲﾙとして保存] をｸﾘｯｸします。

・　編集するには、[ﾌｧｲﾙ] - [開く] - 【ﾌｧｲﾙを開く】 - ◎ﾌｧｲﾙから - [参照]をｸﾘｯｸします。　【ﾌｧｲﾙを開く】で、場所とﾌｧｲﾙ名を指定し、- [開く]をｸﾘｯｸします。　（ここで、【ﾀﾞｲﾔﾙｱｯﾌﾟの接続】が起動するときは”×”をｸﾘｯｸして閉じます。）　　編集（ﾀｲﾌﾟｲﾝ、ｺﾋﾟｰ、ﾍﾟｰｽﾄ、ｶｯﾄ）を行い、[ﾌｧｲﾙ] - [上書き保存 ]をｸﾘｯｸします。　　　Microsoft情報：[IE5] ﾂｰﾙﾊﾞｰの [編集] ﾎﾞﾀﾝに FrontPage Express が表示されない場合　　　

・　”FrontPage Express” でのHTMLﾀｸﾞの編集方法は、 [表示] - [HTML]を選択します。　　【HTMLの表示と編集】、HTMLをﾀｲﾌﾟｲﾝします、 [OK]　で完了、で行います。　　HTMLﾀｸﾞの直接編集方法は、WordPadを起動して目的の *.html を開き、編集を行い、”ﾃｷｽﾄ文書”形式で保存します、ﾌｧｲﾙ名は xxxx.html を保持。　　　

※：WordpadでHTMLを編集する　　1) 〜 3)の手順で　Wordpad　を起動し、index.html　などを開き編集できます。　1)【ｽﾀｰﾄ】 - [ﾌｧｲﾙ名を指定して実行] 　名前：　Wordpad（小文字）、[OK]　　2)【Wordpad】-[ﾌｧｲﾙ] - [開く] - index.html　を選択します。　ﾌｧｲﾙの種類：　”すべてのﾌｧｲﾙ”　　3)　Wordpad　で　HTML　を編集完了、保存は必ず”ﾃｷｽﾄ文書”形式を選択、ﾌｧｲﾙ名は、xxxxx.html　を保持。　　　　HTMLﾄﾞｷｭﾒﾝﾄはﾃｷｽﾄであるため、作成したｿﾌﾄに依存せず全てのHTMLﾄﾞｷｭﾒﾝﾄを WordPad や SimpleText などのﾃｷｽﾄｴﾃﾞｨﾀｰ で開き、編集を行い、ﾃｷｽﾄ文書で保存できます。〔作成と異なるHP作成ｿﾌﾄでの編集を行うときは、独自ﾀｸﾞの書き換えに注意！。〕　　　　　※： WordpadやSimpleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰや、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰでは、HTMLﾀｸﾞを見ながら編集できます。　　これは、ｱｸｾｽｶｳﾝﾀｰのﾀｸﾞやJavaScript、Java Appletの挿入、またﾃｷｽﾄｴﾃﾞｨﾀｰの置換、検索ﾒﾆｭｰによる一斉修正に適しています。　　※：　Wordpadより、ﾒﾓ帳によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。　をお勧めします。

・　”FrontPage Express” での個別のHTMLﾀｸﾞの挿入方法は、 [挿入] -【HTMLﾏｰｸｱｯﾌﾟ】 、HTML編集・ﾍﾟｰｽﾄ、 [OK] でも行えます。　　この方法で挿入した部分は ”FrontPage Express” で開くと、　[？] ﾏｰｸ　で表示されます。　 [？]黄　ﾏｰｸが表示されないときは、[表示 ] - [書式記号] に ”v” ﾁｪｯｸがあるか確認します。 　　編集は、　[？]　を右ｸﾘｯｸし、[HTMLﾏｰｸｱｯﾌﾟのﾌﾟﾛﾊﾟﾃｨ]をｸﾘｯｸし、【HTMLﾏｰｸｱｯﾌﾟ】を開いて行います。　　[？]を任意のﾌｧｲﾙや位置に貼り付けられます。

･　”IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰ”での個別のHTMLﾀｸﾞﾞの挿入方法は、挿入位置をﾎﾟｲﾝﾄします。　　[挿入]ﾒﾆｭｰ -[その他] -[HTMLﾀｸﾞ] を選択し、HTMLの記述を行い - [OK] にて終了します。　　編集はこのｺﾝﾃﾝﾂ部を右ｸﾘｯｸ、[属性変更]などで行います。　　ﾃｷｽﾄｴﾃﾞｨﾀｰでｺﾋﾟｰ/ｶｯﾄ/編集したﾃｷｽﾄ=HTMLﾄﾞｷｭﾒﾝﾄをこの方法で挿入できます。　　　　　　全体のHTMLﾀｸﾞﾞの挿入方法は、最下段の[HTMLｿｰｽ]ﾀﾌﾞをｸﾘｯｸします。　HTMLの編集（追加/ﾍﾟｰｽﾄ/変更/削除/ｶｯﾄ/移動）を行います。　　ﾛｰｶﾙ（PC）に保存し、[ﾌﾟﾚﾋﾞｭｰ]ﾀﾌﾞをｸﾘｯｸし、ﾓﾆｰﾀｰで確認します。　　　　これらのHTMLの挿入方法はｱｸｾｽｶｳﾝﾀｰや、Java Applet、Java Script 、DHTML、CSSなどの追加/記述 にも重宝します。　　　　IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰ解説ｻｲﾄ 1 2 3や、IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰｻﾎﾟｰﾄ >ｷｰﾜｰﾄﾞ検索、ﾌｧｲﾙ転送、どこでも配置ﾒﾆｭｰの制限事項、ﾛｰﾙｵｰﾊﾞｰ、iﾓｰﾄﾞ、掲示板、ｱﾆﾒｰｼｮﾝ など。

・　更新手順・注意ﾎﾟｲﾝﾄ ：
(1)　PCに保存、ｻｰﾊﾞｰからﾀﾞｳﾝﾛｰﾄﾞした、　index.html　などの対象ﾌｧｲﾙを準備します。　　Internet Explorerなどで内容などを確認します。　　Wordpad、SimpleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰや、FrontPage ExpressなどのHP制作ｿﾌﾄで index.html を開きます。
(2)　ﾃｷｽﾄｴﾃﾞｨﾀｰや、HP制作ｿﾌﾄのHEML編集ﾒﾆｭｰでHTMLやｽｸﾘﾌﾟﾄなどの変更/追加などを、HP制作ｿﾌﾄではﾀｲﾌﾟｲﾝやﾍﾟｰｽﾄなどで、文字や画像、表（ﾃｰﾌﾞﾙ）などを追加/変更など行います。
(3)　PCに保存します。　Wordpadで編集後は、きっと”ﾃｷｽﾄ文書”ﾀｲﾌﾟを選び保存します。　PCに保存した　index.html　を　Internet Explorerで開き更新結果が確認できます。
(4)　更新した、　index.html　などをFTPｿﾌﾄなどでｱｯﾌﾟﾛｰﾄﾞすると、ｻｰﾊﾞｰにある、同じﾌｧｲﾙ名の　index.html　の内容が上書きされ更新されます。
(5)　更新の確認をします。　　　　ｻｰﾊﾞｰのﾌｧｲﾙ名（index.html）を指定した、個別ｱｸｾｽで確認します。　　ｱﾄﾞﾚｽ：　　 http://www.xxxx.xx.jp/xxxxx/xxxxx.html
　　　〔?：めいめいのものを当てはめる。〕　　以下、※：補足、随時参照。
※： ﾌﾞﾗｳｻﾞのｷｬｯｼｭ〔一時ﾒﾓﾘ〕の古いﾃﾞｰﾀが表示されている可能性があるので、下記の手順で、再読込み（≠再ｱｸｾｽ）をおこない、最新ﾃﾞｰﾀｰを読み込む。
目的のﾍﾟｰｼﾞを表示させた状態で、ｱﾄﾞﾚｽを確認、Internet Explorerで再読込みのために、Ｆ５ｷｰを押す。　　　〃　　　Netscape Navigatorでは、　　〃　　　、Ctrl+Ｒｷｰ　を同時に押す。
※： ﾌｧｲﾙ名の付け方　　　大小文字は（別物として）区別されます。（例）：右は全て別ﾌｧｲﾙ。　index.html　index.htm　Index.html　　　更新させるﾌｧｲﾙ名は完全に一致させます。〔一致の識別はWinとWebｻｰﾊﾞｰで少し異なります。〕　　　PCに保存時や、FTP時にﾌｧｲﾙ名が変わることがあります、要確認です。　　　不一致だと、別ﾌｧｲﾙとして新たにｻｰﾊﾞｰに配置されます。
※：ｱｯﾌﾟﾛｰﾄﾞ時の注意ﾎﾟｲﾝﾄ！
　　0)　ﾀﾞｳﾝﾛｰﾄﾞしたﾌｧｲﾙ名・大小文字の変化が無いことを吟味します。
　　1)　ﾌｧｲﾙを編集・更新〔ｺﾝﾃﾝﾂの追加/削除など〕
　　2)　PCに上書き保存
　　3)　更新ﾌｧｲﾙを閉じる。
　　4)　Internet Explorerで表示、更新結果・ﾌｧｲﾙ名の変化無しを確認します。
　　5)　FTPｿﾌﾄ・ﾒﾆｭｰを起動します。　起動済み時は、転送元ﾎﾙﾀﾞｰの更新・再読込みを行い最新情報を準備します。
　　6)　FTP・ｱｯﾌﾟﾛｰﾄﾞ・発行します。
※：古い・更新前ﾌｧｲﾙをｱｯﾌﾟﾛｰﾄﾞしないように配慮します。　注意ﾎﾟｲﾝﾄは下記。
　　○：HP更新後にPCに必ず保存する、IEでの確認がﾍﾞﾀｰ。
　　×：HP制作ｿﾌﾄでﾌﾟﾚﾋﾞｭｰ → 直ぐｱｯﾌﾟﾛｰﾄﾞする。
　　○：HP制作ｿﾌﾄでﾌﾟﾚﾋﾞｭｰ → PCに上書き保存完了後に、ｱｯﾌﾟﾛｰﾄﾞする。　　　　　　　　
　　×：HP制作ｿﾌﾄでﾌﾟﾚﾋﾞｭｰ → PCに上書き保存完了後に、既に起動しているﾌｧｲﾙ転送ﾒﾆｭｰでｱｯﾌﾟﾛｰﾄﾞする。
　　○：HP制作ｿﾌﾄでﾌﾟﾚﾋﾞｭｰ → PCに上書き保存完了後に、既に起動しているﾌｧｲﾙ転送ﾒﾆｭｰで、転送元ﾎﾙﾀﾞｰ内容の再読込・更新後にｱｯﾌﾟﾛｰﾄﾞする。

・　行間を空けない改行は、”Shift+Enter”ｷｰを押します。　　”太字”は対象の文字列を選択し（反転表示） ”Ctrl+B”ｷｰを、斜体は”Ctrl+Ｉ”ｷｰを、下線は”Ctrl+U”を押します。

・　ﾊｲﾊﾟｰﾘﾝｸ ：ｻﾝﾌﾟﾙﾍﾟｰｼﾞ（例） の作成は、対象の文字列：”ｻﾝﾌﾟﾙﾍﾟｰｼﾞ”を選択し（反転表示）、”Ctrl+K”ｷｰを押し、【ﾊｲﾊﾟｰﾘﾝｸの編集】- [WWW] ﾀﾌﾞを表示させ、〈ﾊｲﾊﾟｰﾘﾝｸの種類〉： http: を選択します。　〈URL〉：”http://.www3.justnet.ne.jp/~okatohsho/frame1.htm（例）”を入力します。　　このURLは挿入先ﾌｧｲﾙ index.html などと同じﾎﾙﾀﾞｰであれば、ﾌｧｲﾙ名のみ（frame1.htm）でもよい。　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　のように下線が付き、【ﾍﾟｰｼﾞのﾌﾟﾛﾊﾟﾃｨ】背景、ﾊｲﾊﾟｰﾘﾝｸ、で指定した色に変わります。　　〔表示 → HTML → 【HTMLの表示と編集】Win でも同様の編集が行えます。〕　　　ﾌｧｲﾙ、名前を付けて保存、【名前を付けて保存】　ﾍﾟｰｼﾞﾀｲﾄﾙ：　……のﾎｰﾑﾍﾟｰｼﾞ　　などを入力します、”お気に入り”などに表示される名前です。　　　　[ﾌｧｲﾙとして保存] ををｸﾘｯｸ、保存する場所：　”めいめいが指定する”ﾎﾙﾀﾞｰを選択し、ﾌｧｲﾙ名：　frame1.htm　などを入力し、[保存]　をｸﾘｯｸします。　　　作成済みのﾊｲﾊﾟｰﾘﾝｸの確認方法は、ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　などをﾎﾟｲﾝﾄし、最下段に　http://www03.u-page.so-net.ne.jp/ra5/himitu/nikki.html　などが表示されます。　　　ﾊｲﾊﾟｰﾘﾝｸの修正方法は、対象の文字列〔ｻﾝﾌﾟﾙﾍﾟｰｼﾞ〕を選択し（反転表示）、”Ctrl+K”ｷｰを押し、【ﾊｲﾊﾟｰﾘﾝｸの作成】- [WWW]ﾀﾌﾞ を表示させます。　〈URL〉：　http://www03.u-page.so-net.ne.jp/ra5/himitu/nikki.html　例）などを正しく入力します。　　　　　”file:///C:/……”　などは間違い、作成した *.html のﾓﾆﾀｰ　では正常？に表示されるためｵｰﾅｰがしばしば遭遇する誤りです。　　　この場合はｵﾝﾗｲﾝでのﾓﾆﾀｰでも、ﾛｰｶﾙ（=PC）のﾌｧｲﾙをﾓﾆﾀｰしているのです。　　

･　画像にﾀﾞｳﾝﾛｰﾄﾞ用のﾘﾝｸ を作るには、FrontPage Express で *.html を開き、画像を指し、右ｸﾘｯｸします。　【画像のﾌﾟﾛﾊﾟﾃｨ】Win- [全般]ﾀﾌﾞが開きます。<規定のﾊｲﾊﾟｰﾘﾝｸ>　場所：　に　http://www.……記述は省略…/*.lzh　などをﾀｲﾌﾟｲﾟﾝします。 　[OK]　を押します。

・　新しいWinで表示させるには、WordPadで開き、 （例）： <a href="http://www02. …… sample_index.html" target="_blank" title="ここをｸﾘｯｸして見ることができます。">　のようにURL末尾に、” target="_blank"”を付加します。　編集を終え、”ﾃｷｽﾄ文書”で保存します。　　　　FrontPage Expressで、新しいWinで開くﾘﾝｸを作るには、(1)　対象文字列を選択します。 → 　反転表示になります。　(2)　Ctrl+K　ｷｰを押します。　(3)　【ﾊｲﾊﾟｰﾘﾝｸの編集】　(4)　URL：　URLを記述します。　(5)　ﾀｰｹﾞｯﾄﾌﾚｰﾑ：　_blank　をﾀｲﾌﾟｲﾝします。　(6)　[OK]　完了です。　　　※：ほかに、 同じﾌﾚｰﾑ：target="_self"、ﾍﾟｰｼﾞ全体：target="_top"、親ﾌﾚｰﾑ：target="_parent"。　　　　　このWinｻｲｽﾞの指定方法は、このWeb 2 に。

・　ﾊｲﾊﾟｰﾘﾝｸをﾎﾟｲﾝﾄした時に、ｺﾒﾝﾄを表示させるには、WordPad で開き、上の（例）のように” title="ここをｸﾘｯｸして見ることができます。"”などｺﾒﾝﾄを付加します。　　改行は、　『 &#13; 』 で。　　　編集を終え、”ﾃｷｽﾄ文書”で保存します。

・　FrontPage Express のﾒﾆｭｰを使用した、吹き出し文字を表示させる手順　　　　（例）”ﾘﾝｸ文字”にﾏｳｽｶｰｿﾙを置くと、”ここにﾒｯｾｰｼﾞを記述します”などを吹き出し表示。　　FrontPage Express　で、”ﾘﾝｸ文字”を範囲選択する。　ﾘﾝｸ文字　のﾃｷｽﾄトが、反転表示に変わります。　　Ctrl+Ｋｷｰを押します。　　【ﾊｲﾊﾟｰﾘﾝｸの作成】URL：　http://www　……　をﾀｲﾌﾟｲﾝします。　[拡張]ﾎﾞﾀﾝを押す。【拡張属性】、[追加]ﾎﾞﾀﾝを押す。　【名前と値の組み合わせ】で名前：　title　をﾀｲﾌﾟｲﾝします。　値：　ここにﾒｯｾｰｼﾞを記述します　　などをﾀｲﾌﾟｲﾝ。 　　改行は、　『 &#13; 』 で。　　　　　[OK]、[OK]、[OK]ﾎﾞﾀﾝを押す。　　保存します。　　Internet Explorer　で開き、吹き出し表示効果を確認します。　　変更は、同様に行います。

・　画像をﾎﾟｲﾝﾄした時に、ｺﾒﾝﾄを表示させるには、”FrontPage Express”で開いて、右ｸﾘｯｸ - 【画像のﾌﾟﾛﾊﾟﾃｨ】- <代替え表示> - <ﾃｷｽﾄ>に：『 ﾒｰﾙ　おくれ ！』 などのｺﾒﾝﾄを記述します。　　　　ﾃｷｽﾄｴﾃﾞｨﾀｰを使用する方法は、次のように記述します。　　　<a href="http://www./……/xxx.html"><img src="xxxx.gif" alt="吹き出し、バル〜ンa" title="吹き出し、バル〜ンt" border="0" width="15" height="16"></a>　　※：NetscapeNavigator4.7x用の、　alt="吹き出し、バル〜ンa"　も併せた記述も可。

・　ﾒｰﾙを発信して貰う（ﾊｲﾊﾟｰ）ﾘﾝｸ、ここをｸﾘｯｸしてﾒｰﾙ送ってね！（例）の作成は、対象の文字列を選択し（反転表示）、”Ctrl+K”ｷｰを押し、【ﾊｲﾊﾟｰﾘﾝｸの作成】で〈ﾊｲﾊﾟｰﾘﾝｸの種類〉：mailto:　 を選択し、〈URL〉：にﾒｰﾙｱﾄﾞﾚｽ（例 ： mailto:cha-cha@attglobal.net）を入力します。　　このｱﾄﾞﾚｽはﾒｰﾙの受け取り人のｱﾄﾞﾚｽです。

・　　　封書などの画像にﾒｰﾙを発信して貰う（ﾊｲﾊﾟｰ）ﾘﾝｸの作成は、”FrontPage Express”で開いて、右ｸﾘｯｸ - 【画像のﾌﾟﾛﾊﾟﾃｨ】- <既定のﾊｲﾊﾟｰﾘﾝｸ> - <場所>に：ﾒｰﾙｱﾄﾞﾚｽ（例 ： mailto:cha-cha@attglobal.net ） を入力します。

・　画像の挿入-〔FrontPage Express使用〕　　[挿入] - [画像]　◎ 保存場所からを選択、画像のURLを入力。　　　このURLは*.html ﾌｧｲﾙと同じﾎﾙﾀﾞｰであれば、ﾌｧｲﾙ名のみでOK。　　　あるいは、　画像の挿入場所で、[挿入] - [画像]　◎ ﾌｧｲﾙから、[参照]【画像】▼をｸﾘｯｸし、ﾎﾙﾀﾞｰを辿り、My Document → new1a.gif などを選択します。　　[開く]をｸﾘｯｸ、画像が表示。　　画像を指し、右ｸﾘｯｸ→ 画像のﾌﾟﾛﾊﾟﾃｨ：画像のｿｰｽ：　file:///C:/My Documents/画像1/new1a.gif　など。　　file:///C:/My Documents/画像1/new1a.gif　 → 　new1a.gif　に変更します。　壊れたﾃﾚﾋﾞ絵になります。　　http://www##.u-page.so-net.ne.jp/###/######/new1a.gif　でも同じこと。　　　　　〃　　〔index.htm、new1a.gif　をPCの同じﾎﾙﾀﾞｰ　C:\My Documents\homepage1　に一括してれば表示されます。〕※1　　〔index.htm、new1a.gif　を同じﾎﾙﾀﾞｰにFTP/転送/ｱｯﾌﾟﾛｰﾄﾞします。〕※1　　　代替表示ﾃｷｽﾄに、　”Hello！”　　などとﾀｲﾌﾟｲﾝすれば、ﾏｳｽｵｰﾊﾞｰ時に　”Hello！”（吹き出しﾃｷｽﾄ）表示されます。　　　規定のﾊｲﾊﾟｰﾘﾝｸ：場所：　画像ｸﾘｯｸ時に、ここに記述したURLにｼﾞｬﾝﾌﾟします。　　　ﾀｰｹﾞｯﾄﾌﾚｰﾑ：　_blank　をﾀｲﾌﾟｲﾝすると、上のｼﾞｬﾝﾌﾟ先が新しいWinで開きます。　　※：target=　は、同じﾌﾚｰﾑ：target="_self"、ページ全体：target="_top"、親 ﾌﾚｰﾑ： target="_parent"　も。　　　　　画像と文のﾚｲｱｳﾄは 表 を使用すると自在です。　　　ｻﾑﾈｲﾙ画像からﾌﾙｻﾞｲｽﾞ画像へのﾘﾝｸを作成するには、画像を選択、【画像のﾌﾟﾛﾊﾟﾃｨ】 - [既定のﾊｲﾊﾟｰﾘﾝｸ] - [場所]：*.jpgや、*.gif を相対ﾊﾟｽか、絶対ﾊﾟｽで記述します。

・　画像の右や左に文章を記述・挿入するHTML（例）。　　　※：画像ﾌｧｲﾙ=4-9.jpg、 画像の右にﾃｷｽﾄ=align="left"、 画像の左にﾃｷｽﾄ=align="right"、画像表示ｻｲｽﾞ= width="680" height="451"。

<p><img border="0" src="4-9.jpg" align="left" width="680" height="451"> ここ（画像の右）に、ﾃｷｽﾄを記述できます。</p>
<p>*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*</p>
<p>*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*</p>
<p>おわり、〜*</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p><img border="0" src="4-9.jpg" align="right" width="680" height="451">　ここ（画像の左）に、ﾃｷｽﾄを記述できます。</p>
<p>*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*</p>
<p>*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*〜〜*</p>
<p>おわり、〜*</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
　

・　画像挿入-〔WordpadやSimpleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰか、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰ使用〕
WordpadやSimpleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰか、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰで、HTMLを編集します。　　 1) 〜 4)手順で　Wordpad　を起動し、index.html　などを開き編集します。　　　1)【ｽﾀｰﾄ】 - [ﾌｧｲﾙ名を指定して実行] 　名前：　Wordpad（小文字）、[OK] 　などで起動。　　2)【Wordpad】-[ﾌｧｲﾙ] - [開く] - index.html　を選択します。　ﾌｧｲﾙの種類：　すべてのﾌｧｲﾙ　　3)　HTMLﾀｸﾞが見えるようになり、ﾀｲﾌﾟｲﾝにて編集できます。　　　4)　WordpadでHTMLを編集完了、保存は必ず”ﾃｷｽﾄ文書”形式を選択します、ﾌｧｲﾙ名は、xxxxx.html　を保持。　　　
作成した画像挿入HTMLｿｰｽ（例）：　

<p><a href="http://www.xxxx.xx.jp/xxxxx/xxxxx.html"target=" target="_blank"><img src="http://www.xxxx.xx.jp/xxxxx/xxxxx.gif" alt="ここに吹き出しメッセージを記述します。" border="0" width="80" height="50"></a></p>　　　

　　※：画像のURL+ﾌｧｲﾙ名：　　http://www.xxxx.xx.jp/xxxxx/xxxxx.gif　　　挿入先ﾌｧｲﾙと同じ階層に配置時は、ﾌｧｲﾙ名のみ（xxxxx.gif）でも可。
　　※：画像のｸﾘｯｸで開くﾍﾟｰｼﾞのURL：　　http://www.xxxx.xx.jp/xxxxx/xxxxx.html
　　※：ﾘﾝｸ先を新しいWinで開く：　target="_blank"　　　ほかに、Win全体：　target="_top"　　同じﾌﾚｰﾑ：　target="_self"
　　※：画像のURL　http://www.xxxx.xx.jp/xxxxx/xxxxx.gif　　挿入先と同じﾎﾙﾀﾞｰにある場合は、xxxxx.gif　のみ可。
　　※：枠線無し：　border="0"
　　※：画像ｻｲｽﾞの指定：　width="80" height="50"　　
　　※：※：target=　は、同じﾌﾚｰﾑ：target="_self"、ページ全体：target="_top"、親ﾌﾚｰﾑ： target="_parent"、ﾌﾚｰﾑ： target="main"　〔main= <frameset　で宣言した frame name 〕、なども。

・　画像のﾛｰｶﾙﾊﾟｽ → Webﾊﾟｽへの修正手順　〔Webでの画像非表示対応（例）！〕　　　（例）：　xxxx：さまざま、画像：gazou.gif、対象URL：http://wwwxx.u-page.so-net.ne.jp/xxx/xxxxx/　　
【現象】　http://wwwxx.u-page.so-net.ne.jp/xxx/xxxxx/indexhtm.htm　　の、gazou.gif　などが表示されない。（制作者のPCだけは表示されますので要注意！。）　　　原因：　gazou.gif　のﾊﾟｽがWeb上でなく、ﾛｰｶﾙのPCのﾌｧｲﾙを表示するようになっています。　　　　　 Microsoft情報： [IE5] FrontPage Express で画像の挿入後保存、ﾊﾟｽ表示される

(1)　FrontPage Expressを起動し修正対象の、index.html　などを開きます。
(2)　画像の挿入場所にｶｰｿﾙを置き、 [挿入]-[画像] - ◎　ﾌｧｲﾙから　参照：【画像】ﾌｧｲﾙの場所、ﾌｧｲﾙ名を指定します。　〔PC内の　gazou.gif　を指定します。〕　[開く]をｸﾘｯｸします。　　　画像が表示されます。
(3)　画像をﾎﾟｲﾝﾄ（指し）します、ﾏｳｽ右をｸﾘｯｸします。　【画像のﾌﾟﾛﾊﾟﾃｨ】を確認します。　　画像のｿｰｽ：　file:///C:/www/gazou.gif　　となっています。〔ﾛｰｶﾙであり、制作者のみに表示される。〕
(4)　次の a、b 何れかで修正するする必要があります。
　a　　画像のｿｰｽ：　http://wwwxx.u-page.so-net.ne.jp/xxx/xxxxx/akago.gif　をﾀｲﾌﾟｲﾝやﾍﾟｰｽﾄし修正します。　　　[OK]をｸﾘｯｸします。　　　ｵﾝﾗｲﾝでのみ表示されます。　　Internet Explorerで開き、[×]画像をﾎﾟｲﾝﾄ右をｸﾘｯｸ、【ﾌﾟﾛﾊﾟﾃｨ】：ｱﾄﾞﾚｽ：　http://wwwxx.u-page.so-net.ne.jp/xxx/xxxxx/gazou.gif　　を確認します。　　　
　b　　画像のｿｰｽ：file:///C:/www　……/gazou.gif の ”file:///C:/www……/”部を削除し、 → 　gazou.gif　に修正します。　　　 [OK]をｸﾘｯｸします。　　　　index.html　と　gazou.jpg　が同じﾎﾙﾀﾞｰに配置時は、ｵﾝﾗｲﾝと、ｵﾌﾗｲﾝ〔制作者とｷｬｯｼｭに保存者〕とも表示されます。　　　　Internet Explorerで開き、表示された画像をﾎﾟｲﾝﾄ右をｸﾘｯｸ、【ﾌﾟﾛﾊﾟﾃｨ】：ｱﾄﾞﾚｽ：file:///C:/xxxxxxx/xxxx/gazou.gif　　
(5)　Webの画像ﾌｧｲﾙを個別にｱｸｾｽしての、表示確認もｹｰｽﾊﾞｲｹｰｽで行います。　　　　Internet Explorerのｱﾄﾞﾚｽ：　http://wwwxx.u-page.so-net.ne.jp/xxx/xxxxx/gazou.gif　などで、画像単独にｱｸｾｽして表示を確認します。
(6)　【現象】表示されない → (7)、(8)
(7) 画像がｻｰﾊﾞｰに無い →　 http://wwwxx.u-page.so-net.ne.jp/xxx/xxxxx/　に　gazou.gif　などをFTP=転送する。　　
　　※：　URL、ﾌｧｲﾙ名、拡張子が、ﾊｲﾊﾟｰﾘﾝｸと一致しているか？。 → 修正する。　
　　※：　ﾌｧｲﾙ名、ﾊｲﾊﾟｰﾘﾝｸの記述に誤りはないか？。
　　※：　ﾊｲﾊﾟｰﾘﾝｸ〔ﾎﾙﾀﾞｰ、ﾌｧｲﾙ名、URL〕は、半角小文字英数字と、『/』、『.』、『_』、『-』が無難です。　ｽﾍﾟｰｽは避け、『_』(ｱﾝﾀﾞｰﾊﾞｰ)が無難。
　　※：　◎ ： index.html　 index.htm index_map.htm　　abcd-efg.htm
　　※：　△ ： Nikki.htm　 himitu nikki.htm　（ﾀｲﾌﾟﾐｽや、ｽﾍﾟｰｽはｿﾌﾄによっては誤動作を誘因）
　　※：　× ： ｲﾝﾃﾞｯｸｽ.html　　画像.gif　（全角文字はﾛｰｶﾙ=PC=Windowsでは表示される。）　　
　　※：　FTPや、PCへの保存後のﾌｧｲﾙ名を確かめておく。
(8)　ﾎｰﾑﾍﾟｰｼﾞ制作者が、PC（=Windows）とWeb ｻｰﾊﾞｰ（=unix系）との違いで注意すべきことは、
　　※：　Webｻｰﾊﾞｰ〔unix系〕のｿﾌﾄは、たいてい　大文字/小文字　を別物として区別し〔Windowsはしない〕、
　　※：　そしてURLに　半角英数字以外　が含まれると処理（表示）できない〔Windowsはできる〕。
　　※：　Windowsでﾌｧｲﾙ保存/FTP時に、大文字/小文字　部分が変わったことに気が付かないことです。
　　※：　Internet Explorer のﾒﾆｭｰで保存すると、index.html → index.htm　などに変わることがあります。

・　画像の圧縮手順　目標、（例）：　assyukugazou.jpg　200KB　 → 20KB　　(1)　ｵﾘｼﾞﾅﾙを名前を変えて大切に保存しておきます。　Explorerで　assyukugazou.jpg をｺﾋﾟｰ →　assyukugazou_org.jpg を作成します。（任意）　　(2)　FrontPage Express　 [ﾌｧｲﾙ] - [新規作成] - [標準ﾍﾟｰｼﾞ] - [OK]　　(3)　[挿入] - [画像] ◎ﾌｧｲﾙから　- [参照] - assyukugazou.jpg　を選択。　開く。　　　(4)　画像上で、右ｸﾘｯｸします。【画像のﾌﾟﾛﾊﾟﾃｨ】- ◎JPEG　画質　75 → 30（例）　に変更します。　[OK]　　　(5)　[ﾌｧｲﾙ] - [名前を付けて保存] -【名前を付けて保存】 - [ﾌｧｲﾙとして保存］　ﾌｧｲﾙ名：sample.htm　など新しい名に。　[保存]　　　(6)　【画像をﾌｧｲﾙに保存】- [すべて]　　　(7)　sample.htm　と同じﾎﾙﾀﾞｰに　 assyukugazou.jpg　20KBと、　assyukugazou.jpe　200KB（”jpe”部に注目！）ができている。　　　(8)　FrontPage Express　で挿入先　gogo.html　を開きます。　　　(9)　画像上で、右ｸﾘｯｸします。【画像のﾌﾟﾛﾊﾟﾃｨ】- 画像のソース：[参照]　assyukugazou.jpg　を指定、[OK]　[保存]　　　(10)　完成、Internet Explorerで確認〔ほとんど見栄えは変わらない！、(^ ^)〕、ｱｯﾌﾟﾛｰﾄﾞ。 　　　　

・　ﾀｲﾑｽﾀﾝﾌﾟ（自動更新）の挿入は、[挿入] -【WebBotｺﾝﾎﾟｰﾈﾝﾄ】 - [ﾀｲﾑｽﾀﾝﾌﾟ] -[OK] 、日付・時刻書式を指定します。　　ﾀｲﾑｽﾀﾝﾌﾟ-JavaScript（例）

・　JavaScript（ｼﾞｬﾊﾞｽｸﾘﾌﾟﾄ）の挿入は、[挿入] -【ｽｸﾘﾌﾟﾄ】 で行います。　　[挿入] - 【HTMLﾏｰｸｱｯﾌﾟ】 、HTMLﾍﾟｰｽﾄ、 [OK] でも行えます。

・　JavaApplet の挿入は、ｺﾋﾟｰ元の *.html を ”FrontPage Express” で開き、 [J]ﾏｰｸ = JavaApplet のｺﾋﾟｰ、ﾍﾟｰｽﾄでも行えます。　　　また、WordPad で開き、　　<Applet code　……で始まり、……</Applet>　　で終わる JavaApplet のｺｰﾄﾞ（HTML）をｺﾋﾟｰし、[挿入] - 【HTMLﾏｰｸｱｯﾌﾟ】 、HTMLﾍﾟｰｽﾄ、 [OK] でも行えます。　　　　*.html と 対の *.class は同じﾎﾙﾀﾞｰに配置/保存 します、ﾛｰｶﾙ（=PC）とWebｻｰﾊﾞｰ（tripod）でそうします。　 JavaApplet のﾌﾟﾛﾊﾟﾃｨで表示ｻｲｽﾞなどは変更できます。　Java Applet は、 Java Applet/ Java Boutique　などで入手できます。

・　ﾀｲﾄﾙの付加は、右ｸﾘｯｸ、【ﾍﾟｰｼﾞのﾌﾟﾛﾊﾟﾃｨ】 - [ﾀｲﾄﾙ] に入力します。　　”お気に入りに追加”の”名前”になります、画面下段のﾀｲﾄﾙﾊﾞｰにも表示されます。　　　【IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰ】で目的の *.htm を開きます、右ｸﾘｯｸします。[文書のﾌﾟﾛﾊﾟﾃｨ]を選択します。　【属性】- <文書ﾀｲﾄﾙ>：　……のﾎｰﾑﾍﾟｰｼﾞ(などのﾀｲﾄﾙ)をﾀｲﾌﾟｲﾝします。　[OK]をｸﾘｯｸします。　[ﾌｧｲﾙ]-[上書き保存]をｸﾘｯｸします。　　HTMLに、　<HEAD>　……のﾎｰﾑﾍﾟｰｼﾞ</HEAD>　のﾀｸﾞが追加されたのを Wordpad などで見ることもできます。　　　Internet Explorerで開き、(最下段)のﾀｲﾄﾙﾊﾞｰに、　……のﾎｰﾑﾍﾟｰｼﾞ　などが表示されることで確認できます。

･　御参考 :（ｱﾄﾞﾚｽﾊﾞ^ｰ、ﾂｰﾙﾊﾞｰまた）Internet Explorerの ”お気に入り”に表示されるｱｲｺﾝを指定する方法”　も。 　　(1) ｱｲｺﾝ用画像ﾌｧｲﾙを作成または、用意し、ｻｲｽﾞ、16x16（pixel）または、32x32（pixel）に 、PictureManagerなどで編集します。　　　画像ﾌｧｲﾙ名を、favicon.icoなど、*.ico　の拡張子に、 Explorerで変更します。　　　　　 〔または、画像ﾌｧｲﾙを準備します。　　　Dynamic Drive CSS Library > FavIcon Generato にｱｸｾｽrします。　　”Image to create icon from:” で準備した画像ﾌｧｲﾙを指定します。　　”［Create Icon］”　をｸﾘｯｸ、作成されたIconﾌｧｲﾙを、ﾀﾞｳﾝﾛｰﾄﾞしPCに保存しても、同じです　〕　 　　　 　　(2) ｱｲｺﾝﾌｧｲﾙ favicon.ico などを、index.htm　と同じ階層=ﾃﾞｨﾚｸﾄﾘに配置します。　　※:別階層の場合はﾊﾟｽを変更します。　　　ｱｲｺﾝﾌｧｲﾙ名、favicon.ico　は、favicon2.ico　などに変更 し、複数使用出来ます。　　　(3) 作動試験は、一旦お気に入りに追加 → ここからｱｸｾｽします。　　旧お気に入りの削除、Internet Explorer の再起動、 【Internet Explorer】- [ﾂｰﾙ] - [ｲﾝﾀｰﾈｯﾄｵﾌﾟｼｮﾝ] - <ｲﾝﾀｰﾈｯﾄ一時ﾌｧｲﾙ>- [ﾌｧｲﾙの削除]などでのｷｬｯｼｭｸﾘｱなどもｹｰｽﾊﾞｲｹｰｽで行う。　　ｱｲｺﾝﾌｧｲﾙのｻｲｽﾞに制限あり。　　　　　Internet Explorer 5.01は、HTMLﾌｧｲﾙと同じ階層に favicon.ico を配置した場合に、<HEAD>部分に次の(*)記述が必要。　　　　(*) ： 　　<HEAD>　<LINK REL="SHORTCUT ICON" href="favicon.ico">　</HEAD>　　”お気に入りｱｲｺﾝ”で検索

・　背景色の指定は、右ｸﾘｯｸ、【ﾍﾟｰｼﾞのﾌﾟﾛﾊﾟﾃｨ】 - [背景] で行います。

　★ 背景色を指定する方法。　
WordpadやSimpleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰか、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰで、下記の（例）のように、　<body>　ﾀｸﾞ部を編集し　bgcolor="#FFFFFF4D9"　などを記述指定します。
　 1) 〜 4)手順で　Wordpad　を起動し、index.html　などを開き編集でけます。
　 0) ※：ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集はHP制作ｿﾌﾄ間との整合性が失われません。
　1)【ｽﾀｰﾄ】 - [ﾌｧｲﾙ名を指定して実行] 　名前：　Wordpad（小文字）、[OK] 　などで起動。
　2)【Wordpad】-[ﾌｧｲﾙ] - [開く] - index.html　を選択します。　ﾌｧｲﾙの種類：　すべてのﾌｧｲﾙ　
　3)　HTMLタグが見えるようになり、タイプインにて編集できます。
  4)　WordpadでHTMLを編集完了、保存は必ず”ﾃｷｽﾄ文書”形式を選択します、ﾌｧｲﾙ名は、xxxxx.html　を保持。 bgcolor="#FFFFFF4D9"　を追加します。　色変更は、#FFFFFF4D9　部分で。
（例）：　 <body bgcolor="#FFFFFF4D9" link="#460068" vlink="#600005" alink="#007D89">　　
※： link="#460068" vlink="#600005" alink="#007D89"　は省略可能、  ※：　それぞれ、背景色、　ﾘﾝｸ色、 表示済みﾘﾝｸ色、　ｱｸﾃｨﾌﾞﾘﾝｸ色です。 ※：色ｺｰﾄﾞは、ＲＧＢ（色の作成と色コードの獲得）で。

・　背景画像の指定は、[ﾌｧｲﾙ] - [ﾍﾟｰｼﾞのﾌﾟﾛﾊﾟﾃｨ] - [背景] - [v] 背景の画像 - [参照] - 【背景画像の選択】 - [ほかの場所] - ◎ﾌｧｲﾙから - [参照]〔PCのﾌｧｲﾙを指定する〕、 [背景] - [v] 背景の画像 ：　file:///C:/xxxxxx/xxxxx/xxxx.gif　- [OK] （ここで背景画像が表示される）、がPCのﾛｰｶﾙﾊﾟｽからURLに修正が必要！。　[ﾌｧｲﾙ] - [ﾍﾟｰｼﾞのﾌﾟﾛﾊﾟﾃｨ] - [背景] - [v] 背景の画像：　file:///C:/xxxxxx/xxxxx/xxxx.gif　 → 　xxxx.gif（挿入先と音源ﾌｧｲﾙが同じ階層=ﾎﾙﾀﾞｰ時）か、http://wwwxx.xxxx/xxxxx/xxxx.gif（全般）、に修正（ここで背景画像が消える）。

　★ 背景画像を指定する方法。　WordpadやSimpleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰか、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰで、下記の（例）のように、　<body>　タグ部を編集します。 　　background="haikeiguwazou.gif"　を追加記述し、同じ階層=ﾎﾙﾀﾞｰに配置します。　画像ﾌｧｲﾙはURLでも可。　　
（例）： <body background="haikeiguwazou.gif" bgcolor="#FFFFFF4D9" link="#460068" vlink="#600005" alink="#007D89">　
※： WordpadでHTMLを編集後は、”ﾃｷｽﾄ文書”を選択し保存します、ﾌｧｲﾙ名はxxxx.htmlを保持。
※： haikeiguwazou.gif　背景画像ﾌｧｲﾙ名　
※： bgcolor="#FFFFFF4D9" link="#460068" vlink="#600005" alink="#007D89"　は省略可能、
※：それぞれ背景色、ﾘﾝｸ色、表示済みﾘﾝｸ色、ｱｸﾃｨﾌﾞﾘﾝｸ色です。

　★ 背景画像の中央配置　ｽﾀｲﾙｼｰﾄを使用（例）
WordpadやSimpleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰか、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰで、下記の（例）のように、　<head>部を編集します。 　
<head>
<style Type="text/css">
<!--
BODY{
background-image: url(http://www.xxxx.xx.jp/xxxxx/tyuou.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
}
-->
</style>
</head>

※：背景画像のURL：　http://www.xxxx.xx.jp/xxxxx/tyuou.jpg　　挿入先ﾌｧｲﾙと同じ階層に配置時は 　ﾌｧｲﾙ名のみ　tyuou.jpg　でも可。
※：関連情報 - ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ　　

・ 背景画像をｽｸﾛｰﾙさせないでﾃｷｽﾄのみｽｸﾛｰﾙさせる方法は、次の太字部分を追加します。　　　<body bgproperties="fixed" background="whrb011.gif" bgcolor="#FFFFFF4D9" link="#460068" vlink="#600005">　　実装例　　　色作成・記号獲得 ：（ｻﾌﾞWinで開きます）や、見栄えの設定は、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ が便利！。

・　ﾊﾞｯｸｸﾞﾗｳﾝﾄﾞｻｳﾝﾄﾞ（Internet Explorer only）の指定は、[ﾌｧｲﾙ] - [ﾍﾟｰｼﾞのﾌﾟﾛﾊﾟﾃｨ] - [全般]　[ﾊﾞｯｸｸﾞﾗｳﾝﾄﾞｻｳﾝﾄﾞ] - [参照] - [ほかの場所] - ◎ﾌｧｲﾙから - [参照] 〔PCのﾌｧｲﾙを指定する〕、[全般]　[ﾊﾞｯｸｸﾞﾗｳﾝﾄﾞｻｳﾝﾄﾞ] ,- [場所] ：　 file:///C:/xxxxxx/xxxxx/xxxx.mid をPCのﾛｰｶﾙﾊﾟｽからURLに修正が必要！。　file:///C:/xxxxxx/xxxxx/xxxx.mid　 → 　xxxx.mid か、http://wwwxx.xxxx/xxxxx/xxxx.mid　に修正。　〔HTMLの（例）：　<bgsound src="Symphony.mid" loop="1">　〕します。　♪演奏はここにいろいろ。　　　　　ﾌﾞﾛｯｸの背景色の色分けは、表 を応用します。　　　

・　水平線の挿入は、[挿入] - [水平線] で、変更は選択して、右ｸﾘｯｸ 、【水平線のﾌﾟﾛﾊﾟﾃｨ】 で行います。　　　Netscape Communicator では表示が異なり、背景色にﾏｽｸされたりしますが、下記（例）のように細長い表で代替えすれば表示できます。　　　HTMLの説明：　table border：罫線ｻｲｽﾞ、　cellspacing：ｾﾙｽﾍﾟｰｽ、　width：ｾﾙ表幅（%）　"1000"=1000ﾋﾟｸｾﾙ、　bordercolor：ｾﾙ罫線色、　bgcolor：ｾﾙ背景色、　ｾﾙheigh：高さ（ﾋﾟｸｾﾙ）　　td width：表幅、bgcolor：表背景色、ﾃｷｽﾄ：<font face=……/font>、ﾃｷｽﾄなしは削除 　　　<table border="0" cellspacing="1" width="100%" bordercolor="#50005E" bgcolor="#50005E" height="10"><tr><td width="100%" bgcolor="#D6B8ED"><font face="ＭＳ Ｐｺﾞｼｯｸ" size="2">　ﾃｷｽﾄやﾊｲﾊﾟｰﾘﾝｸが追加できます。</font></td></tr></table>

・　表（ﾃｰﾌﾞﾙ）の挿入は、[表] - 【表の挿入】 で行います。　画面や Window ｻｲｽﾞなどが変わっても常に画面幅いっぱいに表示する方法は、幅の指定を”100%”のままにしておきます。　　枠の非表示は、【表のﾌﾟﾛﾊﾟﾃｨ】で[外枠のｻｲｽﾞ]： 0 にします。　　表は、画像+文や、背景色区分、段落作成など、ﾚｲｱｳﾄを”想うがまま”にしかも簡単にできるため、とても重宝します。　　　”入れ子”で段落を作成できます。（例）　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　本文右、中央1列見出し付き、本文2列、2列ﾒﾆｭｰ付き、3列均等、3列ﾒﾆｭｰ付き、3列ﾒﾆｭｰ、ｻｲﾄﾞﾊﾞｰ付き、3列右ｾｸｼｮﾝ付き、4列 ﾀｲﾄﾙﾊﾞｰ付き、6列段落付き　1　2　3　4　などを利用すると簡単。　　表は、画像+文や、背景色の区分け、段落作成など、ﾚｲｱｳﾄを”想うがまま”にしかも簡単にできるため、とても重宝します。　　FrontPage Express を使って、表の中に表を”入れ子”にする方法は、[表] - [表の挿入]、【表の挿入】で新しい”親”になる表を作成します。　　”子”の表を範囲指定で選択します、反転表示に変わります。　　親の表の挿入先のｾﾙにﾄﾞﾗｯｸﾞ＆ﾄﾞﾛｯﾌﾟします。　　

･　さらなる 強力なﾚｲｱｳﾄ制御 は、ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　ﾚｲｱｳﾄ枠1 で。　　　　行間の制御方法は、このﾍﾟｰｼﾞ などで。　　Winｻｲｽﾞ変化に応じてｺﾝﾃﾝﾂを常に中央に表示する方法は、ｵﾌﾞｼﾞｪｸﾄの中央配置、2 で。　 　説明文や画像などのｺﾝﾃﾝﾂを通常隠し〔折り畳み〕ｸﾘｯｸで表示する方法は、折りたたみｺﾝﾝﾃﾝﾂ で。

・　ﾌﾞｯｸﾏｰｸと、ﾌﾞｯｸﾏｰｸへのﾊｲﾊﾟｰﾘﾝｸ を作成して、ﾍﾟｰｼﾞ内の指定位置にｼﾞｬﾝﾌﾟさせることができます。topへ（例）　　　ﾌﾞｯｸﾏｰｸの作成は、ｼﾞｬﾝﾌﾟさせたい箇所（ｼﾞｬﾝﾌﾟ先）で、[編集] - [ﾌﾞｯｸﾏｰｸ] - 【ﾌﾞｯｸﾏｰｸ】 を開き、<ブッックﾏｰｸ名>：” topへ ”（例）　を記述します。　　　”旗”ﾏｰｸが表示されます。　　”ﾌﾞｯｸﾏｰｸ名”を見るには、旗をﾎﾟｲﾝﾃｨﾝｸﾞし右ｸﾘｯｸで、【ﾌﾞｯｸﾏｰｸのﾌﾟﾛﾊﾟﾃｨ】を表示します。　　ﾌﾞｯｸﾏｰｸは文字や画像に対しても付けることができ、旗は付きません（例=7.4項”2”）。　　　別のﾍﾟｰｼﾞの指定位置にｼﾞｬﾝﾌﾟさせるには、URLの末尾にﾌﾞｯｸﾏｰｸを付けます（例）： list220m.html#4。　　同じURLであれば、ﾌｧｲﾙ名+ﾌﾞｯｸﾏｰｸで充分です。　　　　　表現力のある漢字、半角ｶﾀｶﾅは使えます（例）：  list3.html#料理、list2.html#秋葉原 . PCｼｮｯﾌﾟﾟ。　

･　ﾌﾞｯｸﾏｰｸへのﾊｲﾊﾟｰﾘﾝｸの作成は、対象の文字列”topへ”（例）を選択し（反転表示）、”Ctrl+K”ｷｰを押し、【ﾊｲﾊﾟｰﾘﾝｸの作成】 - [開いているﾍﾟｰｼﾞ] で、（例）：”=(^。^)=23 初めてのﾎｰﾑﾍﾟｰｼﾞ……”を選択し、- <ﾌﾞｯｸﾏｰｸ>：（例）=”top”を選択します。　　7.4項にも応用例があります。　　Internet Explorer では、読み込みに遅れがあると、ﾌﾞｯｸﾏｰｸ位置が画面の下部あたりに表示されします。　　必ず上部にきっちり表示される Netscape Communicator の表示能力は優れています。　　ﾌﾞｯｸﾏｰｸへのｼﾞｬﾝﾌﾟのﾃｽﾄは、Win の縦幅を小さくして行います。　　URL+ﾌﾞｯｸﾏｰｸへのｼﾞｬﾝﾌﾟﾃｽﾄは、ｵﾝﾗｲﾝにする必要があります。

・　”FrontPage Express”の起動は、【ｽﾀｰﾄ】-[ﾌﾟﾛｸﾞﾗﾑ]-[ｱｸｾｻﾘ]-[ｲﾝﾀｰﾈｯﾄﾂｰﾙ]-[FrontPage Express] と、ﾎﾙﾀﾞｰを辿ります。　ここ : （Internet Explorer5.x）　　　あるいは、【ｽﾀｰﾄ】-[ﾌﾟﾛｸﾞﾗﾑ]-[Internet Explorer]-[FrontPage Express] と、ﾎﾙﾀﾞｰを辿ります。（Internet Explorer4.0x）　　　　もしくは、[ﾌｧｲﾙ] - [ Microsoft FrontPage Express で編集] でも起動する環境もあります。　　　もし見つからない場合は、【ﾃﾞｨｽｸﾄｯﾌﾟ】で”F3”ｷｰを押し、<名前>：　FrontPage　を入力、<探す場所>： (C:)、[検索開始]ﾎﾞﾀﾝをｸﾘｯｸします。　　きっと見つかります。　　　”赤い羽根ﾍﾟﾝ”のｱｲｺﾝ= FrontPage Express を、ｸﾘｯｸすると起動します。　　　　　【ｽﾀｰﾄ】- [ﾌｧｲﾙ名を指定して実行] - 名前：　Fpxpress　（半角）を入力、Enterｷｰを押しても可（これで起動しなければｾｯﾄｱｯﾌﾟなどが必要）。　　 

・　C:\WINDOWS\SendTo ﾎﾙﾀﾞｰに”FrontPage Express”や、”WordPad”、”Netscape Communicator”などHP制作用ﾂｰﾙのｼｮｰﾄｶｯﾄを入れておくと、*.html を”右ｸﾘｯｸ”、”送る”を選択により、”FrontPage Express”で”編集”が、”WordPad”で”HTML直接編集”が、”Netscape Communicator”で”いつもと違うﾌﾞﾗｳｻﾞでのﾓﾆﾀｰ”がすばやく選べるので、ﾎｰﾑﾍﾟｰｼﾞ制作者には重宝！。　　　左ｸﾘｯｸでは、たぶん Internet Explorer が起動します。

・　作成したHTMLﾄﾞｷｭﾒﾝﾄは、PCに保存し、Internet Explorer や Netscape Communicator などで表示ﾃｽﾄを済ませてからｱｯﾌﾟﾛｰﾄﾞします。

・　練習用のHTMLﾄﾞｷｭﾒﾝﾄ（ｻｰﾁｴﾝｼﾞﾝへの未登録=公開前）は、Web などからｺﾋﾟｰしたものでも可、用済み後に変更・削除できます。

・　HTMLﾄﾞｷｭﾒﾝﾄの作成は、Word や Excel、一太郎で作成したﾄﾞｷｭﾒﾝﾄを、”HTML形式で保存”しても可能。　

・　URLの公開に先立ち、ﾌｧｲﾙ名が ”index.htm”か、”index.html” のﾌｧｲﾙを必ず作成しｱｯﾌﾟﾛｰﾄﾞするようにします。　　　” http://www./……/xxx./xxxx/ ”などのﾌｧｲﾙを省略した URLの指定で、”index.htm”があればこれ探して表示します。　　”index.htm” ﾌｧｲﾙが見つからないと、指定階層のﾌｧｲﾙ一覧が表示されます。

（a)　”FrontPage Express” で index.html を作成するには、代表的な、ﾄｯﾌﾟ(表紙)にしたいﾍﾟｰｼﾞを FrontPage Express で開きます。〔 もし無い場合は、(b) の方法で新規作成を行います。〕　　[ﾌｧｲﾙ] - [名前を付けて保存] - 【名前を付けて保存】 - (ﾍﾟｰｼﾞﾀｲﾄﾙ)： ”……のﾎｰﾑﾍﾟｰｼﾞ”などの名前をﾀｲﾌﾟｲﾟﾝします（”お気に入りに追加”の”名前”になります、ﾀｲﾄﾙﾊﾞｰにも表示されます。）- (ﾍﾟｰｼﾞの場所)： index.html をﾀｲﾌﾟｲﾟﾝします。　　[ﾌｧｲﾙとして保存] をｸﾘｯｸします。　この index.html をｱｯﾌﾟﾛｰﾄﾞします。

(b)　”FrontPage Express” でHTMLﾄﾞｷｭﾒﾝﾄ　index.html　を作成するには、[ﾌｧｲﾙ] - [新規作成] - 【新しいﾍﾟｰｼﾞ】 - (ﾃﾝﾌﾟﾚｰﾄまたはウィザード)： 標準ﾍﾟｰｼﾞ - [OK]をｸﾘｯｸします。　　なにかﾀｲﾌﾟｲﾟﾝします。　　　[ﾌｧｲﾙ] - [名前を付けて保存] - 【名前を付けて保存】 - (ﾍﾟｰｼﾞﾀｲﾄﾙ)： ”……のﾎｰﾑﾍﾟｰｼﾞ”などの名前をﾀｲﾌﾟｲﾟﾝします（これは”お気に入りに追加”の”名前”になります、ﾀｲﾄﾙﾊﾞｰにも表示されます。）- (ﾍﾟｰｼﾞの場所)： index.html をﾀｲﾌﾟｲﾟﾝします（ . に着目！）。　　[ﾌｧｲﾙとして保存] をｸﾘｯｸします。　この index.html をｱｯﾌﾟﾛｰﾄﾞします。　

・　ﾎｰﾑﾍﾟｰｼﾞ制作者が、Windows と Webｻｰﾊﾞｰの違いで注意すべきは、Webｻｰﾊﾞｰはたいてい、大文字･小文字を区別し（Windowsはこの区別をしません）、そしてURLに半角英数字以外があると処理できません、未だ(-."-;)。　　　Internet Explorer でﾌｧｲﾙ保存時に、inex.html が index.htm に変わったり、Windowsで保存時に、大文字 → 小文字　に変わることがあり注意/確認が肝要です。 　　index.htm などのﾌｧｲﾙ名を省略した、階層=ﾎﾙﾀﾞｰで指定したURLでｱｸｾｽすると、Webｻｰﾊﾞｰは、　index.html 、index.htm　の順で探していずれかを表示します。〔空白の index.html などに注意。〕　　　FTP時にﾌｧｲﾙ名が変わることもあります。　　ﾍﾟｰｽﾄ時に末尾にｽﾍﾟｰｽが紛れ込むこともあります。　　　ﾊｲﾊﾟｰﾘﾝｸ（ﾎﾙﾀﾞｰ、ﾌｧｲﾙ名、URL、ﾀﾞｳﾝﾛｰﾄﾞのためのﾘﾝｸ、……など）は、半角小文字英数字と” .”” _” -” が無難です（例）： abcd-efg.html。　　　処理できないｿﾌﾄがあるため、ｽﾍﾟｰｽは避け、”_” (ｱﾝﾀﾞｰﾊﾞｰ)が無難。　　　　　　　　機種依存文字、文字化け対策、漢字ｺｰﾄﾞ。　　〔HTMLで、”<” 、” >”、” &”などのｷｬﾗｸﾀｰを表示する時は、それぞれ”&lt;” 、”&gt;” 、”&amp;” と記述します。〕　　EUCｺｰﾄﾞによる文字化け、文書型宣言に就いて/、文書タイプ宣言の意味 、HTML Validation: Choosing a DOCTYPE(jp)、DOCTYPE HTML PUBLICで検索　

　

3　ｱｯﾌﾟﾛｰﾄﾞします。　　ｻｰﾊﾞｰ にﾌｧｲﾙを送ります。

isweb無料版のFTP設定

FTPｿﾌﾄの入手のためのﾘﾝｸ集　> Internet Explorer6.xでFTP、FFFTP 1 2 3、FTP Explorer 1 解説　　FTP Explorer 日本語化ﾓｼﾞｭｰﾙ ﾏﾆｭｱﾙ 1 2、Next FTP　 Next FTP Lite 1 2 3 4　　NexTools WebAgent、WS_Ftp 1　　WS_FTP Limited Edition　　WS_FTP Pro 6.0　WS_FTP Pro　1 2 3

　

4　Internet Explorerで確認します。　　開設したﾍﾟｰｼﾞを見てみる。

自分のﾎｰﾑﾍﾟｰｼﾞをｱｸｾｽして ”index.html”などを確認します。（表示されないときは、ｻｰﾊﾞｰ上のﾌｧｲﾙ名などを確認します。）　　Netscape Communicator（ get！はここで ）でのﾓﾆﾀｰも行い、違いを見ます。　　　ｻｰﾊﾞｰのﾌｧｲﾙ名まで”正確”に指定した、個別ｱｸｾｽでWebのﾌｧｲﾙを確認します。　　　ﾌﾞﾗｳｻﾞのｷｬｯｼｭ〔一時ﾒﾓﾘ〕の古ﾃﾞｰﾀが表示されている可能性があるので、下記の手順で、再読込みを行い最新ﾃﾞｰﾀを読み込む。　　　目的のﾍﾟｰｼﾞを表示させた状態で Internet Explorer で再読込みのために、Ｆ５ ｷｰを押す。　　　〃　　　Netscape Navigator　　〃　　　、Ctrl+Ｒ ｷｰを同時に押す。 

IE6/7/8でWebｻｲﾄの見栄えを見比べ「Microsoft Expression Web SuperPreview」

　

5　ｻｰﾁｴﾝｼﾞﾝに登録して公開します。　　全ての人がｱｸｾｽできるようにします。　　この項は、全Webで同じです。

下記のURL登録ｻｲﾄなどで実行する。

ｻｰﾁｴﾝｼﾞﾝへの登録 ：　URL登録 1 2 4 5 6 7 8 9 0 1 2、　　ｻｰﾁｴﾝｼﾞﾝ登録ｶﾞｲﾄﾞ　　一括登録 0 1 2 3 4 5 6 7 8 9 0　　SubmitWolf 1　ﾎｰﾑﾍﾟｰｼﾞ紹介ｻｰﾋﾞｽ　　 Web ﾏｽﾀｰ関連情報-ｶﾞｲﾄﾞﾗｲﾝ（日本Google）　　　ｷｰﾜｰﾄﾞ検索でﾍﾟｰｼﾞが検索されるようにするには や、ｷｰﾜｰﾄﾞを設定するには も。　　　InfoseekURL登録 > 登録できないページと対処方法　>　ﾌﾚｰﾑを使用しているﾍﾟｰｼﾞ →ｷｰﾜｰﾄﾞとｻﾏﾘｰの設定 （ｲﾝﾌｫｼｰｸ） 　  ｷｰﾜｰﾄﾞとｻﾏﾘｰの設定　登録拒否、ﾛﾎﾞｯﾄ検索禁止ﾀｸﾞ　1。　　　日本の検索ｴﾝｼﾞﾝ一覧

検索窓を付ける ： 　alltheWeb　　Goole　　msn　　　Infoseek　　Excite　　Goo　　Yahoo　　あったよ〜*　　Find'X　　WWW日本語検索　　iSiZE　　ﾌﾚｯｼｭｱｲ、　Lycos　　WebCrawler。　　　ﾎｰﾑﾍﾟｰｼﾞのｻｲﾄ内検索をする。

　

6　困った時は

日本Googleﾋﾞｼﾞﾈｽｿﾘｭｰｼｮﾝ > Webｻｲﾄ > Webﾏｽﾀｰｾﾝﾄﾗﾙ > Webﾏｽﾀｰの為のｶﾞｲﾄﾞﾗｲﾝ

よくある質問と答（FAQ）

1 2 3 4 5 6 7 8 9 0 1 2 3 4、FrontPage Expressｶﾞｲﾄﾞ 1 2 3 4 5 6 7 8 9 0 など。

用語　最新略語辞典 1　Find'x、　　　ｲﾝﾀｰﾈｯﾄ用語 1 2 3　　So-netｲﾝﾀｰﾈｯﾄｱｼｽﾀﾝﾄ　もけ〜*　ｲﾝﾀｰﾈｯﾄ用語 1 2 3、　　拡張子 1　  ｺﾝﾋﾟｭｰﾀ用語 1 2、　　用語ﾘﾝｸ

　

7　おまけ　　　高機能版や、ｶｳﾝﾀｰなどに挑戦してみる。　 ﾌﾚｰﾑや折りたたみﾘｽﾄなどのｻﾝﾌﾟﾙﾍﾟｰｼﾞも

　･　 Java、Java Script、DHTMLなどのｻﾝﾌﾟﾙﾍﾟｰｼﾞ！　で、表（ﾃｰﾌﾞﾙ）や、ﾌﾚｰﾑﾍﾟｰｼﾞ、ｽﾀｲﾙｼｰﾄ（下線装飾など）、JavaScript（各種ﾒﾆｭｰなど）、DHTML（画像制御など）、Java Applet（ﾎﾊﾞｰﾎﾞﾀﾝなど）、ActiveX（ｶﾚﾝﾀﾞｰなど）が実装できます。

　･　IPｱﾄﾞﾚｽ関連情報 ： 検索結果、現在使用しているIPｱﾄﾞﾚｽ情報を取得する方法 - Windows2000、IPｱﾄﾞﾚｽからﾎｽﾄ名、自分のIPｱﾄﾞﾚｽの参照。

　

7.1　高機能版に挑戦してみる。

iswebﾍﾞｰｼｯｸ　（ｻｰﾊﾞｰ容量 : 300MB、CGI  : Perl、PHP、Python、Ruby、htaccess、ｗｅｂﾛｸﾞ、商用）

　

7.2　ｱｸｾｽｶｳﾝﾀｰ を付けてみる。　　この項以降は、全Webで同じです。　順番はありません。

（例） ：　 　このかわいいｶｳﾝﾀｰを付けるには、LinkExchange を訪れ、　[Sign Up Now !]　ﾎﾞﾀﾝを押します。　　次に　[I agree to Terms and conditions]　 ﾎﾞﾀﾝを押して、My Profile を登録し　[Next]　ﾎﾞﾀﾝで次へ進み、ガイドに応じてﾀｲﾌﾟｲﾟﾝを行い、完了します。　　　ｶｽﾀﾏｲｽﾞされ、[　　　]　ﾎﾞｯｸｽで提供される下記の（例）のようなHTMLのｺﾋﾟｰを目的の”index.html”にﾍﾟｰｽﾄすれば完了、（ﾒｰﾙでも同じものが、直ちに送られて来ます。）。　　　”FrontPage Express” での”HTML”のﾍﾟｰｽﾄ（貼り付け）方法は、[挿入]−[HTMLﾏｰｸｱｯﾌﾟのﾌﾟﾛﾊﾟﾃｨ] で開く、【HTMLﾏｰｸｱｯﾌﾟ】のｴﾘｱにﾍﾟｰｽﾄして行います。　　これでたちどころにｶｳﾝﾀｰが作動を開始します。　　 FastCounter  が表示されるときは、ｻｰﾊﾞｰが手一杯？！＼(-."-;)／　なので、時間を置いて再読込（≠再ｱｸｾｽ）を試みます。

（例） ：  <!-- BEGIN FASTCOUNTER CODE -->
　　　　　<a href="http://member.linkexchange.com/cgi-bin/fc/fastcounter-login?　…省略…　" target="_top">
　　　　　　　　　…省略…　
　　　　　　　　　…省略…　
　　　　　</font><!-- END FASTCOUNTER LINK -->

　

7.3　Internet Explorerで作動する ”お気に入りに追加”ﾎﾞﾀﾝ　を付けてみる。

ﾎﾞﾀﾝをｸﾘｯｸしてみてください。　　この作成方法は、ﾌｧｲﾙ（hpb001.html）を”FrontPage Express”で開き、[<？>] をｺﾋﾟｰし、任意の位置にﾍﾟｰｽﾄします。　　　ことば=”お気に入りに追加　…*”の編集は、[<？>]を右ｸﾘｯｸし、[ｽｸﾘﾌﾟﾄのﾌﾟﾛﾊﾟﾃｨ] -【ｽｸﾘﾌﾟﾄ】 を開いて行い、[OK]、で完了します。　　　”=(^。^)=　23 ホームページの開設入門”（ﾍﾟｰｼﾞﾀｲﾄﾙ）は、自動的に変わります。　　あるいは下記の方法で、Wordpad や SimpleText などのﾃｷｽﾄｴﾃﾞｨﾀｰや、HP制作ｼﾌﾄのHTML編集ﾒﾆｭｰで太字部分を編集します（説明用の彩色自体は意味なし）。　　ｽｸﾘﾌﾟﾄ中への不要な改行混入は不作動原因。 

　・　”お気に入り”や、”ﾀｲﾄﾙﾊﾞｰ”に表示される、ｻｲﾄ名（≠ﾌｧｲﾙ名）の記述（例）：　 　 <heady>　〜　</head> の任意の行間に、<title>=(^。^)=　23 ホームページの開設入門</title>　　などを記述。

　・　”お気に入りに追加するﾎﾞﾀﾝ” は、ｱｯﾌﾟﾛｰﾄﾞ後に、作動 します。　　　※: ﾛｰｶﾙ（PC内ﾌｧｲﾙのｵｰﾌﾟﾝ）で非作動。

　

(*1) ：　hpb001.html 　　ﾎﾞﾀﾝﾀｲﾌﾟ　　　　　　　挿入先の 　<body> 〜 </body>　の、〜 部分（任意行）にﾍﾟｰｽﾄします。　　　任意位置への配置は、罫線なしの表（ﾃｰﾌﾞﾙ）に嵌めるなどで。

　

HTMLの編集方法

(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入ﾌｧｲﾙ（xxxx.html）にﾍﾟｰｽﾄ、太字部分を編集、使用。

〔この列ﾍﾟｰｽﾄ不要〕 吹き出し　ﾎﾞﾀﾝ文字 　（本例：style=' 〜' 部分を省略）=ﾎﾞﾀﾝ背景色　文字色　枠線色

<SCRIPT LANGUAGE="JavaScript"> <!-- if ((navigator.appVersion.indexOf("MSIE") > 0) && (parseInt(navigator.appVersion) >= 4)) { document.write("<INPUT TYPE='button'  title='=(^。^)=　ありがとう祢〜*。' VALUE='お気に入りに追加' style='background-color:#87003D; color:#FBEEFA; border-color:#B6003D' onClick='window.external.AddFavorite(location.href, document.title);'>"); } //--> </SCRIPT>

　

(*2) ：　背景色付文字ﾀｲﾌﾟ　　　　　　　 　挿入先の 　<body> 〜 </body>　の、〜 部分（任意行）にﾍﾟｰｽﾄします。　　任意位置への配置は、罫線なしの表（ﾃｰﾌﾞﾙ）に嵌めるなどで。

　

HTMLの編集方法

↓ をﾃｷｽﾄｴﾃﾞｨﾀｰ経由で開き、HTMLを挿入ﾌｧｲﾙ（xxxx.html）にﾍﾟｰｽﾄし使用。

〔この列ﾍﾟｰｽﾄ不要〕 ﾌｫﾝﾄ　ｻｲｽﾞ 文字色　背景色 　 　 　 　 ﾎﾞﾀﾝの表示文字

<p><!--webbot bot="HTMLMarkup" startspan --><FONT face="MSP Gothic" size=3><SPAN style="COLOR: #FFFFFFAE3; BACKGROUND-COLOR: #8300C5"> <SCRIPT> <!-- if ((navigator.appVersion.indexOf("MSIE") > 0) && (parseInt(navigator.appVersion) >= 4)) { document.write("<SPAN STYLE='cursor:hand;'onclick='window.external.AddFavorite(location.href, document.title);'>お気に入りに追加します</SPAN></U>"); } //--> </SCRIPT> </SPAN></FONT><!--webbot bot="HTMLMarkup" endspan --></p>

　・　彩色指定は、HTMLの色指定、色見本、RGB ：（ｻﾌﾞWinで開きます）が便利！。

　・　”FrontPage Express” でのHTMLﾀｸﾞの編集方法は、ｺﾋﾟｰ元の範囲を左ｸﾘｯｸした状態でﾏｳｽｶｰｿﾙでなぞり範囲指定し、反転表示に変えます。　　Ctrl+Ｃｷｰを押します〔あるいは右ｸﾘｯｸ → ｺﾋﾟｰ〕。　　FrontPage Expressで挿入先のﾌｧｲﾙを開き、 [表示] - [HTML]を選択、【HTMLの表示と編集】、　<body>　〜　</body>の間の任意の行、 ”挿入場所=〜” にｶｰｿﾙを置き、Ctrl+Ｖｷｰを押します。〔あるいは、右ｸﾘｯｸ → 貼り付け〕でのﾍﾟｰｽﾄや、HTMLのﾀｲﾌﾟｲﾝを行い、 [OK]　で完了！。　Internet Explorer5.x〜

　・　”FrontPage Express” での個別のHTMLﾀｸﾞの挿入方法は、 [挿入] - [HTMLﾏｰｸｱｯﾌﾟ]ﾒﾆｭｰで、HTMLのﾍﾟｰｽﾄ･編集、 [OK]　で完了！。　　この場合、[？] などのﾏｰｸが作成されます。　　この[？]ﾏｰｸを任意のHTMLﾌｧｲﾙ（Webﾍﾟｰｼﾞ）の、任意の位置にﾍﾟｰｽﾄ（貼り付け）できます。　　　　編集は次の方法で行います。　　[？]を右ｸﾘｯｸし、[HTMLﾏｰｸｱｯﾌﾟのﾌﾟﾛﾊﾟﾃｨ]をｸﾘｯｸし、【HTMLﾏｰｸｱｯﾌﾟ】を開いて行います。　　この[？]を Wordpad にｺﾋﾟｰして、広い画面で編集後、再び【HTMLﾏｰｸｱｯﾌﾟ】に戻しても同じこと。

※ 他に簡単な Java Script を試してみる。　　JavaScriptTips集 ：FrontPage Expressで[？] ﾏｰｸのﾍﾟｰｽﾄ、WordpadでHTMLのﾍﾟｰｽﾄで簡単に応用できるJava Script、DHTML集。　　”お気に入り”のｱｲｺﾝ　〃検索 1　　　

※: 関連・詳細情報 ：　　これの作り方は、Microsoft MSDN Internet Explorer5に備えて: Webサイト制作者のための Tips にあり。

　

7.4　ﾄﾞﾛｯﾌﾟﾀﾞｳﾝﾒﾆｭｰ を付けてみよう。　　ﾍﾟｰｼﾞ内のﾌﾞｯｸﾏｰｸや、Webｻｲﾄにｼﾞｬﾝﾌﾟできます。

　index ﾒﾆｭｰ EXCEED英和辞典 Gogle日本 時系列天気 so-net 1 はじめに　 2 3 4 ｱｯﾌﾟﾙ > ﾀﾞｳﾝﾛｰﾄﾞ 6 7 8 9 おわりに 　選択ﾀｰｹﾞｯﾄに遷移します。

←　　ほかに、新しいWinで開くﾄﾞﾛｯﾌﾟﾀﾞｳﾝﾒﾆｭｰ、2層ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ、（ﾌﾚｰﾑﾍﾟｰｼﾞへの応用（例）：ｽﾄﾌﾚｰﾑ frame2、MicrosoftのWeb風のﾄｯﾌﾟﾅﾋﾞﾊﾞｰ 4a、ﾂﾘｰﾒﾆｭｰ4a、などいろいろ。

このﾌｧｲﾙ（hpb001.html）を”FrontPage Express”で開きます。　　上の　[？] ←ﾏｰｸのｺﾋﾟｰを任意のHTMLﾌｧｲﾙ（Webﾍﾟｰｼﾞ）にﾍﾟｰｽﾄ（貼り付け）します。　　次の方法で編集します。　　[？]　を右ｸﾘｯｸし、[HTMLﾏｰｸｱｯﾌﾟのﾌﾟﾛﾊﾟﾃｨ]をｸﾘｯｸし、【HTMLﾏｰｸｱｯﾌﾟ】を開きます。　 下記が表示されます。　【HTMLﾏｰｸｱｯﾌﾟ】から Wordpad にｺﾋﾟｰして広い 画面で制作できます。　　あるいは下記の方法で、Wordpad や SimpleText などのﾃｷｽﾄｴﾃﾞｨﾀｰや、HP制作ｼﾌﾄのHTML編集ﾒﾆｭｰで太字部分を編集します（説明用の彩色自体は意味なし）。

　

(*1) ：　hpb001.html 　（例）　　　　　　　挿入先の 　<body> 〜 </body>　の、〜 部分（任意行）にﾍﾟｰｽﾄします。

HTMLの編集方法

(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入ﾌｧｲﾙ（xxxx.html）にﾍﾟｰｽﾄ、太字部分を編集、使用。

〔この列ﾍﾟｰｽﾄ不要〕 ﾌｫﾝﾄ　ｻｲｽﾞ 　 　 　 　 　 　 ﾃﾞﾌｫﾙﾄの選択ﾒﾆｭｰ（移動可） URL、ﾌﾞｯｸﾏｰｸ（ｱﾝｶｰ）　背景色（省略は、 style="background-color: #F6F7FF;" 部の削除で）　ｻｲﾄ名、ﾌﾞｯｸﾏｰｸ名 　※：色記号 以下同様。 ﾘﾝｸの加減は、行単位の追加/削除で。

<p><font face="ＭＳ Ｐゴシック" size="3"><!--webbot bot="HTMLMarkup" startspan --><SCRIPT language=JavaScript> <!-- function GoPage( a ){ location = a.options[a.selectedIndex].value; } //--> </SCRIPT> <FORM><SELECT name=PullList onchange=GoPage(this) size=1> <OPTION SELECTED VALUE="#0" style="background-color: #F6F7FF;">　index ﾒﾆｭｰ <OPTION VALUE="http://dictionary.goo.ne.jp/cgi-bin/ej-top.cgi" style="background-color: #FFFFFF0EB;">EXCEED英和辞典 <OPTION VALUE="http://www.google.com/intl/ja/" style="background-color: #FFFFFF0EB;">Gogle日本 <OPTION VALUE="http://www.so-net.ne.jp/weather/jikei/index.html" style="background-color: #F1E9FF;">時系列天気 so-net <OPTION VALUE="#1" style="background-color: #FFFFFF;">1 はじめに　 <OPTION VALUE="#2" style="background-color: #FFFFFF;">2 <OPTION VALUE="#3" style="background-color: #FFFFFF;">3 <OPTION VALUE="#4" style="background-color: #FFFFFF;">4 <OPTION VALUE="list220a.html#Apple" style="background-color: #FFFFFFFEB;">ｱｯﾌﾟﾙ > ﾀﾞｳﾝﾛｰﾄﾞ <OPTION VALUE="#6" style="background-color: F9F3FF;">6 <OPTION VALUE="#7" style="background-color: F9F3FF;">7 <OPTION VALUE="#8" style="background-color: F9F3FF;">8 <OPTION VALUE="#9" style="background-color: F9F3FF;">9 <OPTION VALUE="#10" style="background-color: F9F3FF;"> おわりに </OPTION></SELECT>　選択ﾀｰｹﾞｯﾄに遷移します。 </FORM> <!--webbot bot="HTMLMarkup" endspan --></font>

　

この太字の部分を、ご自分のﾃﾞｰﾀｰに編集（ﾀｲﾌﾟｲﾝ、ｺﾋﾟｰ、ﾍﾟｰｽﾄ、ｶｯﾄ）して使用します。　　<OPTION VALUE=" ここにURLやﾌﾞｯｸﾏｰｸを記述 ">ここにﾒﾆｭｰﾎﾞｯｸｽに表示させる文字　を記述します。　 　”OPTION VALUE=……”　行の追加、削除ができます、順序や、個数は任意です。　　"　"内の　http://www.so-net…… .html　や、 #0〜#10　などは、ｼﾞｬﾝﾌﾟ先のURLもしくは、ﾌﾞｯｸﾏｰｸ（=ｱﾝｶｰ）です。　　<　>右の”天気”、”1　はじめに”などは、ﾒﾆｭｰﾎﾞｯｸｽに表示させる文字です。　　　【HTMLﾏｰｸｱｯﾌﾟ】から Wordpad にｺﾋﾟｰして広い画面で編集できます、保存は”ﾃｷｽﾄ文書”で行い、【HTMLﾏｰｸｱｯﾌﾟ】に再び張り付けます。

ﾌﾞｯｸﾏｰｸ を作ります。　　ｼﾞｬﾝﾌﾟさせたい箇所（ｼﾞｬﾝﾌﾟ先）で、[編集] - [ﾌﾞｯｸﾏｰｸ] - 【ﾌﾞｯｸﾏｰｸ】 を開きます。　　　<ﾌﾞｯｸﾏｰｸ名>：”　1 ”（例）　を記述します。　　ここの例では、〜”10”　まで作っています。　　”旗”ﾏｰｸが表示されます。　　旗の右ｸﾘｯｸで、【ﾌﾞｯｸﾏｰｸのﾌﾟﾛﾊﾟﾃｨ】を表示して、”ﾌﾞｯｸﾏｰｸ名”を見ることができます。　　”旗”1〜10　はｺﾋﾟｰして任意な位置に貼り付けられます。　誤って同じﾌﾞｯｸﾏｰｸを複数作成した場合は、上位置のﾌﾞｯｸﾏｰｸにｼﾞｬﾝﾌﾟします。　

１　　初めに　

　　ここにｺﾝﾃﾝﾂなどを記述します。　　以下、同じようにﾌﾞｯｸﾏｰｸは、各ｺﾝﾃﾝﾂの冒頭などのｼﾞｬﾝﾌﾟさせたい位置に付けます。

２　

３

４

５

６

７

８

９

１０　　終わりに

　

　　topへ　　のようにﾍﾟｰｼﾞﾄｯﾌﾟに作成したﾌﾞｯｸﾏｰｸへのﾘﾝｸを付けておくと、ﾏｳｽ操作でﾍﾟｰｼﾞのトップに戻れます。　　topへのﾌﾞｯｸﾏｰｸは、”FrontPage Express”で開き、最上行の　[？]”旗ﾏｰｸ”初めての……　部分の”旗ﾏｰｸ”です。　旗の右ｸﾘｯｸで、【ﾌﾞｯｸﾏｰｸのﾌﾟﾛﾊﾟﾃｨ】を表示して、”ﾌﾞｯｸﾏｰｸ名 = top ” を見ることができます。

ﾌﾞｯｸﾏｰｸへのﾊｲﾊﾟｰﾘﾝｸ の作成は、対象の文字列：”topへ”（例）を選択し（反転表示）、”Ctrl+K”ｷｰを押し、【ﾊｲﾊﾟｰﾘﾝｸの作成】 - [開いているﾍﾟｰｼﾞ] で”=(^。^)=23 初めてのﾎｰﾑﾍﾟｰｼﾞ……”（例）を選択し、- <ﾌﾞｯｸﾏｰｸ>：”top”を選択します。　　ﾌﾞｯｸﾏｰｸは文字や画像に対しても付けることができ、旗は付きません。（例”2”）　　URLにﾌﾞｯｸﾏｰｸ（ #4 など）を付けることができます。（例）： list220m.html#4　　　ﾌﾞｯｸﾏｰｸとﾄﾞﾛｯﾌﾟﾀﾞｳﾝﾒﾆｭｰに漢字、半角ｶﾀｶﾅは使えます。（例）： list1.html#談話 . らくがき、list2.html#秋葉原 . PCｼｮｯﾌﾟﾟ　　ﾌﾞｯｸﾏｰｸは、大小文字･半全角･ｽﾍﾟｰｽ有無を正確に記述します。　　Internet Explorer では、読み込みに遅れがあると、ﾌﾞｯｸﾏｰｸ位置が画面の下部あたりに表示されします。　　必ず上部にきっちり表示される Netscape Communicator の表示能力は優れています。　　ﾌﾞｯｸﾏｰｸへのｼﾞｬﾝﾌﾟのﾃｽﾄは、Win の縦幅を小さくして行います。　　URL+ﾌﾞｯｸﾏｰｸへのｼﾞｬﾝﾌﾟﾃｽﾄは、ｵﾝﾗｲﾝにする必要があります。　　　ほかに、ﾌﾚｰﾑﾍﾟｰｼﾞから新しいWinを開くﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰの 実装方法 も。

　

【ﾌﾞｯｸﾏｰｸ（ｱﾝｶｰ）の作り方】　　ﾃｷｽﾄｴﾃﾞｨﾀｰ使用

※：WordpadやSimpleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰか、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰで編集します。
　 1) 〜 4)手順で　Wordpad　を起動し、index.html　などを開き編集でけます。
　 0)　※：ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集はHP制作ｿﾌﾄ間との整合性が失われません。
　1)【ｽﾀｰﾄ】 - [ﾌｧｲﾙ名を指定して実行] 　名前：　Wordpad（小文字）、[OK] 　などで起動。
　2)【Wordpad】-[ﾌｧｲﾙ] - [開く] - index.html　を選択します。　　ﾌｧｲﾙの種類：　すべてのﾌｧｲﾙ
　3)　HTMLﾀｸﾞ（ｿｰｽ）が見えるようになり、ﾀｲﾌﾟｲﾝにて編集できます。
  4)　WordpadでHTMLを編集完了、保存は必ず　”ﾃｷｽﾄ文書”　形式を選択します、ﾌｧｲﾙ名は、xxxxx.html　を保持。

(1)　”top へ”　をｸﾘｯｸしたときに、ﾍﾟｰｼﾞのﾄｯﾌﾟにｼﾞｬﾝﾌﾟ（遷移）させる（例）。
(2)　下記（例）のように、ｼﾞｬﾝﾌﾟ元の　<body>　部に、　<p><a href="#top" target="_self">topへ</a> </p>　　を、　　ｼﾞｬﾝﾌﾟ先の行に　　 <p><a name="top"></a></p>　　を記述します。
　 （例）

<body>
<p><a name="top"></a></p>

<p><a href="#top" target="_self">topへ</a> </p>
</body>

　

※：http://www.xxxx.xx.jp/xxxxx/xxxxx.html#top　や、　xxxxx.html#top　　のように、別のﾍﾟｰｼﾞへのｼﾞｬﾝﾌﾟにも使用できます。

※： target=　の種類
同じﾌﾚｰﾑ　target="_self"
ページ全体　　target="_top"
親ﾌﾚｰﾑ　 target="_parent"　　　応用例

　

7.5　"♪"のWebｻｲﾄからの 音楽 を流してみる。

このﾌｧｲﾙ（hpb001.html）を”FrontPage Express”で開きます。　　上の　[？] ﾏｰｸのｺﾋﾟｰを任意のHTMLﾌｧｲﾙの <body>　部の再上行か、WordpadやSimpleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰか、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰで、　<head> 〜 </head>　部にﾍﾟｰｽﾄします。

編集する場合は、　[？]黄　を右ｸﾘｯｸし、[HTMLﾏｰｸｱｯﾌﾟのﾌﾟﾛﾊﾟﾃｨ]をｸﾘｯｸし、【HTMLﾏｰｸｱｯﾌﾟ】を開きます。　　<META HTTP-EQUIV="REFRESH" CONTENT="1800;URL=http://www.real.com/showcase/kingredir.ram" target="_blank>　が表示されます。　　この太字部分を編集して使用します。　　　”*.midi”や、”*.ram”音源のあるWebｻｲﾄのURL（=http://www.real.com/showcase/kingredir.ram" target="_blank）や、ﾍﾟｰｼﾞを開いてからｻｳﾝﾄﾞ演奏開始までの時間（この例では1800秒です。）などを、任意に変更します。　　　　　　　ｻﾝﾌﾟﾙを直ぐ聴いてみるには、"♪" をｸﾘｯｸします。　RealPlayer の get ! は、Real com >RealPlayer8 Basic >RealPlayer 8 Basic ﾀﾞｳﾝﾛｰﾄﾞ で。　　　※：〔音源でなくWebｻｲﾄを指定すれば、ﾀｲﾏｰでWebｻｲﾄに自動的に遷移します。　　『 いつもご愛読ありがとう、2秒後に新しいｻｲﾄへｼﾞｬﾝﾌﾟいたします。』などの置き手紙を置いた旧ﾍﾟｰｼﾞに、この仕掛けを作成して、新しいWebｻｲﾄへ自動的にｼﾞｬﾝﾌﾟして貰う方法などにも使います。　　　同じﾍﾟｰｼﾞを”5秒”毎に再読みさせるには、次のように記述します。　　頻繁に更新するﾍﾟｰｼﾞのｷｬｯｼｭの古いﾃﾞｰﾀｰのﾘﾌﾚｯｼｭなどに応用出来ます。　　<META HTTP-EQUIV="REFRESH" CONTENT="5">〕　　　　"♪"演奏は、ほかにも、[挿入] - [ﾊﾞｯｸｸﾞﾗｳﾝﾄﾞｻｳﾝﾄﾞ] - ◎保存場所から ：　”*.midi”や、”*.ram”音源のある WebｻｲﾄのURL　を記述、 - [OK]　で完了、の方法もあります。　　　ﾊﾞｯｸｸﾞﾗｳﾝﾄﾞｻｳﾝﾄﾞ はﾍﾟｰｼﾞｵｰﾌﾟﾝで直ちに起動します。（Internet Explorer only）　　　※：《 ご注意 》　ｵﾌﾗｲﾝでこのﾍﾟｰｼﾞを開いてから、30分後に自動的に回線接続を始動することがあります。

Microsoft Windows Media Player 6.4 日本語版/Windows Media Player 7、Apple QuickTime4 、Real Networks RealJukebox　詳細、WinAmp、MusicMatch Jukebox v4.3 1　など もあれば世界が広がります。　　　起動するﾌﾟﾗｸﾞｲﾝが変わってしまった場合は、優先させるものを後から（再び）ｾｯﾄｱｯﾌﾟ、ｲﾝｽﾄｰﾙ時のｵﾌﾟｼｮﾝ指定などに注意します。　 [表示] - [ｵﾌﾟｼｮﾝ] - [形式] など、それぞれのﾌﾟﾗｸﾞｲﾝの設定も確認します。　　　参考：Win98関連付け、Win95。　　　Beatnik Plug-in 2.0 の削除方法は特殊です、ｾｯﾄｱｯﾌﾟによって格納された、該当するActiveX ｺﾝﾄﾛｰﾙを ”C:\WINDOWS\Downloaded Program Files” ﾎﾙﾀﾞｰで見つけて削除します。　 　 おまけ ：　MZ Record、『(＾＾)…*』、『あっ！』、『あかん…*』、『開けたよ！』、『開きま〜*すっ！』、『ﾍｲｯ！、お待〜ち！』、『時間です！』、『お疲れさまでした…*』、『おや、まぁ…*』。　　　御参考　：　Outolook Express5.0で、BGM付きや、*.midﾌｧｲﾙを mail に添付する〔新しいWinを開く〕で この（例） を開く。　　　

EMBED法の実装方法や、MediaPlayer　object 法、YAMAHA MIDPLUG　object 法、Java Script、DHTMLのTips集 → ・ 13　"♪"midi〔詳細〕、ie、NetscapeNavigator対応のﾊﾞｯｸｸﾞﾗｳﾝﾄﾞｻｳﾝﾄﾞ（ﾍﾟｰｼﾞｵｰﾌﾟﾝ時に自動演奏）の実装方法の詳細、NetscapeNavigatorのﾌﾟﾗｸﾞｲﾝの起動時のWinｻｲｽﾞの指定方法、2 なども。　

【IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰでBGMを挿入する方法】　　　挿入場所で、[挿入]-[HTMLﾀｯｸﾞ]を選択します。-【HTMLﾀｸﾞ】：　<bgsound src="http://www.xxxx.xx.jp/xxxxx/xxxxx/xxxx.mid" loop="1">　などを記述します。　[OK] を押します。（？）ﾏｰｸが作られます。　　演奏品目の変更は、（？）を右をｸﾘｯｸします。　　【属性】HTMLﾀｸﾞに表示された、　http://www.xxxx.xx.jp/xxxxx/xxxxx/xxxx.mid　　部分の記述を新しい音源に変更します。　　[OK] を押します。　　Internet Explorer で開き、回線接続、自動演奏を確認します。　　EMBEDとBGSOUNDﾀｸﾞの共存は可能、この場合、Internet Explorer では、ﾍﾟｰｼﾞｵｰﾌﾟﾝ時の自動演奏が、EMBEDの随時演奏は双方できます。　　BGSOUNDは、ﾌﾟﾚｰﾔｰが表示されず、演奏中止ができない。　　EMBEDは、ﾌﾟﾚｰﾔｰが表示され鬱陶しく？、演奏中止が可能。　　　NetscapeNavigator のﾌﾟﾗｸﾞｲﾝの起動時のWinｻｲｽﾞの指定方法は、ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　ｻﾌﾞWin にあります。

BGM（ﾍﾟｰｼﾞｵｰﾌﾟﾝで起動）Internet Explorer、NetscapeNavigator対応　　　音楽CDから *.wav ﾌｧｲﾙを作成 : CD → wav　CD2WAV32　wav編集　音声ﾌｧｲﾙ変換 1　分割結合

　

BGM（ﾍﾟｰｼﾞｵｰﾌﾟﾝで、 "♪"自動演奏）などの挿入方法、8種類。　　※：このﾍﾟｰｼﾞ内記述と、一部重複あり。 FrontPage Express、IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰ、txtｴﾃﾞｨﾀｰなどを使用する（例）　　※：ｻｳﾝﾄﾞﾌｧｲﾙは、各人で準備します。（予めｱｯﾌﾟﾛｰﾄﾞを完了し、IEのｱﾄﾞﾚｽ：　http://www.xxxx.xx.jp/xxxxx/xxxxx/xxxx.mid　などを入力、"♪"単独のｱｸｾｽを行いURLを確認しておきます。）　　　　xxxx　はめいめいの値を当てはめて運用。 1.　BGM、ieのみ対応　【FrontPage Expressを使用し挿入する場合】 　(1)　FrontPage Expressでの挿入は、開いたﾍﾟｰｼﾞで、右ｸﾘｯｸします。 　(2)　BGMの挿入/編集/変更は、【ﾍﾟｰｼﾞのﾌﾟﾛﾊﾟﾃｨ】ﾊﾞｯｸｸﾞﾗｳﾝﾄﾞｻｳﾝﾄﾞ、場所：　http://www.xxxx.xx.jp/xxxxx/xxxxx/xxxx.mid　　などを記述します。　　 　(3)　挿入するﾌｧｲﾙと同じﾎﾙﾀﾞｰに　heikin01.mid　などが配置（ｱｯﾋﾟﾛｰﾄﾞ）済みなら上のURLは、ﾌｧｲﾙ名のみ　heikin01.mid　　でもOK!、以下共通。 　(4)　保存、ｵﾝﾗｲﾝで、このﾌｧｲﾙを開き試聴できます。　　 2.　BGM、ieのみ対応　【IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰ使用】   (1)　挿入場所で、[挿入]-[HTMLﾀｸﾞ]を選択します。 　(2)　【HTMLﾀｸﾞ】：　<bgsound src="http://www.xxxx.xx.jp/xxxxx/xxxxx/xxxx.mid" loop="1">　などを、　<head>　部に記述します。　 　(3)　[OK] を押します。（？）赤　ﾏｰｸが作られます。 　(4)　編集は、（？）赤　ﾏｰｸ　をﾎﾟﾝﾄ、右ｸﾘｯｸし、属性変更で。 　(5)　ｵﾝﾗｲﾝで、IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰの下や上などの　[ﾌﾟﾚﾋﾞｭｰ]ﾀﾌﾞを押さえ、試聴できます。 　　IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰV6使用 　(1)　 [挿入] - [BGM] - [ﾌｧｲﾙから] -音源ﾌｧｲﾙを指定。　[開く] 　(2)　ﾘﾝｸを修正します。　ｵﾌﾞｼﾞｪｸﾄを右ｸﾘｯｸします。　 [属性の変更] -ｵﾌﾞｼﾞｪｸﾄ：　 file:///C:/Program Files/IBM Hom……/xxxx.mid　　（PCのﾌｧｲﾙを指定しています。）　× 　(3)　xxxx.mid　（挿入先ﾌｧｲﾙと同じﾎﾙﾀﾞｰにｱｯﾌﾟﾛｰﾄﾞ済み時はﾌｧｲﾙ名のみでも可）あるいは、 　(4)　URL（http://www.xxxx.xx.jp/xxxxx/xxxxx/xxxx.mid）のいずれかを記述します。 　(5)　(3)は、本人のPCのみ、ｵﾌﾗｲﾝでも演奏できます。　　(4)は、ｵﾝﾗｲﾝで全ての人が演奏できます。 　　IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰ200x使用 　(1)　 [表示] - [ｻｲﾄﾏﾈｰｼﾞｬｰ] -  【ｻｲﾄﾎﾙﾀﾞｰ】 - [ｻｳﾝﾄﾞ] - xxxx.mid　などを選び左ｸﾘｯｸします。　 　(2)　□で囲まれたのを右ｸﾘｯｸ掴まえて 、文書中にﾄﾞﾗｯｸﾞ（曳きずり）します。 　(3)　ﾘﾝｸを修正します。　ｵﾌﾞｼﾞｪｸﾄを右ｸﾘｯｸします。　 [属性の変更] -ｵﾌﾞｼﾞｪｸﾄ：　 file:///C:/Program Files/IBM Hom……/xxxx.mid　　（PCのﾌｧｲﾙを指定しています。）　× 　(4)　xxxx.mid　（挿入先ﾌｧｲﾙと同じﾎﾙﾀﾞｰにｱｯﾌﾟﾛｰﾄﾞ済み時はﾌｧｲﾙ名のみﾃﾞﾓ可）あるいは、 　(5)　URL（http://www.xxxx.xx.jp/xxxxx/xxxxx/xxxx.mid）のいずれかを記述します。 　(6)　(4)は、本人のPCのみ、ｵﾌﾗｲﾝでも演奏できます。　　(5)は、ｵﾝﾗｲﾝで全ての人が演奏できます。 3.　 BGM、Netscape/ie対応　【WordpadやSimpleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰか、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰで、HTMLを編集します。】 <body>　部の任意行に、下記のHTMLｿｰｽを記述、音源URL（http://www.……/….mid）などは、準備したもののURLを記述。 　　　※: 下記のHTMLｿｰｽなどは、Wordpadなどに一度ﾍﾟｰｽﾄ後に挿入先にﾍﾟｰｽﾄします。 <!--webbot bot="HTMLMarkup" startspan --><script> //specify FULL path to midi var musicsrc="http://www.xxxx.xx.jp/xxxxx/xxxxx/xxxx.mid" if (navigator.appName=="Microsoft Internet Explorer") document.write('<bgsound src='+'"'+musicsrc+'"'+' loop="0">') else document.write('<embed src=\"'+musicsrc+'\" hidden="true" border="0" width="20" height="20" autostart="true" loop="0">') //--> </script><!--webbot bot="HTMLMarkup" endspan --> 　 4.　”EMBED”ﾀｸﾞ、Netscape/ie対応　【txtｴﾃﾞｨﾀｰ使用。】　　 　　※：HTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集のための、WordPad の起動手順 <body>　部の任意行に、下記のHTMLｿｰｽを記述。 <body> <!--webbot bot="HTMLMarkup" startspan --><EMBED SRC="http://www.xxxx.xx.jp/xxxxx/xxxxx/xxxx.mid" WIDTH="137" HEIGHT="19" ALIGN="BOTTOM" autostart="false"><!--webbot bot="HTMLMarkup" endspan --> </body> 　　※：注 　　<!--webbot bot="HTMLMarkup" startspan --> <!--webbot bot="HTMLMarkup" endspan --> 部分は削除可能。 　　HP作成ｿﾌﾄで見ると　[？]　などで表示、ｺﾋﾟｰ、ﾍﾟｰｽﾄ、移動で簡単な配置換えが可能。 　　演奏開始は、自動や、ﾎﾞﾀﾝｸﾘｯｸで！。　ﾌﾟﾗｸﾞｲﾝｻｲｽﾞなど可変。 　　挿入するﾌｧｲﾙと同じﾎﾙﾀﾞｰに　xxxx.mid　などが配置（ｱｯﾋﾟﾛｰﾄﾞ）済みなら上のURLは、ﾌｧｲﾙ名のみ　xxxx.mid　でもOK!、以下共通。 　　<EMBED SRC="http://www.……　などのwebﾌｧｲﾙを参照する記述では、ｵﾝﾗｲﾝで演奏できます。 　　<EMBED SRC="xxxx.mid" 　　などの実装ﾌｧｲﾙと同じﾎﾙﾀﾞｰの　xxxx.mid　ﾌｧｲﾙを参照する記述では、xxxx.mid　が配置済みであればｵﾌ・ｵﾝﾗｲﾝで演奏できます。 5.　BGM、ieのみ対応　【txtｴﾃﾞｨﾀｰ使用。】 　　※：演奏開始は、自動。　　loop="1"=1回、-1=無限 <head>　部の任意行に、下記のHTMLｿｰｽを記述。 <head> <bgsound src="http://www.xxxx.xx.jp/xxxxx/xxxxx/xxxx.mid" loop="1"> </head> 　 6.　ﾘﾝｸのｸﾘｯｸで起動、Netscape/ie対応（音源のﾘﾝｸのみ）【txtｴﾃﾞｨﾀｰ使用。】 　　※：HP作成ｿﾌﾄのﾊｲﾊﾟｰﾘﾝｸ挿入ﾒﾆｭｰ使用も可。　　<body>　部の任意行に、下記のHTMLｿｰｽを記述。 <a href="http://www.xxxx.xx.jp/xxxxx/xxxxx/xxxx.mid" target="_blank" title="ここのｸﾘｯｸで"♪"演奏します！。">ここのｸﾘｯｸで"♪"演奏します！。</a> 　 7.　ﾀｲﾏｰで音源を開く。　【txtｴﾃﾞｨﾀｰ使用】 <head>部に下記のHTMLｿｰｽを記述。　　Internet Explorerは、<body>部でも可。　　ﾀｲﾏｰ（秒）：10　　音源：http://www./……/xxx.mid　など。　 <META HTTP-EQUIV="REFRESH" CONTENT="10;URL=http://www.xxxx.xx.jp/xxxxx/xxxxx/xxxx.mid" target="_blank"> 　 8.　ほかに、EMBEDﾀｸﾞ、object法などが下、Java、Java Script、DHTMLなどのｻﾝﾌﾟﾙﾍﾟｰｼﾞ！ ⇒　　Java・JavaScript・DHTML・XML・CSS　ｻﾝﾌﾟﾙ　　　⇒　　　ｻｳﾝﾄﾞ・ﾒﾃﾞｨｱ・♪　 　に！。 　 EMBED法 MediaPlayer　object法　　 YAMAHA MIDPLUG　object法 WMP/Windows Media Player 7 を自動的にWebページに埋め込む（例） → HTMLｿｰｽ → 　”▼　ここからコピーします”　あたり参照。 Windows Media Player 7.x の、Webの midiﾌｧｲﾙ 対応設定 ： 【Windows Media Player】-[ﾂｰﾙ]-[ｵﾌﾟｼｮﾝ]-[形式]-利用できるﾌｧｲﾙ形式 - [v]MIDIﾌｧｲﾙ。　　AppleQuickTimeなどの設定後は、この [v]ｵｰﾃﾞｨｵﾌｧｲﾙ のﾁｪｯｸを一旦外し、改めてﾁｪｯｸを入れます。 ﾏﾙﾁﾒﾃﾞｨｱﾀｸﾞの詳細　　　　 なども。 ﾍﾟｰｼﾞ移動時も、"♪"演奏を持続させる方法 ： 新しいWin4、新しいWin、隠しﾌﾚｰﾑ などの常駐ﾍﾟｰｼﾞに"♪"演奏HTMLを記述するなどで。 　 9.　RealPlayer を使用したサウンド再生 　Jp.RealNetworks.com > ﾘｿｰｽ&ｻﾎﾟｰﾄ　　JavaScript やActiveXｺﾝﾄﾛｰﾙを使用して Web ﾌﾞﾗｳｻﾞｰに RealPlayer を埋め込めます。　>　ｶｽﾀﾏｲｽﾞ 　 10.　WebにQuickTimeｺﾝﾃﾝﾂを組み込む方法 　 11.　Flashﾑｰﾋﾞｰﾌｧｲﾙをﾀｸﾞ指定する方法　　　Macromedia Flash - ﾊﾟﾗﾒｰﾀｰｵﾌﾟｼｮﾝ

　

　

7.6　ｽﾃｲﾀｽﾊﾞｰに 流れるﾒｯｾｰｼﾞ を表示してみる。

これは、ｽﾃｲﾀｽﾊﾞｰへのｽｸﾛｰﾙﾒｯｾｰｼﾞを表示〔Internet Explorer4.x〜、NetscapeNavigator4..x〜対応〕 です。　　　　　･　編集方法 ： 下記の（例）(*1)と、(*2)、を参考に太字部分の編集を行い、ﾒｯｾｰｼﾞやｽﾋﾟｰﾄﾞを変更できます。　　　説明のための太字、彩色自体に依存なし。 　　　　関連・詳細情報　：　ｽｸﾛｰﾙ文字 - ﾌｫｰﾑ、流れるﾒｾｰｼﾞ + Winｻｲｽﾞに応じてｻｲｽﾞを変えるﾀｲﾄﾙやﾒｯｾｰｼﾞ。

　

(*1) ：　 ｽﾃｲﾀｽﾊﾞｰへのｽｸﾛｰﾙﾒｯｾｰｼ　（例）　　　　　　　　挿入先の 　<head> 〜 </head>　　の、〜 部分にﾍﾟｰｽﾄします。

HTMLの編集方法

hpb001.html をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕 JavaScript非作動（削除 → 作動） (1) の実装用HTML 　 ｽﾃｲﾀｽﾊﾞｰに表示させるﾒｯｾｰｼﾞ

<XXscript LANGUAGE="JavaScript"> <!-- Begin function scrollit(seed) { var m1 = "　　　　ページの読み込み完了しました　…*。　　　　　　　 おうっ　…*　(^ ^)　　　　　寒いか？。　　　　　元気か、おまえ！、　…*。　　　　　どうしたんだよ　*〜〜　　　　　　　　ちゃんと……ってんのか？。"; var m2 = "　　　　　あんたんち　……　あるんだろう？。　　　　　　　　　　無いよ、　……まんだもん。 (^.^ ;)　　　　　　　　　だるいっしょ〜〜*。"; var m3 = "　　　　　　どうよっ！、家庭教師　…？。　　　　　　…… 学だって。　　　　　　　　　いい奴なの？。　　　　　　……って言うか、わりと面白いはなしで　…* ";　　 var m4 = "　　　　　　♪└|∵|┐♪└|∵|┘♪┌|∵|┘♪　　　　　　　♪└|∵|┐♪└|∵|┘♪┌|∵|┘♪　　　　　　　　♪└|∵|┐♪└|∵|┘♪┌|∵|┘♪ *"; var msg=m1+m2+m3+m4; var out = " "; var c = 1; if (seed > 100) { seed--; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 100 && seed > 0) { for (c=0 ; c < seed ; c++) { out+=" "; } out+=msg; seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 0) { if (-seed < msg.length) { out+=msg.substring(-seed,msg.length); seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else { window.status=" "; timerTwo=window.setTimeout("scrollit(100)",75); } } } // End --> </script>

　

(*2) ：　 ｽﾃｲﾀｽﾊﾞｰへのｽｸﾛｰﾙﾒｯｾｰｼ　（例）　　　　　　　　　　挿入先の 　<body> ﾀｸﾞ部分を編集します。　

HTMLの編集方法

hpb001.html をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕 (1) の実装は<body>を右に変更します。

<body onLoad="scrollit(100)">

　

ｽﾃｲﾀｽﾊﾞｰでなく任意の位置に WordPad で挿入できる、ｽｸﾛｰﾙ文字のｻﾝﾌﾟﾙ、scr2.htm もあります。　ﾛｰｶﾙ（=PC）への保存は、scr.htm を右ｸﾘｯｸします。　　[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： (C:sumple　など)  <ﾌｧｲﾙ名>： *.htm(ここでは変更不要)　[保存]ﾎﾞﾀﾝを押す、などで行います。　　  PCに保存したﾌｧｲﾙを、”WordPad” で開き編集して使用できます。

　

7.7　ﾌﾚｰﾑ付きﾍﾟｰｼﾞ を使ってみる。

8種類のﾌﾚｰﾑﾍﾟｰｼﾞや、ｲﾝﾗｲﾝﾌﾚｰﾑ（IFRAME）のｻﾝﾌﾟﾙが ﾀﾞｳﾝﾛｰﾄﾞ できます。　　　このｻﾝﾌﾟﾙを使って”FrontPage Express” あるいは WordPad などで、簡単に高度なﾌﾚｰﾑﾍﾟｰｼﾞが作成できます。　　　Internet Explorer などで表示し、吟味します。　　　　ﾀﾞｳﾝﾛｰﾄﾞ方法はそれぞれのﾍﾟｰｼﾞ中に記載しています。　　　詳細は、Java、Java Script、DHTMLなどのｻﾝﾌﾟﾙﾍﾟｰｼﾞ！ ⇒　　Java・JavaScript・DHTML・XML・CSS　ｻﾝﾌﾟﾙ　　　⇒　　FRAME、DOM  　　　、　ﾌﾚｰﾑ　ｻﾝﾌﾟﾙ 1  、　ﾌﾚｰﾑ　ｻﾝﾌﾟﾙ 2 　　を！。

7.8　折りたたみﾘｽﾄを使ってみる。

４種類の折りたたみﾘｽﾄ（ﾀﾞｲﾅﾐｯｸHTML）が ﾀﾞｳﾝﾛｰﾄﾞ できます。 　このｻﾝﾌﾟﾙﾍﾟｰｼﾞを使って”FrontPage Express” あるいは WordPad などで、簡単に高度なﾀﾞｲﾅﾐｯｸHTMLﾍﾟｰｼﾞが作成できます。

折りたたみﾘｽﾄ2（初期折りたたみ･色）　を Internet Explorer で表示し、吟味します。　　　ﾀﾞｳﾝﾛｰﾄﾞ方法はﾍﾟｰｼﾞに記載しています。　　 [？] をｺﾋﾟｰして、貼り付けることで、”折りたたみﾘｽﾄ ……  ”を任意の場所に貼り付けられます。

　

7.9　ﾎﾊﾞｰﾎﾞﾀﾝを使ってみる。

ﾎﾊﾞｰ ﾎﾞﾀﾝを作成すると、ｽｸﾘﾌﾟﾄを作成しなくても、簡単に Web にｱﾆﾒｰｼｮﾝを追加することができます。　　その他のﾎﾞﾀﾝと同様に、ﾎﾊﾞｰ ﾎﾞﾀﾝには他のﾍﾟｰｼﾞまたはﾌｧｲﾙへのﾊｲﾊﾟｰﾘﾝｸを設定できます。　　　ﾎﾊﾞｰ ﾎﾞﾀﾝは、ﾕｰｻﾞｰがｸﾘｯｸまたはﾎﾊﾞｰ（ﾎﾟｲﾝﾄ）したときに、光らせたり、ﾕｰｻﾞｰ設定の画像を表示したり、ｻｳﾝﾄﾞ効果を再生することもできます。　　ﾎﾊﾞｰﾎﾞﾀﾝのｻﾝﾌﾟﾙﾍﾟｰｼﾞ を左ｸﾘｯｸして Internet Explorer で表示します。　　ﾀﾞｳﾝﾛｰﾄﾞ方法はﾍﾟｰｼﾞに記載しています。　　  PCに保存したﾌｧｲﾙを、WordPad などで編集して使用します。

　

8　ﾎｰﾑﾍﾟｰｼﾞ制作に 役立つﾍﾟｰｼﾞ いろいろ

　ﾎｰﾑﾍﾟｰｼﾞ作成支援　 :  FrontPage 2000体験版　FrontPage Express（ieに付属）　FrontPage 2000体験版、FrontPage Expressのｾｯﾄｱｯﾌﾟ方法、Microsoftｻﾎﾟｰﾄ：Win98SEなどのIE5.5がｲﾝｽﾄｰﾙされている場合、Microsoftｻﾎﾟｰﾄ：WindowsME に FrontPage Express がｲﾝｽﾄｰﾙできない。　ﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄ をget !。　　IBM ﾎｰﾑﾍﾟｰｼﾞ･ﾋﾞﾙﾀﾞｰ　　2001体験版　　ﾎｰﾑﾍﾟｰｼﾞ作成 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5　　　ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄ　　ﾎｰﾑﾍﾟｰｼﾞ作成支援 1　　JustNet : ﾎｰﾑﾍﾟｰｼﾞ作成質問箱 ｼﾞｬｽﾄﾈｯﾄ　　ﾎｰﾑﾍﾟｰｼﾞ紹介　　ﾎｰﾑﾍﾟｰｼﾞ制作講座　　ﾎｰﾑﾍﾟｰｼﾞﾊﾟﾜｰｱｯﾌﾟ

・　HTML 1 3　　HTML3.2ｶﾞｲﾄﾞ 1　　HTML4.0仕様書邦訳計画 1　　HTMLﾘﾌｧﾚﾝｽ 1 2 3　　Super HTML4.0 Reference。　　　　HTMLの色指定、色見本、RGB 。　　　とほほのWWW入門、MSDN Japan、MSDN samples。　W3C CSS Validation Service、とほほのｽﾀｲﾙｼｰﾄ入門、CSS ﾘﾌｧﾚﾝｽ編 1、CSS 解説編、CSSの実際　　　　CSS検索 ：CSS講座*、CSS解説、CSS作成、1

・　ﾎｰﾑﾍﾟｰｼﾞ素材 :  0 1 2 3 4 5 6 f　　ｲﾒｰｼﾞ　　ｻｳﾝﾄﾞ　　素材集L Y G、　　　216-Color Palette　　CGI　　BigNoseBird : FREE CGI　　　CoolText.com - Logo、Buttons　　Dynamic Drive : DHTML　　Font Pool : 1000 FONTS PC、MAC!　　Free templates　　　Gif 　GraphX Kingdom : icons、images!、　　　ｱｲｺﾝ : Absolutely Free Icon Library　Animation Icon　icon download　Free icon Download　ﾊﾞﾅｰなど　　　壁紙 1　　　Webpage Graphics and Animations　

---

=(・。・)= に還る　Win/Mac関連ｿﾌﾄのﾀﾞｳﾝﾛｰﾄﾞ(ｶﾃｺﾞﾘｰ) ﾒｰｶｰ あ〜Ｚ ﾍﾞﾝﾀﾞｰ ｹﾞｰﾑ MP3

Copyright (C) 2024（太陽風ДζΨΠ∀） All rights reserved.　 96/10/12 〜 24/06/13 16:29:03　"Hello!!"　（1997/03/05〜2021/01/28）　　（2021/01/03〜）