60代からの頭の体操!私でも出来るホームページ
60歳から始めましたが、頭の体操には調度いいかな、そろそろ60代になられる方、60代にに突入 されている方、それぞれ目標をもたれて活躍されていることと思います。私の場合の頭の体操は『これなんです!!』 Web、書籍等を参考に『ものまねですが・・・』命ある限り、毎日1時間程度、頭の体操を持続させたい。-241224-
①HTMLのタグ(意味とスペル練習)
HTMLタグは80前後で、意味とスペルを学習できます。 タグのスペル練習も出来るので得点が100点になるまでチャレンジされてはいかがでしょうか?。 頭の体操を兼ねて、チャレンジしてください。
item | check№1 | check№2 | ||
00メニュー | HTMLのタグ(意味とスペル練習) | |||
ファイル名① | HTMLのSpell Lesson Board №01(11html_db01.php) | |||
ファイル名② | HTMLのSpell Lesson Board №01(11html_db02.php) | |||
ファイル名③ | データベースファイル(11html_db.txt) | |||
《01.ページ基本構造》 | 7 item | |||
《02.DOCTYPE宣言文》 | 1 item | |||
《03.META》 | 1 item | |||
《04.CSS・JS記載例》 | 2 item | |||
《05.フォント・テキスト》 | 26 item | |||
《06.リスト》 | 6 item | |||
《07.テーブル》 | 10 item | |||
《08.フレーム》 | 4 item | |||
《09.画像》 | 1 item | |||
《10.リンク》 | 4 item | |||
《11.フォーム》 | 10 item | |||
《12.汎用属性》 | 6 item | |||
《合計》 約 | 78 item |
②HTMLサンプル(パーツとして使っても便利・・・)
それぞれのタグの意味と機能をまとめています。 サンプルを参考に、タグの使い方を学習します。意外とこんなことも出来るのか、参考になります。
item | check№1 | check№2 | ||
00メニュー | HTMLの使い方サンプル | |||
ファイル名① | 01html_sample.html~07html_sample.html迄 | |||
№1.詳細説明HTML、ページ基本構造 | 12 item | |||
№2.DOCTYPE宣言文、META、 | 18 item | |||
№2.CSS・JAVASCRIPT記載例) | --- | |||
№3.フォント・テキスト | 26 item | |||
№4.リスト、テーブル | 16 item | |||
№5.フレーム、画像、リンク、フォーム | 19 item | |||
№6.汎用属性・汎用属性、Tag Element、 | 17 item | |||
№6.HTML5・ページ作成の基本及び要素と属性 | --- | |||
№7.HTMLリファレンス (ABC順 26+1) | 27 item | |||
合計 約 | 135 item |
①CSSタグレッスンとその機能
CSSはあなた好みのページを簡単に表現してくれます。 発想豊かな方であれば是非チャレンジして、独創的なページを作ってください。 ここでは、タグの読み方(自己流につきご勘弁を・・・)タグの機能を学習します。
item | check№1 | check№2 | ||
00メニュー | CSSタグレッスンとその機能(約90item) | |||
ファイル名① | 01.Spell Lesson Board №01 | 50 item | ||
ファイル名② | 02.Spell Lesson Board №02 | 40 item | ||
合計 約 | 90 item |
②CSSのタグ(データベース機能で⇒詳細説明)
CSSのタグと機能を学習します。 データベース機能検索で、より詳しく説明。タグのスペル練習も出来るので得点が100点になるまで チャレンジされてはいかがでしょうか?。
item | check№1 | check№2 | ||
00メニュー | CSSの使い方サンプル | |||
ファイル名① | 01css_db01.php~07css_db01.php(①と②で組) | |||
ファイル名② | 01css_db02.php~07css_db02.php(①と②で組) | |||
ファイル名③ | データベースファイル(01css_db.txt~07css_db.txt) | |||
01css_box(ボックス) | 16 item | |||
02css_font-text(フォント・テキスト) | 20 item | |||
03css_background(背景)+css_border(ボーダー)+ | 10 item | |||
03css_list(リスト) | 4 item | |||
04css_outline(アウトライン)+css_img(画像)+ | 7 item | |||
04css_link(リンク) | 6 item | |||
05css_table(テーブル) | 13 item | |||
06css_iframe(フレーム)+CSS_form(フォーム)+ | 8 item | |||
06css_cursor(カーソル)+css_print(印刷) | 3 item | |||
07css_hack(CSSハック)+css_(詳細)+ | 3 item | |||
07css_(CSSプロパティ)+css_(CSS3) | 3 item | |||
合計 約 | 88 item |
③CSSを使ったサンプル(簡単にあなたごのみのページを・・・)
CSSを使うとページ作りが整理され余分なタグを使わずに、シンプルにソースが仕上がり表現力豊かにページを。 作ることが可能です。タグの機能を学習され新たな発見をして下さい。
item | check№1 | check№2 | ||
00メニュー | CSSの使い方サンプル | |||
ファイル名 | 01css_sample.html~06css_sample.html迄 | |||
01css_box(ボックス) | 16 item | |||
02css_font-text(フォント・テキスト) | 20 item | |||
03css_background(背景)+css_border(ボーダー)+ | 10 item | |||
03css_list(リスト) | 4 item | |||
04css_outline(アウトライン)+css_img(画像)+ | 7 item | |||
04css_link(リンク) | 6 item | |||
05css_table(テーブル) | 13 item | |||
06css_iframe(フレーム)+CSS_form(フォーム)+ | 8 item | |||
06css_cursor(カーソル)+css_print(印刷) | 3 item | |||
合計 約 | 88 item |
本プログラムの制作概要
※ ★00備忘録HTML&CSS.xls |
---|