2026
2025
2024
2023
2022
2021
2020
2019
2018
2017
2016
2015
2014
2013
2005年10月の記事
全28件 (28件中 1-28件目)
1
-
javascript使用例(時間表示その3)
更新日時を表示する■更新日時を表示するスクリプトです（よく画面上部に表示されているのを見ると思います）ソース記述例<HEAD><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=Shift_JIS"><TITLE>でめららHTMLサンプル</TITLE></HEAD><BODY><SCRIPT TYPE="text/javascript"><!-- // 表示開始document.write(document.lastModified);// 表示終了// --></SCRIPT></BODY></HTML>■サンプル■表示形式を変えられますソース記述例<HEAD><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=Shift_JIS"><TITLE>でめららHTMLサンプル</TITLE></HEAD><BODY><SCRIPT TYPE="text/javascript"><!--var weeks = new Array('日','月','火','水','木','金','土');var lastup = new Date(document.lastModified);var year = lastup.getYear(); // 年var month = lastup.getMonth() + 1; // 月var day = lastup.getDate(); // 日var week = weeks[ lastup.getDay() ]; // 曜日var hour = lastup.getHours(); // 時var min = lastup.getMinutes(); // 分var sec = lastup.getSeconds(); // 秒if(year < 2000) { year += 1900; }// 数値が1桁の場合、頭に0を付けて2桁で表示する指定if(month < 10) { month = "0" + month; }if(day < 10) { day = "0" + day; }if(hour < 10) { hour = "0" + hour; }if(min < 10) { min = "0" + min; }if(sec < 10) { sec = "0" + sec; }// 表示開始document.write('更新日時：<B>' + year + '年' + month + '月' + day + '日（' + week + '）');document.write(hour + '時' + min + '分' + sec + '秒</B>');// 表示終了// --></SCRIPT></BODY></HTML>■サンプル*****************************************************【庶事所感】やっと追いつきました（＾＾;）*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.31
コメント(2)
-
javascript使用例(時間表示その2)
動く時計三種、当然いろんな形式にカスタマイズできます。■年月日と時間を表示ソース記述例<HTML> <HEAD> <TITLE>でめららHTMLサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- function disp(){ var now = new Date(); // （不要な行を削除する） var watch1 = now.toLocaleString(); // ローカル時 var watch2 = now.toGMTString(); // グリニッジ標準時 var watch3 = now.toUTCString(); // 世界標準時 // テキストフィールドにデータを渡す処理（不要な行を削除する） document.form1.field1.value = watch1; // ローカル時 document.form1.field2.value = watch2; // グリニッジ標準時 document.form1.field3.value = watch3; // 世界標準時 setTimeout("disp()", 1000); } // --> </SCRIPT> </HEAD> <BODY onLoad="disp()"> <FORM NAME="form1"> <INPUT TYPE="text" NAME="field1" SIZE="40"> ローカル時<BR> <INPUT TYPE="text" NAME="field2" SIZE="40"> グリニッジ標準時<BR> <INPUT TYPE="text" NAME="field3" SIZE="40"> 世界標準時 </FORM> </BODY> </HTML>■サンプル■時間のみを表示・表示形式を変えられますソース記述例<HTML> <HEAD> <TITLE>でめららHTMLサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- function disp(){ var now = new Date(); var hour = now.getHours(); // 時 var min = now.getMinutes(); // 分 var sec = now.getSeconds(); // 秒 // 数値が1桁の場合、頭に0を付けて2桁で表示する指定 if(hour < 10) { hour = "0" + hour; } if(min < 10) { min = "0" + min; } if(sec < 10) { sec = "0" + sec; } // フォーマットを指定（不要な行を削除する） var watch1 = hour + ':' + min + ':' + sec; // パターン1 var watch2 = hour + '時' + min + '分' + sec + '秒'; // パターン2 // テキストフィールドにデータを渡す処理（不要な行を削除する） document.form1.field1.value = watch1; // パターン1 document.form1.field2.value = watch2; // パターン2 setTimeout("disp()", 1000); } // --> </SCRIPT> </HEAD> <BODY onLoad="disp()"> <FORM NAME="form1"> <INPUT TYPE="text" NAME="field1" SIZE="8"> パターン1<BR> <INPUT TYPE="text" NAME="field2" SIZE="15"> パターン2 </FORM> </BODY> </HTML>■サンプル■時・分・秒を別々のテキストフィールドに表示ソース記述例<HTML> <HEAD> <TITLE>でめららHTMLサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- function disp(){ var now = new Date(); var hour = now.getHours(); // 時 var min = now.getMinutes(); // 分 var sec = now.getSeconds(); // 秒 // 数値が1桁の場合、頭に0を付けて2桁で表示する指定 if(hour < 10) { hour = "0" + hour; } if(min < 10) { min = "0" + min; } if(sec < 10) { sec = "0" + sec; } // テキストフィールドにデータを渡す処理 document.form1.field1.value = hour; // 時 document.form1.field2.value = min; // 分 document.form1.field3.value = sec; // 秒 setTimeout("disp()", 1000); } // --> </SCRIPT> </HEAD> <BODY onLoad="disp()"> <FORM NAME="form1"> <INPUT TYPE="text" NAME="field1" SIZE="2"> 時 <INPUT TYPE="text" NAME="field2" SIZE="2"> 分 <INPUT TYPE="text" NAME="field3" SIZE="2"> 秒 </FORM> </BODY> </HTML>■サンプル*****************************************************【庶事所感】連続日記です（;大汗）あとひとつだぁ・・・*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.30
コメント(0)
-
javascript使用例(時間表示その1)
具体的にスクリプトが書いてありますのでコピペで試してみていただくとよくわかると思います。■ページにアクセスした時の日時を表示するスクリプトですソース記述例<HTML> <HEAD> <TITLE>でめららHTMLサンプル</TITLE> </HEAD> <BODY> <SCRIPT TYPE="text/javascript"> <!-- var now = new Date(); // 表示開始 document.write(now.toLocaleString()); // 表示終了 // --> </SCRIPT> </BODY> </HTML>■細かく好きな項目だけ表示したり、表示方法を設定できます。ソース記述例<HTML> <HEAD> <TITLE>でめららHTMLサンプル</TITLE> </HEAD> <BODY> <SCRIPT TYPE="text/javascript"> <!-- var weeks = new Array('日','月','火','水','木','金','土'); var now = new Date(); var year = now.getYear(); // 年 var month = now.getMonth() + 1; // 月 var day = now.getDate(); // 日 var week = weeks[ now.getDay() ]; // 曜日 var hour = now.getHours(); // 時 var min = now.getMinutes(); // 分 var sec = now.getSeconds(); // 秒 if(year < 2000) { year += 1900; } // 数値が1桁の場合、頭に0を付けて2桁で表示したい場合if(month < 10) { month = "0" + month; } if(day < 10) { day = "0" + day; } if(hour < 10) { hour = "0" + hour; } if(min < 10) { min = "0" + min; } if(sec < 10) { sec = "0" + sec; } // 表示開始 document.write('現在：<B>' + year + '年' + month + '月' + day + '日（' + week + '）'); document.write(hour + '時' + min + '分' + sec + '秒</B>'); // 表示終了 // --> </SCRIPT> </BODY> </HTML>■サンプル*****************************************************【庶事所感】実は浜田省吾さんの曲から作られた（インスパイアされた）映画が製作されたのですが、その試写会が抽選で当たりましていってまいりました（＾＾）「TOW LOVE」二つの愛の物語なのですが、試写会では二本立ての一本を見た、といった感じです。台詞の少ない作品で表情や動きで伝える、といった感じでした。本上映も行こう！と思いました。*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.29
コメント(0)
-
JavaScript(2) フレームを使って背景色や文字色変化
JavaScript(2) をフレームを利用して別のファイル画面の背景色や文字色を変化させてみます。■インデックスなどフレームの親ファイルの記述例ソース記述例<HEAD><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=Shift_JIS"><TITLE>でめららHTMLサンプル</TITLE></HEAD><FRAMESET COLS="100,*"><FRAME SRC="a06.html" NAME="a06"><FRAME SRC="b04.html" NAME="b04"></FRAMESET></HTML>■メニューなど操作画面のファイルの記述例ソース記述例<HTML><HEAD><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=Shift_JIS"><TITLE>javascriptサンプル</TITLE><SCRIPT TYPE="text/javascript"> <!-- // パターン1設定開始 function color1(){ parent.b04.document.bgColor = "#98FB98"; // BGCOLOR：背景色 parent.b04.document.fgColor = "#0080FF"; // TEXT：文字の基本色 parent.b04.document.linkColor = "#FF0000"; // LINK：リンク文字の色 parent.b04.document.vlinkColor = "#FF0000"; // VLINK：リンク文字の色（アクセス済みのリンク） parent.b04.document.alinkColor = "#FF8000"; // ALINK：リンク文字の色（クリックした瞬間の色）} // パターン1設定終了 // パターン2設定開始 function color2(){parent.b04.document.bgColor = "#DEB887";parent.b04.document.fgColor = "#FF0000";parent.b04.document.linkColor = "#FF00FF";parent.b04.document.vlinkColor = "#008080";parent.b04.document.alinkColor = "#FF8000";} // パターン2設定終了 // --> </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" VALUE="パターン1" onClick="color1()"> <INPUT TYPE="button" VALUE="パターン2" onClick="color2()"> </FORM> </BODY> </HTML> ■動作する画面のファイルの記述例ソース記述例<HTML><HEAD><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=Shift_JIS"><TITLE>javascriptサンプル</TITLE></HEAD><BODY BGCOLOR="#AFEEEE"><b>背景色と文字の色</b><br><A HREF="http://plaza.rakuten.co.jp/demerara/">テンプレートとアクセスアップのでめらら</A>(リンクの文字色の変化も見てくださいね)</BODY></HTML>■サンプル*****************************************************【庶事所感】東京から名古屋に行くのに一番お安くて楽な方法を探しています、･･･やっぱり「ぷらっとこだまプラン」なのかなぁ･･･*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.28
コメント(2)
-
JavaScript(2) 背景色や文字色が変化
ボタンひとつで背景色や文字色が変化するサイトをご覧になったことがありませんか？実はこれもjavascriptで書かれています。ソース記述例<HTML><HEAD><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=Shift_JIS"><TITLE>でめららHTMLサンプル</TITLE><SCRIPT TYPE="text/javascript"> <!-- // パターン1設定開始 function color1(){ document.bgColor = "#98FB98"; // BGCOLOR：背景色 document.fgColor = "#0080FF"; // TEXT：文字の基本色 document.linkColor = "#FF0000"; // LINK：リンク文字の色 document.vlinkColor = "#FF0000"; // VLINK：リンク文字の色（アクセス済みのリンク） document.alinkColor = "#FF8000"; // ALINK：リンク文字の色（クリックした瞬間の色）} // パターン1設定終了 // パターン2設定開始 function color2(){ document.bgColor = "#DEB887"; document.fgColor = "#FF0000"; document.linkColor = "#FF00FF"; document.vlinkColor = "#008080"; document.alinkColor = "#FF8000"; } // パターン2設定終了 // --> </SCRIPT> </HEAD> <BODY><CENTER><H1>javascriptのサンプル</H1><HR SIZE="1" COLOR="#000000"><FORM> <INPUT TYPE="button" VALUE="パターン1" onClick="color1()"> <INPUT TYPE="button" VALUE="パターン2" onClick="color2()"> </FORM><A HREF="http://plaza.rakuten.co.jp/demerara/">テンプレートとアクセスアップのでめらら</A>(リンクの文字色の変化も見てくださいね)</CENTER></BODY> </HTML>■サンプル*****************************************************【庶事所感】とりあえず試しにひとつやってみました（；汗）ただ単にこのソースを貼り付けたページを作ってみていただくのがわかりやすいと思います。*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.27
コメント(4)
-
JavaScript(1)
JavaScriptの指定方法には、スクリプトをページ内に記述する方法と、外部ファイルに記述して各ページに読み込ませる方法があります。外部ファイルを作って読み込ませる記述方法はstyleなどと同じだと思えばいいと思います。■ページ内に記述する方法 ※記述する場所：<HEAD> ～ </HEAD> 内、または <BODY> ～ </BODY> 内※TYPE="text/javascript" を指定します。※JavaScript に対応していないブラウザのために、<!-- と //--> を記述してコメントアウトします。※複数のスクリプトを記述することもできます。ソース記述例<SCRIPT TYPE="text/javascript"><!--ここにJavaScript// --></SCRIPT>■外部ファイルで指定する方法ページとは別に JavaScript 専用のファイルを作り、そこへスクリプトをまとめて記述します。このファイルは複数のページで共有し読み込ませることができますので、サイト全体で共通して使用する内容を指定するとサイトの構造がスッキリします。※記述する場所：<HEAD> ～ </HEAD> 内、または <BODY> ～ </BODY> 内※TYPE="text/javascript" を指定します。※SRC="" 読み込むJavaScriptファイルを指定します※外部 JavaScript ファイルは任意の半角英数字.jsの拡張子で作成します。※外部 JavaScript ファイルのスクリプトの記述は<SCRIPT TYPE="text/javascript"> ～ </SCRIPT> や <!-- ～ //-->は無しで内容のみ記述します。ソース記述例<SCRIPT TYPE="text/javascript" SRC="script.js"></SCRIPT> ■スクリプトの記述方法 スクリプトは半角で記述します。また、JavaScript では大文字と小文字は区別されます。 ■複数の関数を指定する場合 ページ内に複数の関数を指定する場合は、次のように記述します。 ソース記述例<SCRIPT TYPE="text/javascript"> <!-- function disp1(){ 関数1の内容 } function disp2(){ 関数2の内容 } // --> </SCRIPT> ■コメント/* と */ に囲まれた内容は、スクリプトではなくコメントと判断されます。（複数行の記述が可能）// の右側に記述した内容も、スクリプトではなくコメントと判断されます。（1行のみ）*****************************************************【庶事所感】風邪気味でちょっと遅れましたが、続けてかきますね（；汗）*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.26
コメント(0)
-
JavaScriptとは？
【JavaScript】が使えるようになりますとものすごく変化にとんだホームページを作ることができるようになります。ではこのJavaScriptってなんなのでしょうか？JavaScriptはSun Microsystems社とNetscape Communications社が開発した、Webブラウザなどでの利用に適したスクリプト言語(簡易プログラミング言語)です。※ですから簡単ではありますが、プログラムを記述しなければなりません（＞＜）もともとSun社のJava言語に似た記法を用いるのでこの名前がついたのですが、直接の互換性はまったくありません。以前は書籍や雑誌のような静的な表現しかできなかったWebページに、動きや対話性を付加することを目的に開発され、主要なWebブラウザのほとんどに搭載されています。ブラウザ以外のソフトウェアにも簡易な制御プログラムの記述用言語として移植されており、Microsoft社のWindowsやWebサーバソフト「IIS」、Macromedia社の「Flash」などに、JavaScriptあるいは類似の言語の処理系が内蔵されています。各社の実装に微妙な違いがあり、ブラウザによって使えない機能があったり同じプログラムでも挙動が異なったりする問題があったため、ヨーロッパの標準化団体ECMAがソフトウェアメーカーに呼びかけて、通称「ECMAScript」と呼ばれる標準を発行しました。現在では、ECMAScript準拠の処理系をJavaScriptと呼び、独自の拡張を施したJavaScriptには独自の名称を付ける(Microsoft社は「JScript」、Macromedia社は「ActionScript」)習慣が定着しつつあるのが現状です。使用例としては、時計や動画、おみくじやカレンダーなど背景画を変えたり色を変えたりとものすごく多彩です。現在ホームページを閲覧していてJavaScriptを見ないということは皆無であると言えるくらいと思います。*****************************************************【庶事所感】『プロ野球をめぐる株取得問題が、ついに小泉政権まで揺るがし始めた。巨人・渡辺恒雄会長（読売新聞グループ本社会長＝７９）は、ホリエモンことライブドア・堀江貴文社長が広島カープ買収に動いていると暴露した上で、その黒幕は「自民党の武部（勤）幹事長」と名指しで猛批判。とんでもないスケールの争いに発展してきた。』･･･なんなんでしょ（＞＜）、プロ野球のお話に政治家が関係する、なんてことってあるのでしょうか？？？そんなことやってる場合ではないように思うのはわたくしだけなのでしょうかねぇ･･･*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.25
コメント(6)
-
フォームの作成（4）
■<LABEL> 入力項目と項目名を関連付ける関連付けを行いますと選択項目のボタン上だけでなく文字上でも選択をすることができるようになります。ソース記述例(1)普通のフォーム<form>お好きですか？<br>回答：<INPUT TYPE="radio" NAME="test1" VALUE="はい"> はい<INPUT TYPE="radio" NAME="test1" VALUE="いいえ"> いいえ<INPUT TYPE="radio" NAME="test1" VALUE="どちらでもない"> どちらでもない</form>(2)ラベル付きのフォーム<form><LABEL FOR="name">お好きですか？</LABEL><INPUT TYPE="text" NAME="name" SIZE="40" ID="name"><br>回答：<INPUT TYPE="radio" NAME="test2" VALUE="はい" ID="q1"><LABEL FOR="q1">はい</LABEL><INPUT TYPE="radio" NAME="test2" VALUE="いいえ" ID="q2"><LABEL FOR="q2">いいえ</LABEL><INPUT TYPE="radio" NAME="test2" VALUE="どちらでもない" ID="q3"><LABEL FOR="q3">どちらでもない</LABEL></form>■<FIELDSET><LEGEND> フォームの入力項目をグループ化するフォームの入力項目をグループに分け、グループ名を付けることができます。ソース記述例<FORM METHOD="POST" ACTION="a.cgi"><FIELDSET> <LEGEND>申込者</LEGEND> お名前：<INPUT TYPE="text" MAME="name" SIZE="20"> 電話番号：<INPUT TYPE="text" MAME="tel" SIZE="20"> <BR> ご住所：<INPUT TYPE="text" MAME="address" SIZE="60"> </FIELDSET> <FIELDSET> <LEGEND ALIGN="center">お届け先</LEGEND> お名前：<INPUT TYPE="text" MAME="name2" SIZE="20"> 電話番号：<INPUT TYPE="text" MAME="tel2" SIZE="20"> <BR> ご住所：<INPUT TYPE="text" MAME="address2" SIZE="60"> </FIELDSET> <FIELDSET> <LEGEND ALIGN="right">不在時連絡先</LEGEND> お名前：<INPUT TYPE="text" MAME="name3" SIZE="20"> 電話番号：<INPUT TYPE="text" MAME="tel3" SIZE="20"> <BR> ご住所：<INPUT TYPE="text" MAME="address3" SIZE="60"> </FIELDSET> <INPUT TYPE="submit" VALUE="送信する"> <INPUT TYPE="reset" VALUE="リセット"> </FORM>■サンプル*****************************************************【庶事所感】ん･･･安心して「きのこ」も買えない時代なんですね（＞＜）*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.24
コメント(6)
-
フォームの作成（3）
フォームタグはそれだけではホームページの中のデザインに過ぎません。例えば入力した内容をホームページの中に反映したり、ダウンロードをさせたり、メールを送ったりという具体的な動作は「METHOD=""」や「ACTION=""」といった属性指定とホームページのあるサーバ側にその命令に従って動作を実行するプログラム(CGIなど)がないと作動しません。CGIについてはプログラミングの知識がないと作成できないことですので、これについてはまたの説明としましてフォームタグの側で行う動作の指定方法について書きたいと思います。※フォームの内容をメールにして送信する場合はCGIを使わなくても作動するものができます。■<FORM METHOD="" ACTION=""> データの送信形式と送信先を指定する□METHOD="POST" … （POST形式で送信、データのみを送信する形式で、一度に大量に送信可能） METHOD="GET" … （GET形式で送信、データをURLの末尾に追加して送信する形式、データ量に制限あり）デフォルト□ACTION="" データの送信先（サーバのプログラムなど）を指定します■<FORM METHOD="" ACTION="" TARGET=""> 結果が表示されるウィンドウを指定するデータを送信した後結果を表示する画面（メールフォームで送信したり、買い物をしたりした後の画面）の表示するウィンドウの形式です。□TARGET="blank" … （新たにブラウザを立ち上げて表示します） TARGET="_top" … （フレームの分割を廃止して画面全体で表示します） TARGET="_self" … （リンク元と同じウィンドウ（フレーム）に表示します）デフォルト TARGET="_parent" … （親フレームに表示します） TARGET="ウィンドウ名（フレーム名）" … （任意のウィンドウ（フレーム）に表示します）■<FORM METHOD="POST" ACTION="" ENCTYPE=""> 送信時のデータ形式を指定するMETHOD="POST" を指定している場合に送信時のデータ形式（MIMEタイプ）を指定します。□ENCTYPE="application/x-www-form-urlencoded" … （URLエンコード、形式の変換を変えて送信します）デフォルト ENCTYPE="multipart/form-data" … （マルチパート、添付ファイルとして送付） ENCTYPE="text/plain" … （プレーンテキストで送信、メールなど）■<FORM METHOD="POST" ACTION="" ENCTYPE=""> フォームの内容をメールで送信する環境にもよりますが、このタグではプログラムを使わずにフォームの内容をメールで送信することができます ソース記述例<FORM METHOD="POST" ACTION="mailto:demerara@hahaha.ne.jp?subject=お知らせ" ENCTYPE="text/plain">POST形式で、ACTIONはメールアドレスを入れ?subjectに件名を入れることで簡単なメールフォームが出来上がります。*****************************************************【庶事所感】『阪神ファン２人を逮捕 警察官に頭突き』（＞＜）お願いですから、良識を持って応援しましょうよ（;悲）*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.23
コメント(4)
-
フォームの作成（2）
フォームタグもスタイルで装飾できますので、ご紹介したいと思います。■width: ***; height: ***; 入力欄やボタンのサイズを指定するソース記述例<FORM><INPUT TYPE="text" NAME="テキスト" STYLE="width: 100%; max-width: 500px; min-width: 400px;"> </FORM>※NNだけの指定ですが、入力欄の最大幅と最小幅を指定することができます。max-width: ***; min-width: ***; 入力欄の最大幅と最小幅を指定する ■background-color: ***; 入力欄やボタンの背景に色を付ける ソース記述例<FORM><TEXTAREA NAME="テキスト" STYLE="width: 300px; height: 7em; background-color: #BDE9BA;"></TEXTAREA> </FORM>■border: ***; 入力欄やボタンの枠線を指定するソース記述例<FORM><INPUT TYPE="submit" VALUE="送信" STYLE="border: medium #85B9E9 dotted;"> </FORM>枠線の種類参照■scrollbar-***-color: ***; TEXTAREAのスクロールバーの色を変えるソース記述例<FORM><TEXTAREA NAME="テキスト" STYLE="width: 300px; height: 7em; scrollbar-base-color: #FF8C00; scrollbar-arrow-color: white;"></TEXTAREA> </FORM>スクロールバーのパーツ参照■line-height: ***; TEXTAREA内の行間を指定する（実際に入力してみてくださいね）ソース記述例<FORM><TEXTAREA NAME="テキスト" STYLE="width: 300px; height: 7em; line-height: 1.5;"></TEXTAREA> </FORM>行の高さ指定参照■font-size: ***; 入力欄やボタンの文字サイズを指定する（実際に入力してみてくださいね）ソース記述例<FORM><TEXTAREA NAME="テキスト" STYLE="width: 300px; height: 7em; font-size: 12pt;"></TEXTAREA> </FORM>■color: ***; 入力欄やボタンの文字色を指定する（実際に入力してみてくださいね）ソース記述例<FORM><TEXTAREA NAME="テキスト" STYLE="width: 300px; height: 7em; color: red;"></TEXTAREA> </FORM>■ime-mode: ***; 入力モードを指定する（実際に入力してみてくださいね）ソース記述例<FORM>（IMEオン・日本語入力モード）<INPUT TYPE="text" NAME="テキスト" STYLE="width: 300px; ime-mode: active;"> </FORM><FORM>（IMEオフ・英数字入力モード）<INPUT TYPE="text" NAME="テキスト" STYLE="width: 300px; ime-mode: disabled;"> </FORM><FORM>（IME使用不可・英数字入力モード）<TEXTAREA NAME="テキスト" STYLE="width: 300px; height: 7em; ime-mode: inactive;"></TEXTAREA></FORM>■サンプル*****************************************************【庶事所感】『京都府京田辺市の少年野球チームに所属する中学２年男子生徒（１３）が今月初め、「敗戦のペナルティー」という特訓中に倒れ、熱中症で死亡した事故で、チームが所属する財団法人「日本少年野球連盟」は２１日、審査室会を開き、チームの解散とともに、総監督（６３）の除名など計８人の処分を決めた。』なんとも･･･ことばにならない事件です（;悲）*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.22
コメント(10)
-
フォームの作成
<FORM>は入力フォームを作るタグです。<FORM>～</FORM>の間に、 <INPUT>・<SELECT>・<TEXTAREA>等のタグにより、 テキストボックス・ラジオボタン・チェックボックス・ラジオボタン・セレクトボックス等の部品を配置することができます。 フォームに入力されたデータは、あらかじめ作成したCGIプログラムへ送信ボタンを押すことで送信され、作成されたプログラムに従い一定の処理が行われます。（メールフォームや掲示板(BBS)などの書き込みもこのシステムが使われています）※フォームタグに、action属性、method属性で、entype属性を指定する必要がありますがこれは別途書きたいと思います。 ソース記述例<form>[テキスト入力欄パスワード付き]パスワード<INPUT TYPE="password" NAME="test" VALUE="テキスト入力欄" SIZE="30">[テキスト入力欄]名前<input type="text" name="name" size="40">[ラジオボタン]性別<input type="radio" name="sex" value="male">男<input type="radio" name="sex" value="female">女<br>[チェックボックス]必要項目<input type="checkbox" name="test" value="test" checked>その1 <input type="checkbox" name="test" value="test">その2 <input type="checkbox" name="test" value="test">その3 [セレクトボックス]血液型<select name="blood"><option value="A">A型</option><option value="B">B型</option><option value="O">O型</option><option value="AB">AB型</option></select>[セレクトボックス（リスト）]地域<select name="地域" size="5"> <option value="北海道・東北">北海道・東北</option><option value="関東・甲信越">関東・甲信越</option><option value="東海・北陸">東海・北陸</option><option value="近畿・中国・四国">近畿・中国・四国</option><option value="九州・沖縄">九州・沖縄</option></select>[ファイル選択]ファイル選択<input type="file" name="test" size="30">[複数行のテキスト入力欄]ご感想<textarea name="kansou" rows="4" cols="40"></textarea>[隠しデータ]<input type=hidden" name="test" VALUE="test"><input type="submit" value="送信"><input type="reset" value="リセット">※サンプルですので送信はできません</form> ■サンプル*****************************************************【庶事所感】阪神対ロッテということで日本シリーズが決まりました。ぜひ、節度ある応援合戦をしてもらいたいなぁ･･･などと始まる前から心配。杞憂で終わればいいのですが･･･*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.21
コメント(4)
-
音の扱い(4)その他の埋め込み
<OBJECT>は、音声だけでなく画像・動画・各種プラグインデータ・JAVAアプレット・他のHTML文書等様々な形式のデータを埋め込むことのできる汎用性をもったタグです。ただし、このタグは未だブラウザの側での対応が不十分なため利用が限られているのが現状です。画像・動画・各種プラグインデータ・JAVAアプレット・他のHTML文書等のファイルやブログラムをHTML文書のなかに埋め込む場合にはIMGタグ、IFRAMEタグ、BGSOUNDタグ、EMBEDタグ、APPLETタグなどがありますがOBJECTタグはこれらのすべてを代用することができます。■基本の記述例ソース記述例<OBJECT DATA="http://plaza.rakuten.co.jp/img/user/99/06/4429906/70.jpg" TYPE="image/jpeg" WIDTH="300" HEIGHT="200"></OBJECT>■サンプルソース記述例<OBJECT DATA="a.mid" TYPE="audio/mid"></OBJECT>■サンプル□DATA="" 埋め込むファイル名を指定します（jpgやgif、swfやmpg、htmlなどなどいろいろなデータ）□TYPE="" データのMIMEタイプを指定します（MIMEタイプは総数がいくつあるのかわたくしも詳細に知りませんが、画像、動画、文書その他ファイルプログラムのタイプを示したものです）□WIDTH="" 横幅指定（ピクセル、パーセント）□HEIGHT="" 縦幅指定（ピクセル、パーセント）■指定したデータの表示が対応していない場合の代替表示を入れ子で指定ソース記述例<OBJECT DATA="動画データ" TYPE="***/***" WIDTH="100" HEIGHT="50"><OBJECT DATA="静止画像" TYPE="***/***" WIDTH="100" HEIGHT="50"></OBJECT></OBJECT>※動画データが読み込めない場合静止画像を読み込ませた例です。■ブラウザで対応したタグで同一のデータを読み込ませる。ソース記述例<OBJECT DATA="データ" TYPE="***/***" WIDTH="100" HEIGHT="50"><EMBED SRC="データ" WIDTH="100" HEIGHT="50"></OBJECT>※ユーザーのブラウザがOBJECTタグに対応していない場合は、EMBEDタグでデータを読み込ませます。■詳細指定ソース記述例<OBJECT CLASSID="*****:*****" WIDTH="200" HEIGHT="100"><PARAM NAME="項目１" VALUE="指定内容や数値など"><PARAM NAME="項目２" VALUE="指定内容や数値など"></OBJECT>*****************************************************【庶事所感】ブルーススプリングスティーンというかたのCDを買ってきて聴いています（＾＾）実は1970年代の終わりごろ学生だったわたくしは毎日のように「THE RIVER」「BORN IN THE U.S.A」なんてのを聴いていたのですが、先日ブック○フという中古CD屋さんで、これを見つけてしまい、懐かしさのあまり買っちゃいました！当時はレコードアルバムでしたが･･･でも、内容は変わらず、気持ちに響いてくるものがあってん～満足です（＾＾）*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.20
コメント(4)
-
音の扱い(3)
■<EMBED>タグを使って音楽や画像を再生できるようにページ内に埋め込んだコントロールパネルの詳細を設定するのは意外と簡単です。※映像ファイルを再生する場合は一定の大きさ以下にしますと表現できなくなる場合がありますのでデータごとにテストしてみてください。※音楽や音だけのデータは幅をある程度狭められますがツールバーからボリュームコントロールなどが消えてしまいます。(再生には問題なし)ソース記述例<EMBED SRC="a.wav" AUTOSTART="true" LOOP="10" HIDDEN="false" WIDTH="180" HEIGHT="40">□SRC="" 埋め込むファイル名指定□AUTOSTART="" ページを開いたときの自動再生指定 true … 自動再生する（デフォルト） false … 自動再生しない□LOOP="" 再生回数指定 true … 無限 false … 1回（デフォルト） 数値 … 指定回数□HIDDEN="" コントロールバーの表示指定 true = 表示しない false … 表示する（デフォルト） □WIDTH="" コントロールバーの横幅指定□HEIGHT="" コントロールバーの縦幅指定※コントロールバーのサイズは（約 300×40）がもともとの大きさですが、データによってサイズのベストは違うように思います。 ■NOEMBEDタグで囲まれた内容は、EMBEDタグに対応していない（プラグインを利用できない）ブラウザで表示されます。 プラグインを利用できるブラウザでは、この内容は表示されません。ソース記述例<EMBED SRC="a.wav" AUTOSTART="true" LOOP="10" HIDDEN="false" WIDTH="180" HEIGHT="40"><NOEMBED>再生できませんでした</NOEMBED>■サンプル（浜田省吾ファンだけ喜ぶかもぉ;汗＆著作権の問題がありますのですぐ消去いたします;超汗）*****************************************************【庶事所感】『ポスティングシステム（入札制度）での大リーグ挑戦を希望する西武・松坂大輔投手（２５）が、チームが秋季練習を所沢市の西武第２球場でスタートさせた１６日、「少しでも早く行きたい気持ちは変わらない」と改めてメジャー挑戦の意思を口にした。近く球団に話し合いを求める意向だが、首脳陣とフロントは慰留する方針で、今後の動向が注目される』やっぱりみんなメジャーリーグに行きたくなるんですよねぇ･･･海の向こうで活躍する日本人プレーヤーのニュースを見ると凄く嬉しいのは確かなのですが、やっぱり何だか寂しいというところもあるんですよね。*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.17
コメント(10)
-
音の扱い(2)
アプリケーションソフトに追加機能を提供するための小さなプログラムをプラグインと呼びます。これは、Netscape Navigatorの仕様なのですが、もとから搭載されている機能だけでは表現できない動画や高品質の音声の再生など、をプラグイン追加で表現を可能にします。※Netscape Navigator用のプラグインのほとんどは無料で提供されていて、インターネットを通じて簡単に入手することができます。ソース記述例<EMBED SRC="a.mid" WIDTH="200" HEIGHT="100"></EMBED></EMBED>の終了タグは、一般的なタグと違い省略可能です。SRC="" 埋め込むファイル名を指定WIDTH="" 横のサイズ（ピクセル、パーセント）HEIGHT="" 縦のサイズ（ピクセル、パーセント）データの種類は様々ですが、普段目にされるのは以下のようなデータかと思います。・FLASH データ（拡張子 .swf）・MPEG データ（拡張子 .mpg）・QuickTime データ（拡張子 .mov）・WAVE データ（拡張子 .wav）・AU データ（拡張子 .au）・MIDI データ（拡張子 .mid）・AIFF データ（拡張子 .aif）・RealAudio データ（拡張子 .ra）※自動再生、ループ、コントロールバーの表示・非表示など、こまかくそれぞれのプラグインの種類によって設定があります。■サンプル（ただ音が鳴るだけです;汗＆著作権の問題がありますのですぐ消去いたします;超汗）*****************************************************【庶事所感】昨日は浜田省吾さんのコンサートに行きました（＾＾）やっぱり、コンサートで聴くのは記録物（レコードやＣＤ）とは違う迫力、臨場感があり、圧倒されるモノがあります。大昔の泣ける歌もありました。実は先月も行ったのですが、会場も違うし見る場所も違う、なのでまたまた楽しめました。10歳未満のかたから60代以上の方々まですごく幅広い年代層のかたがみえてました。（ちっちゃな女の子が一緒に歌ってました;ビックリです！）まだまだ、楽しむぞ！と思いましたぁ（＾＾）*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.16
コメント(8)
-
本日は・・・
でめららは。日記のサンプル用に動画を加工中です（＞＜）動画も楽しいものですよね。ということでゴメンナサイｍ（＿＿）ｍコンサートに行ってまいりまぁす。
2005.10.15
コメント(6)
-
音の扱い(1)
音のデータもテキストや画像などと同じにひとつのファイルとしてサーバにアップロードされていなければ音は表現されません。■再生可能なファイル形式・AU データ（拡張子 .au）・AIFF データ（拡張子 .aif）・MIDI データ（拡張子 .mid）・WAVE データ（拡張子 .wav）ホームページを開くと音楽が流れている場合多くは<BGSOUND>タグを使っているか<EMBED>タグを使用して音を表現します。<EMBED>タグは音のほか動画の各種ファイルもセットすることができます。■<BGSOUND>タグHTMLファイルのソース記述の<head>～</head>の間に以下のように指定しますと背景音(BGM)を流すことができます。(IEのみ)ソース記述例<BGSOUND SRC="a.mid" LOOP="10" BALANCE="0" VOLUME="0">□SRC="" 読み込むファイル名を指定します □LOOP="" 繰り返す回数を指定します infinite … （無限）、数値 … （指定した回数）、1＝デフォルト □BALANCE="" 左右のバランスを指定します （左）-10000 ～ 10000（右）、0＝デフォルト □VOLUME="" 音量を指定します （最小）-10000 ～ 0（最大）、0＝デフォルト ■サンプル（ただ音が鳴るだけです;汗＆著作権の問題がありますのですぐ消去いたします;超汗）*****************************************************【庶事所感】楽天がTBSに経営統合を提案！？びっくりですね（＞＜）、でも、まあこういうことは今後どんどんあるんでしょうねぇ*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.14
コメント(6)
-
次は･･･
お出かけしていてこんな時間になってしまいました。昨日でとりあえずフレームの内容記述は終わったので、これからの順番を考えています。先ず、音の扱い、次にフォーム作成（ラジオボタンやメール送信、テキストエリアなど･･･）、それに伴いCGIについて･･･いや、CGIのスクリプトの作成は最後かなぁ･･･その前にjavaスクリプトについてを書くべきでしょうね。・ CGIの設置方法・ パーミッションの設定なんかかなぁと言ったわけで、ちょっと思考中です。（完全な言い訳じゃん;冷や汗）できれば、これらを『辞書』のような感じで使えるサイトにしていけるといいのかも･･･とも考えています。（ってそんな大そうなものではありませんが;大汗）ほんとはテンプレートのバリエーションも増やしたいし･･･趣味のページも増やしたいし・・・（＞＜）ということで次の日記は「音の扱い」から行こう！と思います。*****************************************************【庶事所感】小春日和･･･とは言いますが今日はモンシロチョウを三頭も見つけてしまいました。（何と蝶は1ピキではなく1頭といいます）と思っていたらアキアカネが一匹頭をかすめて飛んでいくではありませんか、都会の中心地で何だか不思議な光景に思えました。季節が変になってきているのだろうか･･･モンシロ蝶は4月!?５月!?そんなものですよね*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.13
コメント(6)
-
インラインフレーム(3)
インラインフレームを装飾する(2)<IFRAME SRC="" ALIGN=""> インラインフレームに並ぶ文字の位置を指定する<IFRAME SRC="" VSPACE="" HSPACE=""> インラインフレームの周囲にマージンを入れる<BR CLEAR=""> 文字の回り込みを解除する■<IFRAME SRC="" ALIGN=""> インラインフレームに並ぶ文章の位置を指定する■文字の位置を指定例ALIGN="left" … （インラインフレームの右側に文章を表示します） ALIGN="right" … （インラインフレームの左側に文章を表示します） ソース記述例<IFRAME SRC="a.html" ALIGN="center">※ceterを指定しますと文章は並立しません■<IFRAME SRC="" VSPACE="" HSPACE=""> インラインフレームの周囲にマージンを入れる■周囲マージンの例VSPACE="" 上下のマージンをピクセル数で指定しますHSPACE="" 左右のマージンをピクセル数で指定しますソース記述例<IFRAME SRC="a.html" WIDTH="300" HEIGHT="400" ALIGN="left" VSPACE="10" HSPACE="20"></IFRAME> ■<BR CLEAR=""> 文章の回り込みを解除する■回り込み解除の例ALIGN="" で left または right を指定している中に使用します。BR CLEARタグで回り込みを解除すると、以降の文章はインラインフレームの下の行に続きますCLEAR="left" … （インラインフレームの右側にある文章の回り込み解除）CLEAR="right" … （インラインフレームの左側にある文章の回り込み解除）CLEAR="all" … （どちらの回り込みも解除）ソース記述例<BR>タグはALIGN=""で指定された文章の中での一行改行となりますが、<BR CLEAR="all">タグを使うと、回り込み自体が解除されます。*****************************************************【庶事所感】お遊びで浜田省吾さんのコンサートツアーのツアートラックを作ってます。実は先日日記に書きました廃盤、この土台になるミニカーがメーカーさんで廃盤になってしまいました（＞＜）ギャフン*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.12
コメント(8)
-
インラインフレーム(2)
インラインフレームを装飾する<IFRAME SRC="" WIDTH="" HEIGHT=""> インラインフレームのサイズを指定する<IFRAME SRC="" NAME=""> インラインフレームにフレーム名を付ける<IFRAME SRC="" FRAMEBORDER="0"> インラインフレームの枠線を消す<IFRAME SRC="" SCROLLING=""> スクロールバーを指定する<IFRAME SRC="" MARGINWIDTH="" MARGINHEIGHT=""> 枠と内容の間にマージンを指定する<IFRAME SRC="" ALIGN=""> インラインフレームの位置を指定する■<IFRAME SRC="" WIDTH="" HEIGHT=""> インラインフレームのサイズを指定する■インラインフレームのサイズの指定例インラインフレームのタテヨコのサイズを任意に変えられます。WIDTH="" 横のサイズ（ピクセル数かパーセントで指定）HEIGHT="" 縦のサイズ（ピクセル数かパーセントで指定）ソース記述例<IFRAME SRC="a.html" WIDTH="300" HEIGHT="100"></IFRAME> <IFRAME SRC="b.html" WIDTH="100%" HEIGHT="100"></IFRAME>■<IFRAME SRC="" NAME=""> インラインフレームにフレーム名を付ける■インラインフレームにフレーム名を付ける例名前をつけることで複数のフレームの中に任意のページを自在に表示できます。<IFRAME SRC="a.html" NAME="0123abc">ソース記述例<A HREF="a.html" TARGET="1">1のフレームにaページを表示</A> <BR> <A HREF="b.html" TARGET="1">1のフレームにbページを表示</A> <BR> <A HREF="c.html" TARGET="1">1のフレームにcページを表示</A> <BR> <BR> <A HREF="a.html" TARGET="2">2のフレームにaページを表示</A> <BR> <A HREF="b.html" TARGET="2">2のフレームにbページを表示</A> <BR> <A HREF="c.html" TARGET="2">2のフレームにcページを表示</A> <BR> <BR>『1』のフレーム<IFRAME SRC="a.html" WIDTH="300" HEIGHT="50" NAME="1"></IFRAME> <BR> <BR>『2』のフレーム<IFRAME SRC="a.html" WIDTH="300" HEIGHT="50" NAME="2"></IFRAME> ■<IFRAME SRC="" FRAMEBORDER="0"> インラインフレームの枠線を消す■インラインフレームの枠線を消す例FRAMEBORDER="0" … （枠線を消します） FRAMEBORDER="1" … （枠線を表示します）デフォルト ソース記述例枠線あり<IFRAME SRC="a.html" WIDTH="300" HEIGHT="100"></IFRAME> 枠線なし<IFRAME SRC="a.html" WIDTH="300" HEIGHT="100" FRAMEBORDER="0"></IFRAME> ■<IFRAME SRC="" SCROLLING=""> スクロールバーを指定する■スクロールバー指定例SCROLLING="yes" … （常にスクロールバーを表示） SCROLLING="no" … （スクロールバー非表示） SCROLLING="auto" … （必要に応じてスクロールバーを表示）デフォルトソース記述例表示<IFRAME SRC="a.html" WIDTH="300" HEIGHT="100" SCROLLING="yes"></IFRAME> 非表示<IFRAME SRC="a.html" WIDTH="300" HEIGHT="100" SCROLLING="no"></IFRAME> 自動<IFRAME SRC="a.html" WIDTH="300" HEIGHT="100" SCROLLING="auto"></IFRAME> ■<IFRAME SRC="" MARGINWIDTH="" MARGINHEIGHT=""> 枠と内容の間にマージンを指定する■枠と内容の間のマージン指定例MARGINWIDTH="" 左右のマージンをピクセル数で指定します MARGINHEIGHT="" 上下のマージンをピクセル数で指定します ソース記述例マージン指定なし<IFRAME SRC="a.html" WIDTH="300" HEIGHT="100"></IFRAME> 上下に30左右に50ピクセルのマージン<IFRAME SRC="a.html" WIDTH="300" HEIGHT="100" MARGINWIDTH="50" MARGINHEIGHT="30"></IFRAME> 上下左右のマージンを0<IFRAME SRC="a.html" WIDTH="300" HEIGHT="100" MARGINWIDTH="0" MARGINHEIGHT="0"></IFRAME> ■<IFRAME SRC="" ALIGN=""> インラインフレームの位置を指定する■インラインフレームの位置指定例ALIGN="center" … （中央に表示します） ALIGN="left" … （左に表示します） ALIGN="right" … （右に表示します） ソース記述例<IFRAME SRC="a.html" WIDTH="300" HEIGHT="100" ALIGN="center"></IFRAME> <IFRAME SRC="a.html" WIDTH="300" HEIGHT="100" ALIGN="left"></IFRAME> <IFRAME SRC="a.html" WIDTH="300" HEIGHT="100" ALIGN="right"></IFRAME> ･･･つづく*****************************************************【庶事所感】例の「郵政民営化法案」が衆参両院を通過するのでしょう。でも、衆議院議員選挙は本当に郵政民営化の是非を問うたものだったのでしょうか？参議院で否決された法案がこれで通過するのなら、参議院議員の存在価値ってどこにあるの？？って思います。正直わたくしは郵政民営化には賛成なのですが、あの法案には反対という気持ちなのですが･･･選挙にはそんな選択肢無かったんですよねぇ･･･「郵便局は無くなりません」と言っている議員さん!?無くならないという根拠が無いですよ（＞＜）赤字のお店は閉鎖するのは当然で、コンビニエンスストアーだって閉店するところはたくさんあるのです。果てはスーパーのダイエーさんやヨーカドーさんみたくなりますよ。基金を作ったところで赤字の店舗が黒字に転換するわけではないのですよ。*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.11
コメント(2)
-
インラインフレーム(1)
フレーム構造のホームページの作成にはindexページの作成から行わなければなりませんが、インラインフレームは普通のページの中に任意の場所に表示できます。したがって、普通のフレームですとタテ、ヨコの分割で上下左右の区分けのなかにそれぞれ別に作ったファイルを表示するのですが、インラインフレームでは好きな場所にいろいろなサイズで表示することができます。またあたかも同じページのコンテンツのように表示させることができますのでいろいろなかたちで使用されています。イメージとしては通常ページのなかに別のページを表示する「窓」がついたような感じですね。■基本のタグ（<BODY>～</BODY>内で使用します）ソース記述例<IFRAME SRC="iframe.html"></IFRAME>■未対応ブラウザのための表示(IEはすべて対応、NNは6で対応)ソース記述例<IFRAME SRC="iframe.html">未対応ブラウザでは、フレームの代わりにこの部分が表示されます。 </IFRAME>※NN4.xは<IFRAME>に対応していませんが、<ILAYER>タグを使用することで<IFRAME>と同様の表示をできます。■インラインフレームの例･･･つづく*****************************************************【庶事所感】つくづく自分は「捨てられないひと」なんだなぁ、と思いました。（＞＜）整理整頓は「捨てる」ことからなんだとは思うのですが、貧乏性なんですね（;大汗）使わなさそうなものを未だ捨てられない･･･。*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.10
コメント(4)
-
フレーム（7）
フレームの形が出来上がりますとおのおののコンテンツをどのように表示させるかの工夫が必要になってきます。■<A HREF="" TARGET=""> フレームを使用したときのリンク指定方法ソース記述例<A HREF="d.html" TARGET="_blank">TARGET="_blank"「別窓表示します」<A HREF="d.html" TARGET="_top">TARGET="_top"「フレームを解除して表示します」<A HREF="d.html" TARGET="_self">TARGET="_self"「同じフレームの中で表示します」<A HREF="d.html" TARGET="_parent">TARGET="_parent"「親フレームに表示します」<A HREF="d.html" TARGET="content">TARGET="content"「指定フレームに表示します」■リンク指定の例■<NOFRAMES> フレーム未対応ブラウザでの表示(まれにありますので･･･)index.html のソース記述例<thml><head><title>タイトル</title><meta>メタタグ</meta></head><FRAMESET COLS="100,200,*"><FRAME SRC="a01.html" NAME="menu"> <FRAME SRC="b02.html" NAME="content"> <FRAME SRC="c03.html" NAME="content2"><NOFRAMES><BODY BGCOLOR="#FFFFFF"><CENTER>フレーム未対応のブラウザ向けの内容をここに記載します。当然、タグは効きますのでホームページに返すリンクなどアンカーでのリンクも入れられます。</CENTER></BODY></NOFRAMES></FRAMESET> </thml>･･･つづく*****************************************************【庶事所感】お天気の悪い日が続きますとどうしても室内干しになったりして、秋の長雨をうらめしく思ってしまいます。満艦飾、状態の室内を･･･昔の軍艦にはどんな旗がはためいていたのだろう･･･などと暢気なことを考えてしまいました（＞＜）*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.09
コメント(4)
-
フレーム（6）
フレームの装飾方法(2)<FRAME SRC="" NAME=""> 分割した画面にフレーム名を付ける <FRAME SRC="" NORESIZE> 分割した画面のサイズを変更させない <FRAME SRC="" SCROLLING=""> スクロールバーを指定する <FRAME SRC="" MARGINWIDTH="" MARGINHEIGHT=""> 枠と内容の間にマージンを指定する ■<FRAME SRC="" NAME=""> 分割した画面にフレーム名を付ける■分割した画面にフレーム名を付けた例index.html のソース記述例<thml><head><title>タイトル</title><meta>メタタグ</meta></head><FRAMESET COLS="100,200,*"><FRAME SRC="a01.html" NAME="menu"> <FRAME SRC="b02.html" NAME="content"> <FRAME SRC="c03.html" NAME="content2"> </FRAMESET> </thml>例では、一番左をメニューページ（a01.html）にしてリンクボタンを配置して、その表示先をcontentフレームとcontent2フレームに指定しています。 リンクの設定方法は<A HREF="d.html" TARGET="content">contentフレームに表示する</A> <A HREF="d.html" TARGET="content2">content2フレームに表示する</A> となります。■<FRAME SRC="" NORESIZE> 分割した画面のサイズを変更させない■分割した画面のサイズを変更させない例分割境界のボーダー線はドラックすることで動かせますが、これを固定する指定です。index.html のソース記述例<thml><thml><head><title>タイトル</title><meta>メタタグ</meta></head><FRAMESET COLS="150,*,150"> <FRAME SRC="a.html"> <FRAME SRC="b.html"> <FRAME SRC="c.html" NORESIZE> </FRAMESET> </thml>■<FRAME SRC="" SCROLLING=""> スクロールバーを指定する■スクロールバーを指定するindex.html のソース記述例<thml><head><title>タイトル</title><meta>メタタグ</meta></head><FRAMESET COLS="50%,50%"> <FRAME SRC="a02.html" SCROLLING="yes"> <FRAME SRC="b02.html" SCROLLING="no"> </FRAMESET> </thml>□SCROLLING="" yes … （常にスクロールバーを表示します） no … （スクロールバーを表示しません） auto … （必要に応じてスクロールバーを表示します）デフォルト ■<FRAME SRC="" MARGINWIDTH="" MARGINHEIGHT=""> 枠と内容の間にマージンを指定する■枠と内容の間にマージン指定例index.html のソース記述例<thml><head><title>タイトル</title><meta>メタタグ</meta></head><FRAMESET COLS="33%,*,33%"> <FRAME SRC="a03.html"> <FRAME SRC="a03.html" MARGINWIDTH="0" MARGINHEIGHT="0"> <FRAME SRC="a03.html" MARGINWIDTH="50" MARGINHEIGHT="50"> </FRAMESET> </thml>例では左からデフォルト（指定なし）、『マージン0』で指定、『マージン50』で指定しています。･･･つづく*****************************************************【庶事所感】ビデオにとっておいて、あとで見ようと思いまして撮り溜めたテープがあるのですが･･･何ででしょう（＞＜）いまさら見る必要ないじゃんなどと思ってしまうものばかり･･･きっと何度も見直すだろう、と思ったのも全然見てません。（ということは、こんなにたくさんのテープは必要ないんだよなぁ･･･、って今頃気付いてちゃダメですね＞＜;）*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.08
コメント(6)
-
フレーム（5）
フレームの装飾方法<FRAMESET FRAMEBORDER="0"> 境界線を消す<FRAMESET BORDER=""> 境界線の幅を指定する<FRAMESET BORDERCOLOR=""> 境界線の色を指定する■<FRAMESET FRAMEBORDER="0"> 境界線を消す■境界線を消す例index.html のソース記述例<thml><head><title>タイトル</title><meta>メタタグ</meta></head><FRAMESET COLS="200,*" FRAMEBORDER="0"><FRAME SRC="a.html"><FRAME SRC="b.html"></FRAMESET></thml>■<FRAMESET BORDER=""> 境界線の幅を指定■境界線の幅を指定例index.html のソース記述例<thml><head><title>タイトル</title><meta>メタタグ</meta></head><FRAMESET COLS="200,*" BORDER="50"><FRAME SRC="a.html"><FRAME SRC="b.html"></FRAMESET></thml>■<FRAMESET BORDERCOLOR=""> 境界線の色を指定■境界線の色を指定例index.html のソース記述例<thml><head><title>タイトル</title><meta>メタタグ</meta></head><FRAMESET COLS="200,*" BORDER="50" BORDERCOLOR="#0000FF"><FRAME SRC="a.html"><FRAME SRC="b.html"></FRAMESET></thml>･･･つづく*****************************************************【庶事所感】しこたま、飲んじゃいました。およそ30年ぶりくらいの歌声にバーボンウィスキー･･･劉哲史さん（元、山崎貴生さん）のライブでした。（＾＾）すんごく楽しかったです。*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.07
コメント(6)
-
フレーム（4）
インフォシークから登録完了のメールをいただいたので早速サンプルを作ったのですが･･･■左右分割の例■上下分割の例■入れ子の例（＞＜）すっこいでっかい宣伝が入ってくるんですね！？まぁ、予測はしておりましたが、ポータルサイト系の無料ホームページサービスではこういった広告が入るのは当然なのですが、とっても邪魔ですね（ははは、贅沢は言えないですから;笑）ただ、楽天広場ではできなかったことがかなりたくさんできるので、いろいろ試したいと思います。･･･つづく*****************************************************【庶事所感】今夜はあるキーボード奏者のかたのライブを見せていただきに参ります。ちょっとうきうきなのです（＾＾）バーボンでもいただきながらにしようかなぁ♪*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.06
コメント(8)
-
フレーム（3）
フレームの具体的なインデックスHTMLファイルの書き方の例を紹介いたします。今日、infoseekでホームページのスペースを借りる申し込みをいたしましたので、infoseekを利用して楽天広場ではできないものもご紹介できるかと思います（＾＾）（残念ながら、infoseekではアフィリエイトなどは禁止されているようですね）ですので、これらのサンプルページもinfoseekのページを使ってご紹介いたしますね。■左右分割の例□右メインa.htmlb.html□左メインa.htmlb.html□中央メインa.htmlb.htmlｃ.htmlindex.html のソース記述例<thml><head><title>タイトル</title><meta>メタタグ</meta></head><FRAMESET COLS="100,150,*"> …左右の分割を指定（左：100ピクセル、中：150ピクセル、右：残り全て）<FRAME SRC="a.html"> …左のフレームにa.htmlを表示<FRAME SRC="b.html"> …右のフレームにb.htmlを表示<FRAME SRC="c.html"> …右のフレームにｃ.htmlを表示・・・・</FRAMESET> …分割の指定を終了 </thml>■上下分割の例□下メインa.htmlb.html□上メインa.htmlb.html□中メインa.htmlb.htmlc.htmlindex.html のソース記述例<thml><head><title>タイトル</title><meta>メタタグ</meta></head><FRAMESET ROWS="50,70,*"> …上下の分割を指定（上：50ピクセル、中：70ピクセル、右：残り全て）<FRAME SRC="a.html"> …上のフレームにa.htmlを表示<FRAME SRC="b.html"> …中のフレームにb.htmlを表示<FRAME SRC="c.html"> …下のフレームにｃ.htmlを表示・・・・</FRAMESET> …分割の指定を終了 </thml>■入れ子の例□組み合わせ1a.htmlb.htmlc.html□組み合わせ1a.htmlb.htmlc.htmlindex.html のソース記述例<thml><head><title>タイトル</title><meta>メタタグ</meta></head><FRAMESET COLS="100,*"> …左右の分割を指定 <FRAME SRC="a.html"> …左のフレームにa.htmlを表示<FRAMESET ROWS="50,*"> …右フレーム内で上下の分割を指定 <FRAME SRC="b.html"> …上のフレームにb.htmlを表示<FRAME SRC="c.html"> …下のフレームにｃ.htmlを表示</FRAMESET> …上下の分割を終了 </FRAMESET> …左右の分割を終了 </thml>･･･つづく*****************************************************【庶事所感】昨夜ある掲示板を見ていまして、すごく気になってしかたがないことがあります（＞＜）もう年齢的には４０歳代の方のようでしたが、『何気に』と『耳ざわりのよい』ということばが何度も出てきて･･･気になるとホント駄目なんですよね（;汗）『何気に』という日本語はありません！辞書で引くと、[形]なにげな・し[ク]はっきりした考えや意図がなくて行動するさま。また、そのように見えるさま。さりげない。「―・いふうを装う」「―・く近づく」となっています。若いから年配だからと言うことはできないのかも知れませんが、40歳代というのを見て「何だかなぁ･･･」とやっぱりなってしまうのですまた、「耳障り」は良いわけがあるはずがありません。『「目障り」が良い』と言うひとはいませんものね（＞＜）耳障りも目障りもそれだけで「邪魔な存在である」ことを現しているのですから･･･・・・できれば子供達がメチャクチャな日本語にならないためにも、少しは辞書を引くようにしよう、とあらためて思いました。*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.05
コメント(6)
-
フレーム（2）
■基本構造フレームの構造は1.分割を指定するindex.htmlと画面表示されるページで構成されます。index.htmla.htmlb.htmlc.htmld.html･･････□左右分割の一般的な例メニューやナビゲーションだけのページを作りますブラウザには表示されないインデックスのhtmlファイルです。コンテンツの内容ページなどですa.html→a.htmlb.html←b.htmlindex.html のソース記述例<thml><head><title>タイトル</title><meta>メタタグ</meta></head><FRAMESET COLS="100,*"> …左右の分割を指定（左：100ピクセル、右：残り全て）<FRAME SRC="a.html"> …左のフレームにa.htmlを表示<FRAME SRC="b.html"> …右のフレームにb.htmlを表示</FRAMESET> …分割の指定を終了 </thml>※タテの場合ならば<FRAMESET ROWS="100,*">になります。■組み合わせ例□右メインa.htmlb.html□左メインa.htmlb.html□中央メインa.htmlb.htmlｃ.html□下メインa.htmlb.html□上メインa.htmlb.html□中メインa.htmlb.htmlc.html□組み合わせ1a.htmlb.htmlc.html□組み合わせ2a.htmlb.htmlc.htmlこの他いろいろな組み合わせ方があると思います。･･･つづく*****************************************************【庶事所感】欲しい商品が「廃版」になっていました（＞＜）時代とともに商品もどんどん変わっていくのは当たり前なのでしょうけれど、その「廃版商品」でないとダメなんです･･･自分で作るくらいしかないのだろうなぁ･･･*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.04
コメント(4)
-
フレーム（1）
一昨日、あんなふうに書いておきながら早速実行できないでいます（;大汗）今まで、「楽天広場」で使えることを前提にいろいろなHTMLタグ、STYLEなどについて書いてまいりましたが、楽天広場では使用できないけれども一般的にはポピュラーに使われているタグなどについて書いていきたいと思います。■フレーム画面を分割して表示してあるホームページをみなさんご覧になったことがあるかと思います。左右分割、上下分割、３分割、４分割いろいろな分割方法があります。以前の日記の中で真っ先に「使用しないほうがよい」と書いたタグです。ではなぜ、これについて書くの？と言いますと、実は使わないほうがいいというのは以前にも書いた通りあくまでも『検索エンジン』対策に不利だからということなのです。当然サイト自体が登録・インデックスされにくくなるのではなくページが登録・インデックスされにくくなります。したがって、わたくしはそのページがフレームを使うことでメリットが出るのであれば使っていただいてもよいのではないかと考えています。■フレームのメリット□メイン画面のみスクロールできる 「楽天広場」でのテンプレートですと、上部のナビゲーションやサイドのメニューの部分はレイアウト的には分けて配置されているわけですが画面をスクロールするとこれらのナビゲーション・メニューも一緒にスクロールされてしまうので別のページへのリンク表示にスクロールして戻らなくてはいけませんが、フレームを採用することでナビゲーション・メニューの部分を画面上固定しておくことができる。(訪問者には非常にわかりやすく親切な手法と言えると思います)□コンセプトや構造をはっきりできる全ページを通して同じレイアウトを行ったりできるため、ページ構成が解りやすく何のホームページなのかをはっきりしやすい。タイトル部分、メニュー部分などの部分の位置が固定しますので訪問者が迷子にならなくてすみます。□更新が楽全ページ統一したレイアウトでホームページを作る場合、タイトルやナビゲーションやメニューはフレームを使わないとすべてのページにいちいちソースに書き込む必要があります。(楽天広場はこのケースですが、記事内容部分以外は自動的に作成されているようです)このときたとえば、ページ数を増やして言った場合今までに作成したページのすべてに増やしたページへのリンクを増設することになりますから、すべてのページを更新しなければなりませんが、フレームを使うことで、ナビゲーション・メニューのページだけを更新するだけで済みます。ページが多い場合更新漏れも出やすいのですが、こんな心配もありません。■フレームのデメリット□独自のリンク方法が必要普通のリンク方法ではメインのページ、サブのページなどに個別にリンクしてしまいますので、多少の知識とファイルの管理を必要とすると思います。□検索エンジンでの訪問者対策が必要検索エンジンはフレームで構成されたままの画面を登録してくれるのはTOPのページだけです。他のページはメインのページ、サブのページそれぞれがひとつのページとして検索結果にあらわれますので、何のページかわからなくなってしまう場合が多くなってしまいます。そこで、フレームを使う場合には全ページにTOPレイアウトに戻るナビゲーションを付けるべきではないかと思います。□ブラウザのURL表示はいつもフレームのURLのみ「このページをお気に入りにいれたい」ということで訪問者のかたがブックマークをしてくださる場合、そのままではTOPレイアウトのページしかブックマークできません。またブラウザのツーバーのURL表示もどのページを見ていてもフレームのURLしか表示しません。□検索エンジン対策が難しいインデックスページ(通常はトップのページ)はフレームセットのためのページになりますからメタの設定、キーワードの設置が難しくなります。もちろん内容部分がないわけですから、インデックスされるための手法が使えません･･･続く*****************************************************【庶事所感】遅れ馳せの話題ですが、阪神タイガースが優勝しました。ニュースをみていて、何て悲しい人たちなのだろう･･･、大阪のひとはみんなあんなだと思わないで欲しいなぁ･･･あれは阪神ファンではない、選手やチームを応援するひとが選手やチームに迷惑にしかならないことはやらない。選手やチームをましてや野球を好きなひとびとはあれほど愚かなことはしない。せっかくの優勝にケチを付けられたようで悲しい思いで見ておりました。*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペＢＯＸでめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet
2005.10.03
コメント(10)
-
心機一転、また日記を書かねば（；汗）
何だかいろいろととりこみごとがあって、日記を休んでしまいました（＞＜）管理人不在にもかかわらず弊ホームページをご覧いただいて本当にありがとうございます。また明日よりいろいろと書かせていただきたいと思います。
2005.10.01
コメント(12)
全28件 (28件中 1-28件目)
1
-
-
- iPad
- ipad表示の不具合、CoPilotに聞く。
- (2026-04-12 00:07:57)
-
-
-
- 携帯電話のこと
- 菊陽町の楽天市場利用者が楽天モバイ…
- (2026-05-24 08:00:07)
-
-
-
- アイフォン・アイポッドの必需品
- スティーブ・ジョブズの死に際に発し…
- (2025-07-14 03:41:24)
-
