渋谷学園幕張高等学校・情報科(「社会と情報」令和3年度・高一生徒作品)

タイトルロゴ

課題  Webアクセシビリティに配慮し
   「これまでの自分・これからの自分(未来日記)」
  という題で 下記の条件を満たすホ-ムペ-ジを作成しなさい。
  • ファイル容量 1MB以下
    (1つの画像:100KB以下)
  • リンク  7以上
  • ペ-ジ  4ペ-ジ以上8ペ-ジ以下
    (htmlファイルの数)
  • 画像(1) (2) (3)のすべてを入れること
    (自分で作成したものに限る)
    (1)ピクトグラム (2) 絵、ロゴ  (3) 写真   
注)Webにある素材集の素材は使わない HTML5を理解しメモ帳(エディタ)で作成すること    

(推奨ブラウザ:Google Chrome)



パワポでの説明画像
    授業では、特に、視覚障がい者、高齢者等に配慮したwebページにおける合理的配慮(ウェブアクセシビリティ)について学習してきました。 その一つの配慮として画像に代替テキストの提供を必須としました。生徒たちは、少しでも、JIS X 8341-3の規格を意識できたと考えています。
    原則、課題作成の条件を満たした課題作成に時間をかけて取り組みが良好と評価した作品を公開します。
その他に、情報デザインの学習に関連して、お役立ち情報「あったらイイな!!こんなピクトグラム」と題し、生徒が提案するピクトグラムをページの中に掲載しています。探してみてください
飾り枠
B02 B03 B04 B07 B09
B10 B11 B13 B14 B15
B18 B19 B20 B21 B22
B23 B27 B28 B30 B32
B33 B35 B36 D01 D02
D03 D04 D06 D09 D14
D16 D19 D20 D21 D22
D23 D24 D25 D26 D30
D31 D33 D34 D35 D36
D37 E02 E03 E04 E05
E07 E08 E09 E11 E12
E15 E17 E18 E19 E20
E21 E22 E24 E25 E26
E27 E28 E29 E31 E34
E35 E37 F03 F04 F05
F06 F08 F09 F11 F12
F14 F16 F18 F19 F23
F24 F25 F29 F35 F36
I04 I05 I13 I14 I15
I16 I17 I18 I21 I22
I24 I25 I27 I29
A02 A04 A06 A07 A08
A09 A10 A11 A14 A17
A18 A19 A20 A21 A22
A23 A24 A25 A27 A28
A31 A32 A34 A36
C03 C08 C10 C15 C18
C25 C28 G06 G07 G12
G17 G18 G19 G22 G24
G33 H01 H03 H16 H21
H23 J07 J11 J14 J16
J19

          2022年3月14日改訂。