 |
infoseek isweb ”ｲﾝﾌｫｼｰｸﾎｰﾑﾍﾟｰｼﾞ作成” で50MB のﾎｰﾑﾍﾟｰｼﾞｽﾍﾟｰｽを無料で貰い、HomePage を作成し、公開する（例）で紹介しています。 FrontPage Express でしばしば遭遇する〔私がぶつかった〕 (-."-;) の解決方法も。
次の 1〜5 の手順で、開設完了です。 ＼^o^／
1 ｱｶｳﾝﾄを獲得する。 URLをゲットします。 |
(1) isweb （無料ﾎｰﾑﾍﾟｰｼﾞ） > ⇒ 今すぐ作成！” をｱｸｾｽします。
(2) iswebのご登録およびﾛｸﾞｲﾝ関するﾅﾋﾞｹﾞｰｼｮﾝ が開きます。
(3) [進む] をｸﾘｯｸします。 ” isweb新規登録のｶﾞｲﾄﾞ ” が開きます。
(4) [新規作成する ] ﾎﾞﾀﾝを押します。
(5) ” infoseek新規ﾒﾝﾊﾞｰ登録 " が開きます。 以下、ｶﾞｲﾄﾞに沿って行う。
|
2 HTMLﾄﾞｷｭﾒﾝﾄの作成（Win版） ﾎｰﾑﾍﾟｰｼﾞを作成・編集します。 この項はWebで同じです。 順番はありません。 |
ｱｯﾌﾟﾛｰﾄﾞの前に、予めHTMLﾄﾞｷｭﾒﾝﾄ、index.html、か index.htm のいずれかを、必ず用意しておきます。（理由） ﾀﾞﾐｰでも OK！。
Internet Explorer に付属の”FrontPage Express”を主に使って、HTMLを見ることなく意識せずにﾜｰﾌﾟﾛで文書を作成する感覚で、 HTMLﾄﾞｷｭﾒﾝﾄ（*.html）を作成できます。 ”FrontPage Express”の操作は、FrontPage とほぼ同じです。 ﾎｰﾑﾍﾟｰｼﾞ（index.html ﾌｧｲﾙなど）は、HTML（ﾀｸﾞ埋め込みﾌｧｲﾙ）形式のﾃｷｽﾄﾌｧｲﾙです。 画像やｻｳﾝﾄﾞ、Java などは、個別のﾌｧｲﾙを参照するための記述（ﾊｲｱﾊﾟｰﾘﾝｸ）をﾎｰﾑﾍﾟｰｼﾞに記述します。 (1) Wordpad（Win）や、SimpleText（Mac）などのﾃｷｽﾄｴﾃﾞｨﾀｰでHTMLｿｰｽ=ﾀｸﾞを見ながら作成・編集できます。 ＨＰ制作ｿﾌﾄで制作したﾍﾟｰｼﾞの編集もできます。 (2) ＨＰ制作ｼﾌﾄは、HTMLﾀｸﾞを見ないでﾌﾞﾗｳｻﾞｰの表示に近い画面で制作できます。〔HTMLﾀｸﾞを見ながらのHTML編集ﾒﾆｭｰも付いています。〕 他のHP制作ｿﾌﾄで制作したﾍﾟｰｼﾞの編集時に固有のﾀｸﾞが削除・付加されることがあります。
・ FrontPage Expressのﾀﾞｳﾝﾛｰﾄﾞ可のｻｲﾄ。
・ 予めInternet Explorer5.5がｲﾝｽﾄｰﾙ済みPCには、FrontPage Express は無し（5.01 → 5.5にｱｯﾌﾟ時は有り）。 Microsoftｻﾎﾟｰﾄ：Win98SEなどのIE5.5がｲﾝｽﾄｰﾙされている場合、Microsoftｻﾎﾟｰﾄ：WindowsME に FrontPage Express がｲﾝｽﾄｰﾙできない。 などを参考に、Internet Explorer5.5を一旦削除後、5.1（SP2）をｾｯﾄｱｯﾌﾟ。
・ Office2000のCD-ROMからｾｯﾄｱｯﾌﾟできます。 自動起動したCD-ROMは一旦閉じ後、Explorerで開き、 D:\IE5\JA\ などと辿り、FPESETUP.CAB を任意のﾎﾙﾀﾞｰにｺﾋﾟｰし、展開（解凍）して生成された fpxpress.exe のｸﾘｯｸで起動。 Fpxpress.exe のｼｮｰﾄｶｯﾄを 、[ｽﾀｰﾄﾒﾆｭｰ]ﾎﾙﾀﾞｰなどに作成し、【ｽﾀｰﾄ】から起動可。 OfficeXPのCD-ROMから、同様にｾｯﾄｱｯﾌﾟできます。 D:\FILES\OSP\1041\IE5\JP\ などと辿り同様に。 IE5ｾｯﾄｱｯﾌﾟCD-ROMからも同様に。 ※： D: 部分は、お使いのPCやﾈｯﾄﾜｰｸでさまざまに変わりますぐぁ、皆Good！〜*。
・ 他に、Windows2000/WindowsMeへのFrontPage Expressのｾｯﾄｱｯﾌﾟ方法 でも。 Internet Explorer5.01のｾｯﾄｱｯﾌﾟは、少し古い”ｲﾝﾀｰﾈｯﾄﾏｶﾞｼﾞﾝ”(〜2000/9)などの付録CD-ROMや、Internet Explorer 5.01 Service Pack 2 (SP2)をｾｯﾄｱｯﾌﾟするで。
・ ｾｯﾄｱｯﾌﾟ済みPCの、 C:\Program Files\Microsoft FrontPage Express ﾎﾙﾀﾞｰ（4.74MB）のｺﾋﾟｰでOK！。 起動は、C:\ …… \Microsoft FrontPage Express\BIN\と辿り、Fpxpress.exe ”赤羽根ﾍﾟﾝ”のｸﾘｯｸで。〔※：【ｽﾀｰﾄ】-[ﾌﾟﾛｸﾞﾗﾑ]- … と辿っても表示されない〕 あるいは、【ｽﾀｰﾄ】- [ﾌｧｲﾙ名を指定して実行] - 名前： Fpxpress（半角）などを入力、Enter ｷｰを押すで。〔ｲﾝｽﾄｰﾙ有無の確認方法も同じ〕 簡単な起動は、Fpxpress.exeのｼｮｰﾄｶｯﾄを、[ｽﾀｰﾄﾒﾆｭｰ]ﾎﾙﾀﾞｰなどに作成し、【ｽﾀｰﾄ】 ……から起動する。 関連、参考情報：ﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄ をget !。 HTMLEditor - Internet Explorer5.5〜。 DHTML Editing Control〔Download sampleを右ｸﾘｯｸ、”対象をﾌｧｲﾙに保存”、editcntrl.exeが保存される。 editcntrl.exe をｸﾘｯｸ、実行、解凍ﾎﾙﾀﾞｰを指定、Unzipをｸﾘｯｸします。 fulledit.htm をｸﾘｯｸ、HTMLｴﾃﾞｨﾀｰが起動します。 ※ : dhtmsamp.EXE をｸﾘｯｸ、実行、解凍ﾎﾙﾀﾞｰを指定、ｻﾝﾌﾟﾙを生成。〕
index.html の用意は、下記の ｻﾝﾌﾟﾙﾍﾟｰｼﾞ Hello！…などを、(1)〜(3)の手順でﾛｰｶﾙ（=PC）に保存して、編集（ﾀｲﾌﾟｲﾝ、ｺﾋﾟｰ、ﾍﾟｰｽﾄ、ｶｯﾄ）すれば簡単です。
(1) ｻﾝﾌﾟﾙﾍﾟｰｼﾞ Hello！… を左ｸﾘｯｸして Internet Explorer で表示し、吟味します。 ﾀﾞｳﾝﾛｰﾄﾞ方法はﾍﾟｰｼﾞに記載しています。 ｻﾝﾌﾟﾙﾍﾟｰｼﾞ２（ﾍｯﾀﾞｰﾌﾚｰﾑ付き） も。
(2) 例えば、保存した”sample_index.html” を ”FrontPage Express” で開いてHTMLﾄﾞｷｭﾒﾝﾄを編集します。 編集途中にﾛｰｶﾙ（PC）に保存して、ときどき Internet Explorer でﾓﾆﾀｰしながら進めます。
(3) ﾌｧｲﾙ名をｺﾋﾟｰ元の”sample_index.html”から、”index.html”に変更して保存します。
・ [ﾌｧｲﾙ] - 【名前を付けて保存】 - [ﾌｧｲﾙとして保存] - [ﾌｧｲﾙ名] - 〈 index.html 〉 - [保存]
(4) この”index.html”を下記の ”３”項 の方法でｱｯﾌﾟﾛｰﾄﾞします。
以下、”・ …… ”は必要に応じて参考にしてください。
・ ”FrontPage Express” でHTMLﾄﾞｷｭﾒﾝﾄ（hogehoge.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の挿入、またﾃｷｽﾄｴﾃﾞｨﾀｰの置換、検索ﾒﾆｭｰによる一斉修正に適しています。
・ ”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="ここをｸﾘｯｸして見ることができます。"”などｺﾒﾝﾄを付加します。 改行は、 『 』 で。 編集を終え、”ﾃｷｽﾄ文書”で保存します。
・ FrontPage Express のﾒﾆｭｰを使用した、吹き出し文字を表示させる手順 （例）”ﾘﾝｸ文字”にﾏｳｽｶｰｿﾙを置くと、”ここにﾒｯｾｰｼﾞを記述します”などを吹き出し表示。 FrontPage Express で、”ﾘﾝｸ文字”を範囲選択する。 ﾘﾝｸ文字 のﾃｷｽﾄトが、反転表示に変わります。 Ctrl+Ｋｷｰを押します。 【ﾊｲﾊﾟｰﾘﾝｸの作成】URL： http://www …… をﾀｲﾌﾟｲﾝします。 [拡張]ﾎﾞﾀﾝを押す。【拡張属性】、[追加]ﾎﾞﾀﾝを押す。 【名前と値の組み合わせ】で名前： title をﾀｲﾌﾟｲﾝします。 値： ここにﾒｯｾｰｼﾞを記述します などをﾀｲﾌﾟｲﾝ。 改行は、 『 』 で。 [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で開き、(最下段)のﾀｲﾄﾙﾊﾞｰに、 ……のﾎｰﾑﾍﾟｰｼﾞ などが表示されることで確認できます。
･ 御参考 : ”お気に入り”に表示されるｱｲｺﾝを指定する方法” も。 ｱｲｺﾝﾌｧｲﾙ favicon.ico などを、index.htm と同じ階層=ﾃﾞｨﾚｸﾄﾘに配置します。 ｱｲｺﾝﾌｧｲﾙ名、favicon.ico は、favicon2.ico などに変更可能。 作動試験は、一旦お気に入りに追加 → ここからｱｸｾｽします。 旧お気に入りの削除、Internet Explorer の再起動、 【Internet Explorer】- [ﾂｰﾙ] - [ｲﾝﾀｰﾈｯﾄｵﾌﾟｼｮﾝ] - <ｲﾝﾀｰﾈｯﾄ一時ﾌｧｲﾙ>- [ﾌｧｲﾙの削除]などでのｷｬｯｼｭｸﾘｱなどもｹｰｽﾊﾞｲｹｰｽで行う。 ｱｲｺﾝﾌｧｲﾙのｻｲｽﾞに制限あり。 Internet Explorer 5.01は、HTMLﾌｧｲﾙと同じ階層に favicon.ico を配置した場合に、<HEAD>部分に次の(*)記述が必要。 (*) ： <HEAD> <LINK REL="SHORTCUT ICON" href="favicon.ico"> </HEAD> ”お気に入りｱｲｺﾝ”で検索 1
・ 背景色の指定は、右ｸﾘｯｸ、【ﾍﾟｰｼﾞのﾌﾟﾛﾊﾟﾃｨ】 - [背景] で行います。
★ 背景色を指定する方法。
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で、”<” 、” >”、” &”などのｷｬﾗｸﾀｰを表示する時は、それぞれ”<” 、”>” 、”&” と記述します。〕 EUCｺｰﾄﾞによる文字化け、文書型宣言に就いて/、文書タイプ宣言の意味 、HTML Validation: Choosing a DOCTYPE(jp)、DOCTYPE HTML PUBLICで検索
|
3 ｱｯﾌﾟﾛｰﾄﾞします。 ｻｰﾊﾞｰ にﾌｧｲﾙを送ります。 |
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 SubmitWolf1 ﾎｰﾑﾍﾟｰｼﾞ紹介ｻｰﾋﾞｽ Web ﾏｽﾀｰ関連情報-ｶﾞｲﾄﾞﾗｲﾝ（日本Google） ｷｰﾜｰﾄﾞ検索でﾍﾟｰｼﾞが検索されるようにするには や、ｷｰﾜｰﾄﾞを設定するには も。 InfoseekURL登録 > 登録できないページと対処方法 > ﾌﾚｰﾑを使用しているﾍﾟｰｼﾞ →ｷｰﾜｰﾄﾞとｻﾏﾘｰの設定 （ｲﾝﾌｫｼｰｸ） ｷｰﾜｰﾄﾞとｻﾏﾘｰの設定 登録拒否、ﾛﾎﾞｯﾄ検索禁止ﾀｸﾞ 1。 日本の検索ｴﾝｼﾞﾝ一覧
検索窓を付ける ： alltheWeb Goole msn Infoseek Excite Goo Yahoo あったよ〜* Find'X WWW日本語検索 iSiZE ﾌﾚｯｼｭｱｲ、 Lycos WebCrawler。 ﾎｰﾑﾍﾟｰｼﾞのｻｲﾄ内検索をする。
|
6 困った時は |
日本Googleﾋﾞｼﾞﾈｽｿﾘｭｰｼｮﾝ > Webｻｲﾄ > Webﾏｽﾀｰｾﾝﾄﾗﾙ > Webﾏｽﾀｰの為のｶﾞｲﾄﾞﾗｲﾝ
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ｻｲﾄにｼﾞｬﾝﾌﾟできます。 |
← ほかに、新しい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、ieのみ対応 【IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰ使用】
(1) 挿入場所で、[挿入]-[HTMLﾀｸﾞ]を選択します。 IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰV6使用 (1) [挿入] - [BGM] -
[ﾌｧｲﾙから] -音源ﾌｧｲﾙを指定。 [開く] IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰ200x使用 (1) [表示] - [ｻｲﾄﾏﾈｰｼﾞｬｰ]
- 【ｻｲﾄﾎﾙﾀﾞｰ】 - [ｻｳﾝﾄﾞ] - xxxx.mid などを選び左ｸﾘｯｸします。 3. BGM、Netscape/ie対応 【WordpadやSimpleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰか、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰで、HTMLを編集します。】
<body> 部の任意行に、下記のHTMLｿｰｽを記述、音源URL（http://www.……/….mid）などは、準備したもののURLを記述。
※: 下記のHTMLｿｰｽなどは、Wordpadなどに一度ﾍﾟｰｽﾄ後に挿入先にﾍﾟｰｽﾄします。 4. ”EMBED”ﾀｸﾞ、Netscape/ie対応 【txtｴﾃﾞｨﾀｰ使用。】 ※：HTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集のための、WordPad の起動手順 <body> 部の任意行に、下記のHTMLｿｰｽを記述。 <body> ※：注 5. BGM、ieのみ対応 【txtｴﾃﾞｨﾀｰ使用。】 <head> 部の任意行に、下記のHTMLｿｰｽを記述。 <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法などが下記に。 【txtｴﾃﾞｨﾀｰ使用】
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 を使用したサウンド再生
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などのｻﾝﾌﾟﾙﾍﾟｰｼﾞ！ も。
|
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
ｲﾝﾀｰﾈｯﾄ : 無料Webｽﾍﾟｰｽ･ﾒｰﾙ･ﾁｬｯﾄ･掲示版･ｱｸｾｽｶｳﾝﾀｻｰﾋﾞｽ
・ ｱｸｾｽｶｳﾝﾀ
:
ｶｳﾝﾀｰを付けよう！ 1
2
3
4
5 6
c
f
le
ｶｳﾝﾀｰgif More
than a hit counter Free
Hit Counter
・ ｱｸｾｽﾛｸﾞ/ｶｳﾝﾀｰ :
W
0 1
2
3
4
5
6
7
8
9
0 1
2
3
4
5
6
7
8
9
・ ｱﾝｹｰﾄ :
ｱﾝｹｰﾄ？！ ﾚﾝﾀﾙCGIｱﾝｹｰﾄｻｰﾋﾞｽ ﾋﾞｯｸﾞﾈｯﾄ ｱﾝｹｰﾄ CGIﾚﾝﾀﾙ BS
CGI TNS-NET
・ 掲示板･ﾁｬｯﾄ
: * 掲示板？！
ﾁｬｯﾄｿﾌﾄいろいろ ﾁｬｯﾄｻｰﾋﾞｽを付けてみよう 1
2 3
4
5 6
7
8
9
0 c
tc kt
ap
gc
mt
f
f
r Exciteﾁｬｯﾄ MSN
Messenger Service V2.0 PingPot
1
2 NEOPLANET Yahoo!ﾍﾟｰｼﾞｬｰ ｲﾝﾌｫｼｰｸ めるぼ
1
･ 掲示板ﾚﾝﾀﾙ版 無料ﾚﾝﾀﾙ掲示板-検索
1：CGI設置代行
AAA!CAFE無料掲示板ｻｰﾋﾞｽ、edges-bbsお問い合わせ、Free
Design BBS Lite、Office
Tanaka、teacup./掲示板の無料ﾚﾝﾀﾙ、ｱｸｾｽ向上支援ｻｲﾄ！ad-office
INDEX、JP-NET/無料掲示板、FINESHOP、KENT-WEB、ﾚﾝﾀﾙ掲示板ｻｰﾋﾞｽα、YI-WEB、ﾀﾏﾘﾊﾞ、せっかく掲示板、ﾚﾝﾀﾙ日記帳 3Dﾁｬｯﾄあ･らﾄｰｸ Webﾁｬｯﾄを付けてみよう ｲﾝﾌｨｼｰｸﾁｬｯﾄ
・ 転送ｻｰﾋﾞｽ
: XOX、M-Net
Service、無料URL転送ｻｰﾋﾞｽ･ﾘﾝｸ、Grade
Up your Home Page!
・ ﾄﾞﾒｲﾝｻｰﾋﾞｽ :
0
1
2
3
4
5
6 7 ｲﾝﾌｫｼｰｸ
・ ﾊﾞﾅｰ交換
: cs
lk
kb
xb
ap
lx
cc
・ ﾋﾞﾛｸﾞｻｰﾋﾞｽ一覧（比較）
・ ﾌﾞﾗｳｻﾞ
・ ﾎﾞｲｽﾁｬｯﾄ
: * Dialpad ExciteVoice Hearme MediaRing OnliveTalker PhoneFree TalkZone Yahoo
・ ﾎﾞｲｽﾒｰﾙ
: all@INBOX Amazon.com MediaRing
Talk MessageJet NewWebﾒｰﾙ･ｲﾝ･ﾜﾝ onebox.com RocketTalk TelePost
・ 無料ｻｰﾋﾞｽ総合
:
徹底解説 0
1
2
3
4
5
6
7
c 無料ﾌﾟﾛﾊﾞｲﾀﾞｰ
・ 無料ﾒｰﾙｱﾄﾞﾚｽ･Webｽﾍﾟｰｽ
* :
無料ﾎｰﾑﾍﾟｰｼﾞ？！ 12MB!!無料HP、ﾄﾗｲﾎﾟｯﾄﾞ 1
2
3
4
5
6
7
8
9
0
1
2
3
an
as cl
dr
ec ei
f
f2
fc
fm
fi
fr
fw
gc
goo hh
hu
in
kg
ki ms
pb ph
ry
sk sr
tr
wk
xo
yk、 mx
・ 無料ﾒｰﾙｻｰﾋﾞｽ
* :
Webﾒｰﾙ？！ 0
1
2
3 4
5
6
7 8
9
1
2
3
4 5
6 7
8
9
f ﾒｰﾙﾆｭｰｽ
活用 電子ﾒｰﾙｷﾗｰ ｲﾝｷｭﾍﾞｰﾀｰ：Bigfoot
・ 無料ｵﾝﾗｲﾝｽﾄﾚｰｼﾞ
・ ﾒｰﾘﾝｸﾞﾘｽﾄ ｲﾝﾌｫｼｰｸ
成功を祈る …*。 (^ ^)
 |
(・。・)
に還るWin/Mac関連ｿﾌﾄのﾀﾞｳﾝﾛｰﾄﾞ(ｶﾃｺﾞﾘｰ)
ﾒｰｶｰ
あ〜Ｚ
ﾍﾞﾝﾀﾞｰ
ｹﾞｰﾑ
MP3
|
Copyright (C) 2007 （太陽風ДζΨΠ∀） All rights reserved 96/10/12 ??:??〜10/02/11 18:05:18 "Hello!!" （1997/03/05〜）
