NPI

日本写真芸術専門学校の授業の資料です。参加者に向けたページであるためGoogleの検索結果などには表示されません。特定のURLからアクセスした人にだけメニューにリンクが追加されています。

Web表現演習・
メディア表現演習Ⅰ

日本写真芸術専門学校の授業の資料です。参加者に向けたページであるためGoogleの検索結果などには表示されません。特定のURLからアクセスした人にだけメニューにリンクが追加されています。

このサイトに授業の資料をまとめます。
https://sudahiroya.com/npi/


Schoo Swingで課題の回収と画面の配信をします。
https://gogakuen-ndsnpi.swing.schoo.jp/


2/3以上の出席で採点対象になります。
基本的に宿題はありませんが、授業内課題があります。

過去の資料

前期

#01 ガイダンス

1. 科目ガイドの確認
2. アプリケーションの確認

#02 ページの作り方

1. フォルダやファイルの作成
2. HTMLの基本
3. CSSの基本

#03 ボックス

1. ボックスについて
2. ノーコードツールを使ってみる

#04 画像

1. ベクタ画像とビットマップ画像
2. 解像度
3. 画像ファイルの形式

#05 レイアウト

1. ボックスのおさらい
2. ブロックボックス
3. インラインボックス
4. フレックスボックス

#06 色

1. 色の基本
2. 配色
3. 配色ツール

#07 文字

1. 文字のデザインの基本
2. CSSでの文字のデザイン
3. Webフォント

#08 ページ構成

1. インターネットのしくみ
2. Webのしくみ
3. リンクとナビゲーション

#09 動き

1. 動画や音声
2. インタラクション
3. コーディングの場合

#10~ Webサイトの制作

課題 「写真が主役のWebサイト」
1. Webサイト制作の流れ
2. デザインの基本

後期

#01 オリエンテーション

授業メモ

#02 レスポンシブデザイン

1. レスポンシブデザインとは
2. HTML・CSSの復習
3. ノーコードの復習

#03 モーダルウィンドウ

1. ノーコードの演習
2. コーディングの演習

#04 ハンバーガーメニュー

1. ノーコードの演習
2. コーディングの演習

#05 スライドショー

1. ノーコードの演習
2. コーディングの演習

#06 スプラッシュスクリーン

1. ノーコードの演習
2. コーディングの演習

#07 CMSの紹介

授業メモ

#08 Webサーバーへのアップロード

授業メモ

#09-#11【課題】ポートフォリオサイトの制作

授業メモ