2023/06/24 学校説明会

2023/06/24の学校説明会で作成した自己紹介サイトのチュートリアルスライドです

自己紹介サイトのテンプレート
https://editor.p5js.org/Hiryuto/sketches/nqFGdaIo9

完成例
https://editor.p5js.org/Hiryuto/full/T9Pnw0tLK

完成例のコード
https://editor.p5js.org/Hiryuto/sketches/T9Pnw0tLK

Transcript

1. 自己紹介のサイトを作ってみよう！
2. Mission 1 名前を表示させてみよう
3. Mission 2 画像を表示させてみよう 13行目にある<!-- mission2 画像を表示させてみよう --> の下に か と入力して画像を表示させてみよう！
4. Mission 3 & 4 住んでいる県と趣味を表示させてみよう 17行目と２０行目にあるh2に住んでいる県(府)と趣味を入力して表示させてみよう！
5. Mission 5 & 6 文字と背景の色を変えてみよう 左上にあるボタンを押し『style.css』を表示させて と を入力してみよう 色は↓から選ぼう
6. Mission 7 趣味の詳細を書いてみよう 普通の文字を表示させたい場合は とすると表示できます 自分の趣味の詳細を書いてみよう！ (<br>を入れると改行できるよ) 例：
7. Mission 8 装飾を華やかにしよう！ 装飾は『class』というものでも指定ができます 以下のようにして自己紹介を完成させましょう！ Mission 1 Mission 3 Mission 4 Mission 7
8. 完成例 完成例を詳しく見たい方 今日作ったテンプレート