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




Webアクセシビリティに配慮し、  下記の条件を満たし、
   課題「これまでの自分・これからの自分
      (未来日記)」
  という題でホ-ムペ-ジを作成しなさい。
「20年後の未来を予測する」

  • ファイル容量 1MB以下
    (1つの画像:100KB以下)
  • リンク  7以上
  • ペ-ジ  4ペ-ジ以上8ペ-ジ以下
    (htmlファイルの数)
  • 画像(1) (2) (3)のすべてを入れること
    (自分で作成したものに限る)
    (1)ピクトグラム (2) 絵、ロゴ  (3) 写真   
    注)Webにある素材集の素材は使わない
  • HTML5・CSSを理解しメモ帳(エディタ)で作成すること(ライブラリ(jquery等)を利用しない)    

    (推奨ブラウザ:Google Chrome)






    授業では、特に、視覚障がい者、高齢者等に配慮したwebページにおける合理的配慮(ウェブアクセシビリティ)について学習してきました。 その一つの配慮として画像に代替テキストの提供を必須としました。生徒たちは、少しでも、JIS X 8341-3の規格を意識できたと考えています。
    原則、課題作成の条件を満たした課題作成に時間をかけて取り組みが良好と評価した作品を公開します。
    また、授業中20分で作成したWebページの素材と文字を用いて、15秒のCMを作成しました。     

その他に、情報デザインの学習に関連して、お役立ち情報「あったらイイな!!こんなピクトグラム」と題し、生徒が提案するピクトグラムをページの中に掲載しています。探してみてください
CM
 
                                                    
Webページ
E01 E02 E03 E04 E05
E09 E10 E11 E12 E13
E14 E15 E16 E17 E19
E21 E23 E24 E25 E26
E27 E28 E30 E32 E33
F01 F02 F03 F04 F05
F06 F07 F08 F10 F13
F16 F17 F19 F20 F25
F28 F29 F30 F32 H01
H02 H03 H04 H05 H08
H12 H15 H18 H20 H23
H28 H29 H31 H35 I01
I02 I03 I05 I09 I10
I11 I12 I13 I14 I16
I17 I18 I21 I22 I23
I24 I27 I28 I29I32
I33 I34 J01 J03 J05
J08 J09 J10 J12 J13
J14 J15 J16 J17 J20
J21 J22 J23 J26 J28
J33 J35 J36 G02 G07
G14 G16 G17 G18 G21
G23 G26 G30 G32 G33
H32 A04 A05 A09 A12
A19 A23 A27 A28 A29
A30 A31 A34 B01 B08
B11 B13 B16 B18 B26
B27 B34 C04 C06 C06
C21 C32 C34 D11 D15
D24 D32 D33 D34 D35
D37    

          2024年3月19日改訂。