学科 jQuery基礎【オンライン】

-本日のアジェンダ-

1限目
学科 jQuery基礎
jQueryの使い方について

2限目
学科 jQuery基礎
jQueryの導入

3限目
学科 jQuery基礎
課題制作

4限目
学科 jQuery基礎
課題制作

5限目
学科 jQuery基礎
課題制作


本日のテーマ

JavaScript(jQuery)についてです

jQueryについて

jQueryを利用する時の基本事項を理解し、自分のサイトに導入して動きのあるサイトを作りましょう。

参考サイト

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
JavaScript(jQuery)の教科書.pdf 

動画

jQueryの利用方法(復習)

jQueryを利用する時は実装するための参考サイトを検索し利用方法を理解しましょう。
検索は、「jQuery (実装したいキーワード)」で検索します。
良く使うキーワードの例は、以下の通りです。

  • スライダー
  • カルーセル
  • ハンバーガーメニュー
  • ライトボックス
  • ドリルダウン
  • フェード
  • スクロール など

参考サイト

ワンポイントアドバイス

見本となるサイトがたくさんあるのがWebページの良いところです。
「こんな動きのページ作れますか?」のような依頼はよくあります。
その見本のサイトを解析できれば実装が可能です。

本日の課題

提出課題はありません。
就職活動に応じた作品制作、ポートフォリオのまとめやコーディングの続きを進めましょう。

実技 WEBページ制作実習⑤

-本日のアジェンダ-

1限目
実技 WEBページ制作実習⑤
After Effects基本ツールについて

2限目
実技 WEBページ制作実習⑤
After Effects実践

3限目
実技 WEBページ制作実習⑤
After Effects実践

4限目
実技 WEBページ制作実習⑤
課題制作

5限目
実技 WEBページ制作実習⑤
課題制作


本日のテーマ

After Effectsで15秒動画を作成してみましょう

Premiere Pro で作った動画に効果を加えることも可能です!
PhotoshopやPremiere Pro等のAdobeソフトと連携がしやすいのがAfter Effectsの特徴です。タイトルの制作・画像の加工・エフェクトの作成・ゼロベースのアニメーション制作から、フィニッシュワーク(印刷業界における用語で、印刷物が印刷機から出た後に行われる後加工の工程全般を指します)まで用途は様々です。

After Effectsで動画制作5つの工程

01.コンポジション設定とファイルの読み込み
02.アニメーション
03.エフェクト
04.レイヤー
05.書き出し

参考サイト※再掲

本日の課題

今日できたものをポートフォリオ記事に掲載しましょう。