月別: 7月 2023

学科CMS構築基礎②

今日のテーマ

WordPressの見せ方

WordPressのテーマとは？

ワードプレスのテーマとは、webサイト全体のテンプレートのこと。テーマは複数のファイルの集合体で、デザインなどの内容が、一式セットになっている。そんため、テーマを変更すれば複雑な処理を行うことなく、web サイトのデザインや構成、機能などを変えることができる。

one point

テーマは後からでも変えられる。自作でもできる。ただし細かいことは他人が作ったものなので、思っていたのと違う時は、別のテーマに変更した方が良い。

ウィジェットとは？

WordPressのウィジェットとは、webサイトのサイドやフッターに様々なパーツを設定できる機能。記事検索、最近の投稿、人気記事一覧、カテゴリー、タグ一覧、プロフィール…など、様々な機能を持ったパーツを設定することが出来る。

one point

ウィジェットを使えば、簡単に検索機能やカレンダーを設定できる。ポートフォリオサイトとして、企業担当さんが「学んだ技術」を探しやすいように工夫するのが良い。

トリミングとは？（Photoshop）

「トリミング」とは、画像の加工ができるソフトウェアが持っている機能ひとつで、画像の周囲にある不要な部分を非表示にすることで画像の表示範囲やサイズを調整することが出来る。

ファイルの作成方法

Illustrator・Photoshopともファイルの作成は「新規作成」「開く」「読み込む」で出来ている。制作した元データ「Illustratorならai」「Photoshopならpsd」から、WEBように「jpg」「gif」「png」「pdf」等のファイル形式にする事が出来る。

選択範囲

選択範囲のよって画像の一部分または、複数に部分が分離される。特定の領域を選択する事で、選択していない領域の素のままに保ちながら、画像の選択部分を編集したりエフェクトやフィルターを適用したりする事ができる。

• 長方形ツール
• 楕円形選択ツール
• なげわツール
• 多角形選択ツール
• マグネット選択ツール
• 自動選択ツール
• クイック選択ツール

オブジェクトノ選択と移動と削除・コピー

オブジェクトを移動させる時には、「マウスドラッグによる移動」、「移動コマンドによる数値指定での移動」、「変形パネルを使った移動」、「矢印キーを使った移動」がある。選択ツールで移動したいオブジェクトを選択し、そのままドラッグする。削除は「Delete」キーで削除できる。

レイヤーパネル

Photoshopのレイヤーは、つい重ねられた透明フィルムのようなもの。レイヤーの透明部分では、したのレイヤーが透けて見える。レイヤーは、透明フィルムをスライドさせるように動かして、レイヤーのコンテンツを希望の位置に配置することが出来る。また、レイヤーの不透明度を変更して、コンテンツを部分的に透明にする事もできる。

レイヤーマスク

レイヤーマスクとは、通常のレイヤーや調整レイヤーに一部抱けを表示したり、非表示にしたりする事ができる機能。レイヤーマスクを扱う最も大きなメリットは、素の画像を変更せずに部分的な補正や切り抜きが行える事。後に修正が必要になっても、レイヤーマスクを変更するだけで良いので非常に効率が良い。

描画色都背景色

描画色都背景色についてPhotoshopでは、ペイント、塗りつぶしおよび選択範囲の境界線の描画色が使用され、消去された領域やグラデーションには…あるファンチャンネルでは、初期設定の描画色はホワイトで、背景色はブラック。

ブラシツールとは？

Photoshopのブラシは、サイズやエッジの柔らかさを自由に変更して画面内に色々な形でペイントする事ができる。エアブラシ効果や特殊効果をつけたストロークを描く事ができる。ブラシの設定をカスタマイズして、専用のライブラリに追加、呼び出して利用することもできる。

切り抜きツールとは？

【Photoshop基本操作】〔切り抜きツール〕とは、画像を切り抜くためのツール。ドラッグした範囲を四角形に切り抜き、後でも、トリミング両機の移動や仕上げサイズの変更といった再編集が可能。

自由変形（Ctrl +T）

自由変形の使い方フォトショップの自由変形を使うことで、全体の仕上がりを見ながら画像の大きさや角度などを編集する事ができる。

Web用に保存（従来）とは？

「Web用に保存（従来）」は、圧縮率を調整するなどして保存のデータ容量を調整できる。

レタッチとは？

