ウェブデザインA 第15回

ウェブデザインA 第15回

2026年01月28日 /最終更新:2026年01月28日
読了目安:約3分

Webサイトコーディング[LEVEL NORMAL]のコーディングを行い完成させましょう。

ウェブデザインA 第15回

Webサイトコーディング[LEVEL NORMAL] その2

前回からレスポンシブWebデザインの実装、および画像スライドショーの実装をテーマにした、
Webサイトコーディング[LEVEL NORMAL]のコーディングを開始しました。
今回が最終回ですので、完成させて課題提出を行いましょう。

ひとまずVisual Studio Codeを起動しておきましょう。

前回は3ページ目を完走したので、メディアクエリを使い、レスポンシブWebデザインを実装することができました。
今回は以下の記事の4ページ目の学習を行い、JacaScriptを使った画像スライドショーを実装します。
では以下の記事を開き4ページ目に移動しましょう。

[コーディングの実践]LEVEL NORMAL

課題提出

今回は「html02フォルダまるごとzip形式で圧縮し、
圧縮ファイルのファイル名を「学籍番号 LEVEL NORMAL」に書き換えて提出してください。

「html02」フォルダをzip形式で圧縮

まず、「html02」フォルダ圧縮の手順は以下。

  1. 「html02」フォルダを右クリックして、「送る」→「圧縮(zip形式フォルダー)」を選択してzipファイルを作る。
  2. 圧縮ファイルのファイル名を「学籍番号 LEVEL NORMAL」と変更する。

以上です。

zip圧縮したファイルをフォームから送信

圧縮したファイルは以下のフォームから提出してください。

なお今回は課題提出フォーム内に「Visual Studio Codeを使った学修の感想」「CodePenを使った学修の感想」という記述式のアンケート項目があります。
今後の授業の組み立ての参考にさせてほしいと思っていますので、できる限り記入してもらえたら嬉しいです。
※当然ながら授業の成績評価には一切関係ありません

演習07 html02コーディング課題提出フォーム

なお提出期限は、26/2/3(火)23:59までとします。

私の仕事は「きっかけ」を作ること

ウェブデザインAでは、普段聞き慣れないワードや使ったことのないツールがたくさん出て来ましたね。
それだけけに、戸惑うことや難しいと思うこともたくさんあったと思います。
しかし、「こういう仕事もあるんだ」という事を知るきっかけにしてもらえたらと思っています。

改めまして・・・

本講義は、「ウェブデザイン実務士」の資格取得のための必修科目になります。
ただ個人的には、今後のデザイン系科目、特にウェブデザインBおよびウェブデザイン演習と合わせ、
この講義が将来のウェブデザイナーを生み出すきっかけ作りになればいいなと本気で思っています。

全15回お疲れ様でした。