お知らせ！(2019.10.29)

Progateのアカウント名を変更する際は４ケタの番号は必ず先頭に残してください。誰だかわからなくなります。

Progateの「HTML&CSS初級編」は10月31日までに完了させてください。

Progate：「HTML＆CSS」で作ったページをアレンジしてみよう！

• Progate https://prog-8.com/
  • ユーザーID: hgXXXXX@js.kogakuin.ac.jp
  • パスワード: kgiXXXXX
• HTML & CSS 学習コース 初級編 の「21. Padding とmargin」を開く
  • このページをアレンジして「Global Project」のホームページのトップページを作ってみよう！
  • 同じ行先の人２～３人でグループを組む。誰か一人のPCを使います。
• どんなページにするかを考える
  • グローバルプロジェクトの取り組みをいろいろな人に知らせるためのホームページ
  • 事前学習で勉強したことをお互いに共有するためのホームページ
  • 実際に行っているときに自分たちが活用できるホームページ
  • などなど
• そのためのトップページにはどんな構成にするかを考える
  • ただし今回はあくまで練習なので、なるべく元の形をいかす。（この時間内に仕上げる）
  • いろいろ知識があるのなら大胆に変えてももちろんOK
• チャレンジしてほしいこと
  1. 「文字」情報はすべて「Global Project」の内容に変えること。
  2. 背景の色を変えてみよう。（background-color）
  3. 文字の色を変えてみよう。（color）
  4. 文字のフォントを変えてみよう。（font-family）
  5. 画像をネットから探した「Global Project」にふさわしい画像に変えてみよう。
  6. 画像の大きさをそろえてみよう。どのように「大きさ」をそろえたら、見た目がきれいになるだろうか？
  7. 「きれい」に見えることを心掛けよう。キーワード：「色のバランス」✖「そろえる」（縦・横）
• 作った画面全体が見える状態でスクショしてFeelnoteで提出してください。（Ctrl＋、Ctrl-、Ctrl0）
  • 提出の際にメンバーの名前と「コンセプト」を書いてください。（提出期限は今日中）
• 参考になるページ
  • SDGsのロゴ https://www.unic.or.jp/activities/economic_social_development/sustainable_development/2030agenda/sdgs_logo/sdgs_icon/
  • HTMLクイックレファレンス http://www.htmq.com/
• 画像のURL：画像の上で右クリック － 「画像のアドレスをコピー」
• フォント：wordやパワポでフォント名をコーピーしてCSSで指定する。（font-family{}）