このブロックは画面サイズによって見た目が変化する特殊なブロックです
※編集・削除ができる項目も画面サイズによって異なります

詳細はヘルプページの「フローティングメニューブロックの編集」をご確認ください
TEL 03-6683-7690
受付時間:平日13:00~17:00
  
このブロックはスマートフォンの画面サイズで非表示設定になっています
公開ページで表示したい場合は「ブロックの設定」から変更してください

はじめてのホームページ作り!
WEBプログラミング体験

はじめてのホームページ作り!HTML/CSSを使ったイベントを実施いたします。
HTML/CSSって?どんな仕組みなの?など学びながら実際にホームページを作る体験ができます。
お子様が新しいことにチャレンジできるイベントです。お子様たちがScratchの次のステージにも興味を持ってもらうきっかけ作りになります。
  
このブロックはPCの画面サイズで非表示設定になっています
公開ページで表示したい場合は「ブロックの設定」から変更してください

はじめてのホームページ作り!
WEBプログラミング体験

はじめてのホームページ作り!HTML/CSSを使ったイベントを実施いたします。
HTML/CSSって?どんな仕組みなの?など学びながら実際にホームページを作る体験ができます。
お子様が新しいことにチャレンジできるイベントです。お子様たちがScratchの次のステージにも興味を持ってもらうきっかけ作りになります。

HTML/CSSとは

HTML/CSSとは、ウェブサイトのデザインやレイアウトを作成するための基本的な技術です。HTMLはコンテンツの構造を定義し、CSSは見た目やスタイルを指定します。イベントでは、「CodePen」というツールを活用し自己紹介のページを作っていきます。HTMLの骨組みの部分・CSSは文字のデザインや大きさの変更ができるなど感覚的に学べます。簡単なコードを入力して確認しながら完成を目指します。

イベント内容

  • HTML/CSSの仕組みについてわかりやすく解説します!
  • 「CodePen」というツールをつかい、すぐにどんなページに仕上がっているか確認できます!
  • 簡単な自己紹介ページにチャレンジするので初めてのお子様でも安心です!
  • ここをクリックして表示したいテキストを入力してください。

イベントの詳細

HTML/CSSの仕組みを理解した後、「Code Pen」でお手本を見ながら実装していきます。最初は、基本のタグからはじめて見出しを作っていきます。
素材となる画像のURLの挿入方法や、CSSの数字を変えるだけで文字の大きさやスペースの設定など体験し、オリジナルの自己紹介ページを作成していきます。最後には発表を行います。
※「CodePen」のツール内で作成します。インターネットに公開等はおこないません。

小見出し

ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。

担当講師

とりき えいじ
大手通信事業の現役エンジニア。
高専出身でプログラミングのスキルも高く、情報処理学会の全国大会にて学生奨励賞を受賞するなどの経験があります。講師経験もあり、楽しく学べる場を提供します。
見出し ここをクリックして表示したいテキストを入力してください。
たきだ まみ
CodeCampKIDS目白校の教室長。
現役エンジニア。クラウドサービスのSalesforceのコンサルタントや国家資格のキャリアコンサルタントの有資格者で、多様な知見を活かし子供たちをサポートしていきます。
見出し ここをクリックして表示したいテキストを入力してください。

詳細情報

会場 CodeCampKIDS目白校
日程 2024年10月26日15:30~17:00
持ち物
PC・iPad 無料で貸出も行っております
定員 8名まで
対象年齢
小学4年生~中学生
参加費
2,000円(税込み)
支払方法 クレジットカード決済(後日メールにてご案内いたします)
見出し ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。

お申込み

日時:2024年10月26日(土曜) 15:30〜17:00
会場:CodeCampKIDS目白校
2,000円