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

部活トップ画像

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

この部活で作るもの

部活で作るもの

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

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

無料で受講してみる

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

Lesson01「プログラミングとは?」

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

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

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

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

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

Lesson03「HTMLを書いてみよう!」

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Lesson09「ABOUTエリアを作ろう!」

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

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

Lesson10「HPを完成させよう!」

か・ん・せ・いDeath!