基礎プログラミング演習1

連絡先

秋山優: maooonあっとgmail.com

評価について

注意

Webで検索したコード、友人や先輩に書いてもらったコード、生成AIが出力したコードをそのまま提出する人がたまにいますが、そのような行為は剽窃とみなされ「不可」となります。気をつけてください。AIを活用して勉強するのはもちろんOKです。

課題のプログラムには必ずコメントをつけてください。コメントがついていないプログラムは採点対象外です。小学生でもわかるようにプログラムを説明してください。詳しくは次週説明します。

第１回　オリエンテーション

授業で使用するソフトウェア

以下からダウンロードしてください。ブラウザは必ずFireFoxを使ってください。エディタは好きなもので結構です。授業では（教卓のPCでは）VSCodeを使います。

課題の提出方法

  1. ycReportsフォルダ内の「基礎プログラミング演習1a(秋山)」（後半学期は1b）というフォルダの中に、「自分の氏名(学籍番号)」というフォルダを新規作成してください。このフォルダが第2回目以降の課題提出用フォルダになります。学籍番号は半角英数です。
  2. 各自の課題提出用フォルダの中に、さらに毎授業ごとに「02」「03」・・のようにフォルダを作成し、各回の授業で作成した課題ファイルを保存してください。他の人のフォルダに提出しないよう注意。
  3. 学外から自分のPCで課題を提出するためには、学内ネットワークにVPN接続をする必要があります。情報基板センターの学外からの利用(VPN接続)を参考にしてPulse Secureを使ってVPN接続をしてください。
  4. VPN接続したら、同じく情報基板センターのネットワークドライブの接続を参考にして、ycReportsフォルダにアクセスしてください。

課題

  1. 01というフォルダを作成し、エディタで作成したHTMLファイルを提出しなさい。内容は何でもよい。ファイルを保存する際に、拡張子を「.html」とすること。他人の提出フォルダに入れないように気をつけて下さい。

第2回　HTMLの基礎

今週の目標

課題

  1. 基本的なタグについてWebで調べ、自己紹介ページを作成しなさい。以下を含むこと。
  2. Webページが正しい文法で書かれたかをW3CのValidatorで検証します。エラーがなくパスすると、その証をページに貼ることができます。

参考

第3回　CSSの基礎

目標

参考ページ（とほほ）

課題

先週の分と合わせて提出してください。

先週作成したHTMLファイル（自己紹介ページ）をCSSで装飾しなさい。以下の条件を満たすこと。スタイルは自由に決めてよい。スタイルシートは外部ファイル（.cssファイル）として作成すること。

  1. まず、自己紹介ページに東京都市大学のロゴを表示します。次に、aタグでロゴ画像を囲んでリンクにし、クリックすると都市大のトップページに遷移するようにリンクを貼りなさい。
  2. 指定したid名の要素に任意のスタイルを適用すること（例えば箇条書きの要素（<li>aaa</li>)が３つあるとき、一つ目は背景色が赤、二つ目は青、、、等）。
  3. 指定したclass名の要素すべてに任意のスタイルを適用すること。
  4. 指定したid名のimg要素について、任意の縦横幅を指定すること。
  5. 表組み（時間割）の枠線を自分の好きなように変更してみましょう。
  6. グラデーションや透明度を指定すること。
  7. その他自分で調べて自由にスタイルを適用すること。
  8. W3CのCSS Validationを通してみましょう。パスすると、パスした証としてアイコン（このページの一番下参照）をページに貼ることができるので、頑張ってみてください。


正当なCSSです!