ﾎｰﾑ へ　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　折り畳みﾘｽﾄ 3　　oritatami3cs.html （作成手順）

折り畳み/展開ﾘｽﾄ（初期折り畳み）です。　　　ﾅﾋﾞｹﾞｰｼｮﾝﾒﾆｭｰなどに適す。　　　 DHTML/CSS。　　　　ﾒﾆｭｰのﾊｲﾊﾟｰﾘﾝｸの編集簡単。　　　　Internet Explorer4.x〜対応です。（NetscapeNavigato4.x〜は、展開のみ）　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ。 　　　関連情報 ： 折り畳み展開ﾘｽﾄ（ﾃｷｽﾄｴﾃﾞｨﾀｰで編集）、ﾂﾘｰﾒﾆｭｰ12、ﾂﾘｰﾒﾆｭｰ12ﾌﾚｰﾑ　

　

　

< ご使用方法 >

　・　ﾛｰｶﾙ（=PC）への保存は、oritatami3c.html、outline.js、oritatami.gif　を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]−[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、などで変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。

　・　このDHTMLの実装方法は、oritatami3c.html をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名） の、 <head>　〜　</head> の任意の行間に <script>　〜　</script>　部分（2つ）を、さらに <body>　〜　</body> の任意の行間に <table …… >　〜　</table> 部分 をﾍﾟｰｽﾄします。

　･　編集方法は、hogehoge.html を WordPad や SmipleText などのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰ で開き、ﾊｲﾊﾟｰﾘﾝｸなどの追加、削除を行います。　　　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。　　　　※: 太字、彩色自体は動作に無関係。

・　FrontPage Expressでの編集は、 [表示] - [書式設定ﾂｰﾙﾊﾞｰ]　の　”ｲﾝﾃﾞﾝﾄ/解除 ”で項目の追加、削除を行います。　　作成した項目には、なにか（……など）ﾀｲﾌﾟｲﾝしておきます。　　項目　　　(1) ハイパーリンクの作成は、対象の文字列〔”日記”など〕を選択し（反転表示）、”Ctrl+K”キーを押し、ハイパーリンクの作成】- [WWW]タブ を表示させます。　　(2)〈ハイパーリンクの種類〉： http: を選択します。　〈URL〉：　http://www　……　　/nikki.html　例）などを入力します。　　(3)　[OK]を押します。　日記　←下線が付き、【ページのプロパティ】背景、ハイパーリンク　で指定した色に変わります。　　※〔表示 → HTML → 【HTMLの表示と編集】Win でも編集が行えます。〕　　　修正方法は、ハイパーリンクの作成は、対象の文字列〔”日記”など〕を選択し（反転表示）、”Ctrl+K”キーを押し、【ハイパーリンクの作成】- [WWW]タブ を表示させます。　〈URL〉：　http://www　　……　　で入力します。

　・　FrontPage Express で番号付きﾘｽﾄを作成するには、 1) [書式設定] ﾂｰﾙﾊﾞｰの [番号付きﾘｽﾄ] をｸﾘｯｸします。　2) ﾘｽﾄの項目 …… をﾀｲﾌﾟｲﾝします。　次の項目挿入は、任意の項目で Enterｷｰを押します。　3) 既存のﾃｷｽﾄを番号付きﾘｽﾄに変換する場合には、段落を1つ以上選択･範囲を選択し、[番号付きﾘｽﾄ]ﾎﾞﾀﾝ をｸﾘｯｸします。　4) 最後の項目を入力し終わったら Enterｷｰを 2 回押し終了します。

　・　FrontPage Express で、ﾈｽﾄしたﾘｽﾄ(下段)を作成･追加するには、　1) ﾈｽﾄしたﾘｽﾄの親になるﾌﾟﾗｲﾏﾘﾘｽﾄ(上段)の項目の末尾にｶｰｿﾙを置きます。　2) Enterｷを押して新しい行を作成します。　3) [書式設定] ﾂｰﾙﾊﾞｰの [ｲﾝﾃﾞﾝﾄ] ﾎﾞﾀﾝを２回ｸﾘｯｸします。　4) 最初の項目をﾀｲﾌﾟｲﾝします。　5) ﾈｽﾄしたﾘｽﾄに新しい項目を追加するには、項目の末尾にｶｰｿﾙを置きEnterｷｰを押します。　6) 両方のﾘｽﾄを終了するには、最後の項目の末尾にｶｰｿﾙを置き、Ctrl+ Enterｷｰを(数回)押し、ｶｰｿﾙを左端に置きます。

　・　ﾘｽﾄのｺﾋﾟｰは、範囲指定(反転)後にｺﾋﾟｰし、任意のﾘｽﾄ項目にﾍﾟｰｽﾄします。(項目数が増えます。)　　削除するには、項目を選択し、Delｷｰを押します。

　・　FrontPage Express で、ﾌﾟﾗｲﾏﾘﾘｽﾄ(上段)を作成･追加･挿入するには、上段ﾘｽﾄの項目の末尾にｶｰｿﾙを置き、Enterｷｰを１〜２回押します。　　あるいは下段ﾘｽﾄの項目の末尾にｶｰｿﾙを置き、Enterｷｰを３回押します。

　・　FrontPage Express でﾘｽﾄを終了するには、Enterｷｰを 数回押し、ｶｰｿﾙを左端に置きます。

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 4.x〜 などで開いて。　　　　更新の確認は、ie やｻｰﾊﾞｰからのｷｬｯｼｭﾃﾞｰﾀｰ更新を、目的のﾍﾟｰｼﾞを表示し ieでＦ５ｷｰを押し最新ﾃﾞｰﾀ読み込みで行います（≠再ｱｸｾｽ）。　　　

　･　ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像、（oritatami.gif）、Java Scriptｿｰｽ（outline.js）などを転送/配置し実施。　　※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。　　　FTPなどで変わったﾌｧｲﾙ名は要修正。　　　　ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。

　･　関連情報 ：色記号5 、〃6、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門が便利！。　　　Web Development、Web開発、MSDN IE8 HTMLとCSS、開発ﾂｰﾙでｻｲﾄを修正、ｽｸﾘﾌﾟﾄ ﾃﾞﾊﾞｯｸﾞの概要、HTMLとCSSのｻﾎﾟｰﾄ、CSSの改良点、IE7、IE6、XML、DHTML。

　

< 補足 >　　　　適時参照あれ！。

　・　Wordpad　によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。

　・　”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ﾏｰｸｱｯﾌﾟ】に戻しても同じ。

　・　”FrontPage Express”の起動は、【ｽﾀｰﾄ】- [ﾌｧｲﾙ名を指定して実行] - 名前：　Fpxpress　（半角）を入力、Enterｷｰを押すなどで。

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