写真編集とは、アナログ、デジタルを問わず、写真画像を修正する技法を意味する。フォトレタッチとも。これを職業とする人をレタッチャーという。（フォトレタッチ、リタッチャートも）

パッチツール

画像上の不要なものを、画像上の他の部分をパッチのように使って削除したりして画像を修復するツール。

コピースタンプツール

画像の一部分を別の場所に複製する事ができるツール。どのまま画像を重ねるイメージ。

修復ブラシツール

修復したい箇所の上に、重ねたい画像の部分をブラシで塗り重ねるようなツール。周りの画像と馴染むような処理がされる。

コンテンツに応じた移動ツール

写真の一部を選んで位置を変える事ができる。

ぼかしツール

画像のぼかしたところをただブラシでなぞるだけで簡単に画像をぼかす事ができるツール。

シャープツール

ドラッグした部分を鮮明にするツール

指先ツール

指先で擦ったような効果を加えるツール。油絵のよう無いアラストレーションを描きたい時や、ブレた動きを作りたい時などに便利。

覆い焼きツール

ドラッグした部分を「明るく」するツール

焼き込みツール

ドラッグした部分を「暗く」するツール

学科グラフィックデザイン基礎①

今日のテーマ

保存：「Ctrl」+「S」はこまめにする

本日のIllustratorの基本操作

• 新規作成・開く
• アートボード
• 選択ツール
• 長方形ツール
• 楕円形ツール
• 多角形ツール
• スターツール
• パスファインダー（合体・型抜き・交差）
• プロパティパネル
• ズームツール
• 保存(ai)・別名で保存（pdf）

新規作成・開く

Illustratorを起動すると、スタートワークペースが表示される。「新規作成」をクリックして、新規ドキュメントダイアログボックスを開く。

保存（ai）・別名で保存（pdf）

Illustratorドキュメントを保存すると、アートワークデータはファイルに書き出される。データの構造は、選択したファイル形式によって異なる。アートワークを保存できる基本的なファイル形式には、AI、PDF、FXGおよびSVGの5種がある。また、WEBサイト用の画像「jpg、gif、png」に保存することもできる。後、もうひとつ専用ソフトが無い方にも見てもらえるように「pdf」への保存も可能。

ショートカットキーについて

　
Windows版
　保存：「Ctrl」＋「S」
　別名で保存 ：「Shift」「Ctrl」＋「S」
　Web用に保存（従来）： 「Alt」「Shift」「Ctrl」＋「S」

one point

新規ファイルを作成したらまず「保存」をする。

アートボート

アートボートは、絵画に例えればアートワークを作成する為のキャンバスのようなもの。アードボート内にアートワークを作成することで印刷時に書き出される範囲の目安になる。

選択ツール

オブジェクト全体（グループ含む）を選択するツール。このツールで選択されたオブジェクトは、周囲にバウンディングボックスが表示され、オブジェクトの拡大・縮小・回転などを行うことが出来る。基本的な使い方は、オブジェクトをクリックして選択、もしくはドラッグして選択するだけ。

図形ツール

イラストレーターでオブジェクトを描写する方法は多数存在する。その中で、四角形や円など簡単な図形を描く野に向いてるのが「図形ツール」。図形ツールを使うことで、単純な図形を素早く効率的にアートボード上に作ることができる。

パスファインダーツール

パスファインダーとは複数のパスを合成させたり、逆に一方のパスからもう一方の形を切り抜いたりする事ができる一連の機能の事。手作業では再現が難しい幾何学的なパスも工夫次第で比較的簡単に作る事ができる。

プロパティパネル

Illustrator CC2018のプロパティパネルとは、ウィンドウ上部に表示されていたコントロールパネルをさらに使いやすくしたもの。

ズームツール

画面上を拡大表示や縮小表示して作業しやすくする。顔魔界作業をするために拡大表示がしたい、または全体を確認したいので拡大表示したい場合がある。そんな時にズームツールを使う。

今日の課題

とにかく何かを描いた画像データを、WordPressに投稿する

学科CMS構築基礎①

初めてのWordPress

Agenda

• WordPressとは
• CMSとは
• WordPressの利用方法について

WordPressとは

ブログやサイト（ホームページ）を作成できるソフト。世界中のサイトの約3分の1はWordPressで作られているといわれていて、日本国内でも、個人ブログだけでなく、企業や公共機関のサイトなどに幅広く利用されている。

