お試しレッスン「1時間半でおしゃれなプロフィールHPを作ろう!」

部活トップ画像

こちらは、仮入部された方のための「お試しレッスン」です!
1時間足らずで、おしゃれなHP(ホームページ)を作りましょう!

この部活で作るもの

部活で作るもの

お試しレッスン「1時間半でおしゃれなプロフィールHPを作ろう!」の練習メニュー

レッスン一覧はレッスンを進めていくごとにゲームのように解放されていきます!

無料で受講してみる

次の練習へ進む ボタンで解除

Lesson 01「プログラミングとは?」

そもそも、プログラミングってなんでしょう? WEB制作とWEB開発の違い、あなたは分かりますか?

次の練習へ進む ボタンで解除

コーヒーブレイク「入部を迷われている方のよくある質問」

次の練習へ進む ボタンで解除

Lesson 02「プログラミングの準備をしよう!」

プログラミングをするための環境を作る「環境構築」をしていきましょう! ここでは、VSCodeやGoogleChromeというものを入れていきます!

次の練習へ進む ボタンで解除

Lesson 03「HTMLを書いてみよう!」

「マークアップ言語」と言われる「HTML」をご紹介! HTMLを書く上での「3つのルール」分かりますか?

次の練習へ進む ボタンで解除

Lesson 04「タイトルを表示してみよう!」

まずは、デザインのタイトル部分を表示してみましょう! 「h1タグ」というものや「style属性」を使っていきます!

次の練習へ進む ボタンで解除

コーヒーブレイク「バックエンドよりフロントエンドが稼ぎやすくて美味しい理由」

次の練習へ進む ボタンで解除

Lesson 05「CSS言語を使ってみよう!!」

CSS言語で文字の中央寄せをしてみましょう! 「CSSの2つの書き方」分かりますか?

次の練習へ進む ボタンで解除

コーヒーブレイク「プログラミングで稼ぐとはどういうことなのか?」

次の練習へ進む ボタンで解除

Lesson 06「画像を表示してみよう!」

画像を表示する時に大事な「パス」。きちんと指定できますか?

次の練習へ進む ボタンで解除

コーヒーブレイク「競争とはなんだろう?学習とはなんだろう?」

次の練習へ進む ボタンで解除

Lesson 07「名前やスキルを表示しよう!」

枠線やサイズを変えたい時どうすればいいか分かりますか?

次の練習へ進む ボタンで解除

コーヒーブレイク「高いの?安いの?」

次の練習へ進む ボタンで解除

Lesson 08「CSSで位置や色を調整しよう!」

メインキャッチの部分を完成させましょう! 今回は、開発ツールも少し使っていきます!

次の練習へ進む ボタンで解除

Lesson 09「ABOUTエリアを作ろう!」

positionやleftプロパティを使わずにボックスを中央寄せする方法、分かりますか?

次の練習へ進む ボタンで解除

Lesson 10「HPを完成させよう!」

か・ん・せ・いDeath!