月別: 12月 2023

学科CMS構築基礎⑤

　

今日のテーマ

WordPressのテーマの仕組みを確認しよう。

　

　

WordPressについて

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

　

　

WordPressのテーマとは

WordPressのテーマは、Webサイトのデザインを決定するものですが、デザインに加えてサイト全体の構成や表示される機能にも影響します。単純に見た目のデザインだけで選ぶと操作がしにくかったりメンテナンスが大変だったりする場合もあります。
テーマの入手方法は、以下の種類があります。無料のテーマの中には、機能制限有りが無料で制限を解除する場合は、有料になる場合もあります。

　

• 無料のテーマ（WordPress公式テーマ）
• 無料のテーマ（WordPress非公式テーマ）
• 有料のテーマ
• 制作会社に発注
• 自分で作成

　

HTML・CSSからオリジナルテーマを作成

WordPressのオリジナルテーマを作成する手順を理解しよう

　

　

CMS構築基礎⑤

　

WordPressについて

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

　

WordPressのテーマとは

WordPressのテーマは、Webサイトのデザインを決定するものですが、デザインに加えてサイト全体の構成や表示される機能にも影響します。単純に見た目のデザインだけで選ぶと操作がしにくかったりメンテナンスが大変だったりする場合もあります。
テーマの入手方法は、以下の種類があります。無料のテーマの中には、機能制限有りが無料で制限を解除する場合は、有料になる場合もあります。

• 無料のテーマ（WordPress公式テーマ）
• 無料のテーマ（WordPress非公式テーマ）
• 有料のテーマ
• 制作会社に発注
• 自分で作成

　

HTML・CSSからオリジナルテーマを作成

WordPressのオリジナルテーマを作成する手順を理解しましょう。

　

職業人講話①

職業人講話では、実際のお仕事を行なっている方から、職場でのお話をする５時間。

　

ザクロバッカについて

ZAQRO-BACCA株式会社はサービス企業です。
私たちは怠慢になることをせず、常にお客様の事を考え、顧客満足度を高めます。プロ意識を持って、考え、行動し自己管理の下にお客様と共に成長していきます。

　

今日のトークテーマ

• 理想の働き方
• 社員と派遣
• パートとアルバイト
• フリーランス
• 経営者
• 経済力
• 営業力
• 経営力
• 技術力
• AI
• 書籍
• セミナー
• フロービジネス
• ストックビジネス
• FIRE（ファイア）

　

学科PHP基礎

　

今日のテーマ

WordPressはPHPでできてしまいます。

　

サーバーサイドスクリプトとクライアントサイドスクリプト

スクリプト（プログラミング）にはサーバー側で動くものとクライアント側（PC側）で動くものがあります。違いについて理解しましょう。

　

サーバサイドスクリプト

PHPやPerlといったプログラミング言語があります。これらの言語はWebサーバ上で動作します。このことから、これらの言語を「サーバサイドスクリプト」と呼びます。何らかの操作を実行すると、Webサーバにデータが送信され、サーバの中のプログラムが処理を行い、結果をブラウザに返します。

クライアントサイドスクリプト

一方、JavaScriptでは、記述したHTMLファイルはWebサーバ上でも公開されますが、ブラウザさえあれば実行することが可能です。Webサーバは必須ではありません。これは、Webブラウザ内でプログラムが実行されるためです。このようなスクリプトのことを「クライアントサイドスクリプト」と呼びます。

PHPとは

PHPとは動的にWebページを生成することができるサーバーサイドのスクリプト言語です。他のプログラミング言語と比較して仕様や文法が簡単なため習得しやすいと言われています。またMySQLなどのデータベースとの連携が容易なことなどから、WordPressを含めたWebアプリケーションの開発にもよく使われる有名なスクリプト言語でもあります。

one point

PHPはHTMLの延長と考えて、Wordpressの利用でよく見かける技術として今後に備えておきましょう。まずは、しっかりとHTML・CSSを理解しましょう。
PHPのファイルにHTMLを記述できるわけですから 必要性と使いどころをまずは理解して、一つ一つ理解してい くのが良いでしょう。

実技ユーザーインターフェイス作成実習

　

今日のテーマ

成績考査

作品提出

　

　ワイヤーフレーム　　　　　　　　　　　　　　デザインカンプ

　

LP

架空のフレグランスサイト

https://b212.deau-ac.com/fregrance/

実技JavaScript（jQuery）実習

　

今日テーマ

jQueryの導入

jQueryを自分のサイトに導入して動きのあるサイトを作りましょう。

　

jQueryの利用方法（復習）

jQueryを利用する時は実装するための参考サイトを検索し利用方法を理解しましょう。
検索は、「jQuery （実装したいキーワード）」で検索します。
良く使うキーワードの例は、以下の通りです。

• スライダー
• カルーセル
• ハンバーガーメニュー
• ライトボックス
• ドリルダウン
• フェード
• スクロール　など

学科JavaScript基礎

　

今日のテーマ

JavaScript（JQuery）について

jQueryについて

jQueryを利用する時の基本事項を理解しましょう。

　

jQueryの利用方法

jQueryを利用する時は実装するための参考サイトを検索し利用方法を理解しましょう。
検索は、「jQuery （実装したいキーワード）」で検索します。
良く使うキーワードの例は、以下の通りです。

• スライダー
• カルーセル
• ハンバーガーメニュー
• ライトボックス
• ドリルダウン
• フェード
• スクロール　など

one point

見本となるサイトがたくさんあるのがWebページの良いところです。
「こんな動きのページ作れますか？」のような依頼はよくあります。
その見本のサイトを解析できれば実装が可能です。

学科レイアウトデザイン基礎④

　

今日のテーマ

デバイスとは？

　

ブラウザとは、インターネットを介してホームページ（WEBサイト）をパソコンやスマートフォンで閲覧するためのソフトウェアのことです。WEBブラウザとも呼ばれChromeやSafari、InterExplorerなどが有名です

実機検証 について

スマホによる実機検証は、新しく開発したアプリやWebサイトを利用者が実際に使う端末機を使ってテストを行うことで、問題や不具合を発見し、品質を向上させるもの。 世にWebサイトやアプリをリリースするための重要な作業の一つです。

one point

サイトが出来たら、出来る限りの実機検証を行ってみましょう。
実機でしかないバグや見た目の違いが多くありますので、サイトが一通り形になったら実機検証を出来る範囲で行ってみましょう。

学科レイアウトデザイン基礎③

　

今日のテーマ

ブラウザ検証について

　

ブラウザとは？

ブラウザとは、インターネットを介してホームページ（Webサイト）をパソコンやスマートフォンで閲覧するためのソフトウェアのことです。 Webブラウザとも呼ばれ、Chromeやsafari、Internet Explorerなどが有名です。

　

one point

サイトが一通り形になったら特に使用する可能性の高いブラウザは必ず確認しましょう。

　

本日のテーマ②

ここからは補足資料になります。
情報収集など手を動かしながらの視聴でも構いません。
もしくはお時間のある時にご自身で視聴ください。

これからの時代マーケティング能力は必須！

デザイナーだけではなく様々なお仕事でマーケティング能力が高い、意識が高いというのはどんなビジネスにおいても求められる能力です。
就職活動は、努力や苦労した分だけ、一歩踏み出した分だけその後のお仕事と未来への自分へ帰ってくるでしょう。
やっぱり就職活動は大変です！！
ですがこれを乗り越えたら次の未来が待っています。
自分のペースで良いと思います。焦らず、少しでも前に進んでいきましょう。