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

1限目
実技 ポートフォリオ作成実習①
WordPressでポートフォリオを作ってみよう

2限目
実技 ポートフォリオ作成実習①
WordPressでポートフォリオを作ってみよう

3限目
実技 ポートフォリオ作成実習①
WordPressでポートフォリオを作ってみよう

4限目
実技 ポートフォリオ作成実習①
WordPressでポートフォリオを作ってみよう

5限目
実技 ポートフォリオ作成実習①
WordPressでポートフォリオを作ってみよう

本日のテーマ

ポートフォリオサイト制作を進めましょう

ポートフォリオとは

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

参考サイト

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

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

参考サイト

ワンポイントアドバイス

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

今後の予定

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

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

本日の課題

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

学科 HTML基礎③

-本日のアジェンダ-

1限目
学科 HTML基礎③
マークアップについて

2限目
学科 HTML基礎③
タグチェッカーについて

3限目
学科 HTML基礎③
SEOについて

4限目
学科 HTML基礎③
HTMLのまとめ

5限目
学科 HTML基礎③
グラフィックツールの復習

本日のテーマ

タグチェッカーを活用しましょう。

マークアップについて

マークアップとは、文書構造（テキスト）や視覚表現（装飾）などの情報を、コンピューターが正しく認識できるように、タイトルや見出しなどの各構成要素に「タグ」と呼ばれる識別のための目印を使い、意味付けを行っていくことを意味します。

ワンポイントアドバイス

Web関連の求人情報で、マークアップエンジニアという職種があります。マークアップエンジニアというのは、専門知識を必要とする仕事ではあります。Webサイト制作で、フロント寄りの領域を扱うことから、エンジニアやプログラミングとは大きく業務内容が異なります。
マークアップエンジニアは、制作現場で数多く求められている職種です。 未経験者であってもある程度の勉強や実践経験を積めば、募集企業によって十分チャレンジが可能な職種と言われています。

参考サイト

タグチェッカーについて

正確なHTMLが書けているか、自分の目ですべてをチェックするのはとても大変作業です。とはいえ、適切なHTMLが書けていないとレイアウト崩れの素となったり、修正に大幅に時間がかかったりなど決していいことはありません。そんな時に活用したいのがHTMLのエラーチェックツールです。

ワンポイントアドバイス

マークアップエンジニアやコーダーの求人応募をして、見られるのはソースコードです。最低限のやっておくべき事として文法エラーは減らしておきましょう。

参考サイト

SEOについて

検索エンジン最適化とは、検索エンジンのオーガニックな検索結果において、特定のウェブサイトが上位に表示されるよう、ウェブサイトの構成などを調整すること。また、その手法の総称。 サーチエンジン最適化ないし検索エンジン対策とも呼ばれ、ウェブポジショニングと同義である。

ワンポイントアドバイス

まずは正しい文法理解と記述を理解していきましょう。その次に目的であるSEO（検索エンジン最適化）を考えてより良いサイト構築・設計を考えていきましょう。

参考サイト

本日の課題①

wordpressのサイトに、本日学んだ内容を「投稿ページ」にまとめてください。
投稿日は、本日の日時で設定してください。
※ページタイトルに「議題」は必ず入れましょう。

本日の課題②

グラフィックデザイン基礎の内容をページにまとめてください。
投稿日は、該当する「学科　グラフィックデザイン基礎」の日時にしてください。
※ページタイトルに「議題」は必ず入れましょう。