学科 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構築基礎②
Illustratorの基本操作を復習しましょう

3限目
学科 CMS構築基礎②
課題制作

4限目
学科 CMS構築基礎②
Photoshopの選択範囲とレタッチについて

5限目
学科 CMS構築基礎②
課題制作

本日のテーマ

WordPressサイトのデザインを考えましょう

【資料】

Dropboxにある資料をダウンロードしましょう。
[保存場所]
Dropbox / DEAUアカデミー WEBデザイナー養成科 (短時間) / 資料 / 【STEP1】基本操作の理解・・・
1.「Wordpress活用法の教科書②.pdf」
2.グラフィックツールの教科書①.pdf」 
3.「グラフィックツールの教科書②.pdf」

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

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

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

Web版ポートフォリオのデザインについて

WordPressでポートフォリオを作成するためのテーマを選定しましょう。

参考サイト

注意事項

テーマを入れすぎるとサーバーのディスク容量が大きくなってしまうと同時にWordPressの動きが重たくなってしまうので不要になったテーマは削除するようにしましょう。

本日の課題

Web版ポートフォリオに摘要するテーマを選定をしましょう。