学科 CMS構築基礎④

-本日のアジェンダ-

1限目
学科 CMS構築基礎③
固定ページの作り方(パスワード設定と実用例について)

2限目
学科 CMS構築基礎③
「Illustrator」トレースの復習

3限目
学科 CMS構築基礎③
課題制作(まとめの時間)

4限目
学科 CMS構築基礎③
「Illustrator」「Photoshop」グラフィックツールについて

5限目
学科 CMS構築基礎③
課題制作(まとめの時間)

本日のテーマ

WordPressを使いこなしましょう

【資料】

Dropboxにある資料をダウンロードしましょう。

[保存場所]
Dropbox / DEAUアカデミー WEBデザイナー養成科 (短時間) / 資料 / 【STEP1】基本操作の理解・・・
1.「Wordpress活用法の教科書④.pdf」
2.グラフィックツールの教科書④.pdf」 

【動画①】Wordpress活用法の教科書④

【動画②】グラフィックツールの教科書④

投稿ページと固定ページ

使いやすい(見やすい)ポートフォリオサイトにするためには、投稿ページと固定ページの使い分けや適切なメニュー設定が必要です。

参考サイト

ブロックエディタ

ブロックエディタの機能を理解して思い通りのページを作成できるようになりましょう。

ブロックエディタの主要機能

  • テキスト→「段落、見出し、リスト」(改行入力、リンク設定)
  • テキスト→「コード、整形済テキスト、詩」(複数の空白や改行をそのまま表示)
  • テキスト→「テーブル」:表組型式を作成
  • メディア→「画像、ギャラリー」:写真掲載の基本
  • メディア→「カバー」:テキストをオーバレイした画像を配置
  • メディア→「メディアとテキスト」:写真と文章を並べる
  • メディア→「ファイル」:PDFファイルなどのダウンロードを配置
  • デザイン→「ボタン」:リンクを作成するのに便利
  • デザイン→「カラム」:横方向に複数欄を作成し、それぞれのメディアを指定可
  • デザイン→「続き」:抜粋に表示する範囲を指定
  • デザイン→「ページ区切り」:別ページにする時に指定
  • デザイン→「区切り」:文章と文章の間に水平線を表示
  • デザイン→「スペーサー」:空間を作成
  • ウィジェット→「ウィジェット」:色々な表示部品を指定
  • ウィジェット→「ソーシャルアイコン」:SNSへのリンクを作成
  • 埋め込み→「埋め込み」:代表的なサイトへのリンクを作成

参考サイト

本日の課題

作品や日々の学び(訓練日誌)をまとめて、ポートフォリオサイトに掲載しましょう。

学科 CMS構築基礎③

-本日のアジェンダ-

1限目
学科 CMS構築基礎③
「WordPress」メディアについて

2限目
学科 CMS構築基礎③
「Photoshop」選択範囲とレタッチの復習

3限目
学科 CMS構築基礎③
課題制作(まとめの時間)

4限目
学科 CMS構築基礎③
ダイレクト選択ツールとトレースについて

5限目
学科 CMS構築基礎③
課題制作(まとめの時間)

本日のテーマ

WordPressサイトにメディアを載せ投稿ページを作りましょう

【資料】

Dropboxにある資料をダウンロードしましょう。

[保存場所]
Dropbox / DEAUアカデミー WEBデザイナー養成科 (短時間) / 資料 / 【STEP1】基本操作の理解・・・
1.「Wordpress活用法の教科書③.pdf」
2.グラフィックツールの教科書③.pdf」 

【動画①】Wordpress活用法の教科書③

【動画②】グラフィックツールの教科書③ [Illustrator]

メディアライブラリの活用

メディアライブラリを使って画像を投稿しましょう。

参考サイト

Photoshop基本操作まとめページ

Illustrator基本操作まとめページ

本日の課題

本日以降は、順次、作成済の作品や日々の学び(訓練日誌)をまとめてWordpressに掲載しましょう。