実技 ポートフォリオ制作実習③

-本日のアジェンダ-

1限目
実技 ユーザーインタフェース作成実習
WordPressでポートフォリオを作ってみよう

2限目
実技 ユーザーインタフェース作成実習
WordPressでポートフォリオを作ってみよう

3限目
実技 ユーザーインタフェース作成実習
WordPressでポートフォリオを作ってみよう

4限目
実技 ユーザーインタフェース作成実習
WordPressでポートフォリオを作ってみよう

5限目
実技 ユーザーインタフェース作成実習
WordPressでポートフォリオを作ってみよう

本日のテーマ

ポートフォリオサイトの基本部を完成させましょう

ポートフォリオとは

ポートフォリオは、色々な意味がありますがWebデザイナーとしての狭義の意味では、デザイナーやクリエイターが実績や実力を示す作品集です。就職活動の武器として使用できるポートフォリオを作っていきましょう。

参考サイト

ポートフォリオの記載内容

  • 目次
  • 自己紹介（プロフィール）
  • 保有スキル
  • 得意分野
  • 作品紹介（成果物と説明）
  • 後書き（あいさつ）

参考サイト

ワンポイントアドバイス

ポートフォリオの作成と言っても、最初は掲載する作品がないと思うかもしれません。でも、心配ありません。ここの訓練で作成したものや作成するものを整理して掲載することでちゃんとしたポートフォリオが作成できます。目指す就職先の分野も考慮してポートフォリオの構成を考えてみてください。

今後の予定

・12/17（金）：WordPressの使用法理解（終了）
・1/12（水）：ポートフォリオ内容の検討（オンライン）（終了）
・1/17（月）：ポートフォリオ作成 （オンライン） （終了）
・1/24（月）：ポートフォリオ作成 （オンライン）（終了）
・2/9（水） ：ポートフォリオ作成 （オンライン）（本日）
・2/25（金） ：成績考査（作成したWordPressサイト提出）

作成するWordPressサイトには、以下の内容を記載してください。
・ポートフォリオ
・「学科 グラフィックデザイン基礎①～⑦」の訓練ブログ（1/13開始）
・「学科 HTML基礎 ①～④ 」の訓練ブログ （1/13開始）
・「学科 CSS基礎①～④」の訓練ブログ （1/21開始）

本日の課題

WordPressサイトにポートフォリオを構築してください

学科 WEB動画基礎

-本日のアジェンダ-

1限目
学科　WEB動画基礎
YouTube利用について

2限目
学科　WEB動画基礎
WebサイトでYouTubeの 使い方について

3限目
学科　WEB動画基礎
課題作成

4限目
学科　WEB動画基礎
課題作成

5限目
学科　WEB動画基礎
課題作成

本日のテーマ

WebサイトでのYouTubeの活用法についてです。

YouTubeにつて

YouTube （ ユーチューブ ） は、アメリカ合衆国・カリフォルニア州サンブルーノに本社を置く世界最大の動画共有サービス。Youは「あなた」、Tubeは「ブラウン管（テレビ）」という意味である。

VIDEOとIFRAMEタグ

WEBサイトに動画を埋め込む方法は２つあります。
①iframeタグを使用する（youtubeなどの動画サイトから読み込む）
②videoタグを使用する（動画ファイルをアップロードして読み込む）

①IFRAMEタグを使用する（YOUTUBEなどの動画サイトから読み込む）

記述例
<iframe width="410" height="200" src="https://www.youtube.com/embed/9No-FiEInLA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>

②VIDEOタグを使用する（動画ファイルをアップロードして読み込む）

記述例
<video src="sample.mp4"></video>

参考サイト

その他、埋め込みについては下記を参考に！

SNSの埋め込み方

練習課題

オンライン期間中のコーディング練習

Dropboxの練習用ファイルで力をつけましょう！
ファイル場所・・・資料 /【4】コーディング / 「コーディング練習 」
【練習①】「cording_saito_20201001.zip」
PDFにある問題を解いてみましょう。
【練習②】「cording_nakano_20210902.zip」
JPEGのデザインラフを目指して、CSSの「プロパティ」と「値」を組みましょう。

・完成したものは訓練中の成果としてポートフォリオに載せていただいて構いません。
・画像やバナーの入れ替えなど、自由にアレンジを加えていただいても構いません。
・提出課題ではありませんのでご自身のペースで挑戦してみて下さい。

本日の提出物はありません。