自然科学

【プログラミング】HTMLとCSSでホームページを作ってみよう!

HTMLとCSSはホームページを作る際のコンピュータ言語です。

LEGOブロックやプラモデルのような感覚でコツコツと作れるのがHTMLとCSSの良いところです。(※JavaやPythonのように関係、論理、制御が複雑でない。)

子供たちが楽しみながら学ぶのにピッタリだと思うよ!(Scratchよりもオススメ)

ノビ先生と一緒に、HTMLとCSSを使って「世界に一つだけの自己紹介ホームページ」を作ってみませんか?

探究学習の手順

1

ホームページの仕組みを学ぼう。

2

インターネットの仕組みを学ぼう。

3

HTMLについて学ぼう。

4

CSSについて学ぼう。

5

実際に「自己紹介のホームページ」を作ってみよう!

6

カスタマイズしてホームページをグレードアップさせてみよう!(オリジナル)

ポイント

コンピュータや物作りが好きなら、ホームページって作るの楽しいと思うよ。

楽しいだけじゃなくて、ホームページを作る中で色々と学ぶことができるんだよ。

学べること

  • タイピング(正確なキーボード操作)
  • コンピュータOSの基礎リテラシー(コピー、カット、ペースト、保存、移動など)
  • 光の3原色(RGB)
  • 16進数
  • ちょっとした英単語
  • コンピュータ(ハードウェア)
  • ソフトウェア
  • インターネット(ネットワーク)
  • デザイン、配色
  • UI(ユーザビリティー)
  • ライティング(構成力、文章力)
  • 忍耐力
  • 問題発見力、問題解決力(バグフィックス)

など。

時間はかかるけど、焦らずコツコツと学びながら作っていって欲しいな。

ハマったら、JavaScriptとかPHPとか、JavaとかPythonとかの高度な言語を勉強したくなるかもね〜(^^

★teku先生のX(ポスト)

ギフテッド関連コラム

  1. 【辛口】ギフテッドに最適な学習方法は飛び級や先取りにあらず。

  2. 【ギフテッドの育て方】個性や才能を伸ばす教育のコツや習い事について真面目に語ります。

  3. 行きたがらない小学校に無理やり行かせた結果〜行ってよかった?の問いに中学生になった今、どう答えたか〜

  4. ギフテッドと塾と中学受験

オススメ or 新着コラム

オススメの記事 新しい記事
  1. 「好奇心を起点に、主体的に学び、深める」これは一種の「技術」である。

  2. 教育における「3つの要素」を知ろう。

  3. 【セレンディピティー】偶然の発見には理由がある。

  4. 問われるのは「問う力」。簡単に納得しないクセ。

  5. 【解説】スティーブ・ジョブズも重視したリベラルアーツって何だろう?

  6. 「役立つ」より「面白い」の視点

  7. 【環境が人を育てる】読み聞かせの効果は理解力に表れる。

  8. 【読み解く】小学生向けのオンラインの習い事・学習塾・教室の選び方。多くの人が誤解している肝心なこと。

  9. 【日経新聞より】アクティブラーニングを導入したのに「受け身」な生徒が増えてしまうの!?

  10. 人口減により遂に偏差値時代が終幕。これからの入試とあるべき幼少期教育について。

  1. 「好奇心を起点に、主体的に学び、深める」これは一種の「技術」である。

  2. 教育における「3つの要素」を知ろう。

  3. 【セレンディピティー】偶然の発見には理由がある。

  4. プチ探☆マンガ『ソルト ルアー フィッシング』編

  5. 問われるのは「問う力」。簡単に納得しないクセ。

  6. プチ探☆マンガ『月の模様』編

  7. 「放流で魚が減る」をクリティカルに考えよう。

  8. プチ探☆マンガ(春の七草-完結編)

  9. 【解説】スティーブ・ジョブズも重視したリベラルアーツって何だろう?

  10. プチ探☆マンガ(春の七草-③)

スローラーニング特集

  1. 「好奇心を起点に、主体的に学び、深める」これは一種の「技術」である。

  2. 教育における「3つの要素」を知ろう。

  3. 【セレンディピティー】偶然の発見には理由がある。

  4. プロセスをしっかり踏むこと。それが成長のロジック。【塾長の想い】

  5. 「のびてく」で身に付くアナロジー思考について

  6. 科目横断的な探究学習と科目学習をどのようにリンクさせていくのかについて、具体例で説明します。

  7. ずっと伸び続ける方法(スローラーニングで好奇心を育てる)

  8. スローラーニング誕生の背景

探究カリキュラムの一例

  1. オオカミ再導入を考える。(豊かな森と生態系の回復を目指して)

  2. 戦争と平和について考えてみよう。

  3. 自分の好きな生き物を魅力的にプレゼンしてみよう!

  4. 論説文や随筆分を構造的に整理してみよう!

  5. 【知恵トレ】自分で規則や法則を作り「知恵」で解いてみよう!

  6. 「形」の仕組みを体感的・論理的に理解しよう!

  7. オノマトペを通して読解力を高めよう!

  8. 観察を通して地球の成り立ちと自然現象を結びつけよう!

  9. 世界の宗教と人々の生活について調べてみよう!

  10. フィールドワークを通して植物の凄さを知ろう!