CMSとは

CMS（コンテンツ管理システム）は、ウェブコンテンツを構成するテキストや画像などのデジタルコンテンツを統合・体系的に管理し、配信など必要な処理を行うシステムの総称。2005年頃より一般的に普及したといわれる。コンテンツマネージメントシステムとも呼ばれる。

WordPress利用方法について…

投稿ページの主な項目

タイトルについて

ページの見出しやページタイトルに反映します。
また、投稿一覧ページやトップページの記事一覧の箇所に反映されます。
ページのタイトルになる事を想定した見出しを考えましょう。
※検索エンジンのキーワードに重要な存在になります。

文章入力とブロック(クラシックの追加)

ページの内容の部分。「段落」「見出し2～６」「リスト・番号付きリスト」
等を選ぶことが出来、「文字の揃え位置（右揃え・真ん中揃え・左揃え）」
「太字」や「イタリック」「リンク」・「新しいタブで開く」「打消し線」の設定が可能。

学科WEBコンサルティング基礎②

ポートフォリオの企画を発表しよう

Agenda

• プレゼンテーションとは
• 企画のまとめ
• 企画の発表・まとめ

プレゼンテーションとは

プレゼンテーションは、情報伝達手段の一種。聴衆に情報を提示して、理解を得るようにするための手段である。特に視覚情報が重視され、視覚情報伝達手段の一種と定義されている場合もある。日本語ではプレゼンと略称されることも多く、特に広告業界では早くから浸透している。

学科グラフィックデザイン基礎①

illustratorの基本操作

• 新規作成・開く
• アートボード
• 選択ツール
• 長方形ツール
• 楕円形ツール
• 多角形ツール
• スターツール
• パスファインダー（合体・型抜き・交差）
• プロパティパネル
• ズームツール
• 保存(ai)・別名で保存（pdf）

新規作成・開く

Illustratorを起動すると、スタートワークスペースが表示される。「新規作成」をクリックして、新規ドキュメントダイアログボックスを開く。

【illustrator作品】

illustratorを利用して犬とネズミを作成しました。3D加工を利用して立体感が出るように作成した。また、ネズミの耳の模様は、ツールを利用しオリジナリティが出るように工夫をした。

学科WEBプログラミング基礎

〜アジェンダ〜

• 安全衛生　データの管理方法と取扱について
• 就職支援　自己紹介について
• 就職支援　自己紹介の準備

〜最初の準備について〜

USBの安全な取り外し方

USBメモリや外付けハードディスクなどの周辺機器は、正しく停止処理を行うことで、パソコンから安全に取り外すことができる。

方法　

タスクバーのUSBメモリのマークから「ハードウェアを安全に取り外してメディアを取り外す」

「常に〇〇○を使ってファイルを開く」方法

Windows 10には、写真を表示したり、音楽を再生したりするためのアプリがいくつか搭載されている。元のアプリを関連付けしておくとファイルがJPEGやPDF出樹時開くようになる。

方法

エクスプローラーで開きたいファイルを右クリックし、「プログラムォ選択」「別のプログラムを選択」

拡張子を表示させる

拡張子とはファイルの種類を識別するために使われるファイルの末尾にあるピリオド+英数字３〜４文字のこと。例）「txt.」、「.xlsx」

方法

エクスプローラーデ上部メニュー「表示」を選択。「ファイル名の拡張子」を選択。チェックを入れると拡張子表示、チェックを外すと拡張子非表示。

メインブラウザの設定

規定のブラウザとはリンクをクリックしたりしてブラウザが必要な時にどのブラウザを使用するのかを設定したもの。基本的にはGoogle Chromeが一般的。他（Safari、Micro edge、Firefoxなど）

方法

スタートメニューの設定を選択、アプリの「規定のアプリ」を選択。「webブラウザー」の所に規定のブラウザが表示されているので、選択。規定のブラウザにするブラウザアプリを選択する画面が表示されるのでGoogle Chromeを選択する。

ジョブカードについて

生涯を通じたキャリア・プランニング及び職務能力証明の機能を狙うツールであり、個人のキャリアアップや多様な人材の円滑な就職などを促進する為、労働市場インフラとして、キャリアコンサルティング等の個人への相談支援のもと、求職活動、職業能力開発などの各場面において活用する物。