まなびのアトリエ

LEARN / MAKE / SHARE

学びを、かたちに。
サイトを作ろう。

HTMLで内容を組み立て、CSSで整え、JavaScriptで動かす。小さな一歩を、公開できる作品へ。

学習の流れを見る
HTML、CSS、JavaScriptの順番でWebサイトを組み立てる図

01 / CURRICULUM

3つの技術を、ひとつの作品に。

02 / ABOUT

仕組みがわかると、
作ることが楽しくなる。

このページは、架空の学習会を題材にした制作サンプルです。完成形を一度に覚えず、ファイルを少しずつ変更して違いを確かめます。

  • ブラウザーで結果を確認する
  • キーボードでも操作してみる
  • 別の画面幅でも読みやすくする

03 / TRY IT

体験フォーム

入力確認の練習です。情報はサーバーへ送信されません。架空の名前で試してください。