Home > ★html_Lesson⇒>  01Spell Lesson > 02sample > ★css_Lesson⇒>  01Spell Lesson№1 > 02Spell Lesson№2 > 03sample >

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