学科 PHP基礎【オンライン】

-本日のアジェンダ-

1限目
学科 PHP基礎
PHP について

2限目
学科 PHP基礎
WordPressのPHPでの役割について

3限目
学科 PHP基礎
課題作成

4限目
学科 PHP基礎
課題作成

5限目
学科 PHP基礎
課題作成

本日のテーマ

WordPressはphpで出来ています。

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
WordPress活用法の教科書⑤.pdf」 
WordPress活用法の教科書⑥.pdf」

動画WordPress活用法の教科書⑤.pdf」 

動画WordPress活用法の教科書⑥.pdf」

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

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

参考サイト

サーバサイドスクリプト

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

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

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

PHPとは

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

参考サイト

PHP入門

PHPはプログラミング言語なのでIT技術者が利用するのが一般的です。但し、WordPressがPHPで作成されていることもありWordPressの独自テーマ作成などを行う時にPHPに接する機会もあります。

ワンポイントアドバイス

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

本日の課題

提出課題はありません。
就職活動に応じた作品制作、ポートフォリオのまとめやコーディングの続きを進めましょう。

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

-本日のアジェンダ-

1限目
実技 ユーザーインターフェイス作成実習②
成績考査

2限目
実技 ユーザーインターフェイス作成実習②
成績考査

3限目
実技 ユーザーインターフェイス作成実習②
成績考査

4限目
実技 ユーザーインターフェイス作成実習②
成績考査

5限目
実技 ユーザーインターフェイス作成実習②
成績考査

本日のテーマ

成績考査です

本日の課題

コーディングしたサイト(LP)を、4限目終了までにご自身のWordpressに新規固定ページでUPしてください。(5時限目終了までは更新しても問題ありません)
【パーマリンクのURL設定】
grade-check_20240719」としてください。
ポートフォリオサイトの1ページとして人に見せられるよう、制作過程や説明などもまとめましょう。

WordPressへの成績考査の上げ方

ご自身のWordPressに成績考査用のバナーを投稿していただきます。
手順は以下の通りです。

①固定ページに新規投稿で作成します。

②タイトルと氏名の入力

  • タイトル(タイトルを追加の部分)に「第5回成績考査」
  • 次のブロックに見出し(H2)で氏名(漢字フルネーム)を入力して下さい。

③作品の挿入

以降のブロックに画像をブロックエディタ「画像」にてアップロードして下さい。

④パーマリンク設定

投稿設定のパーマリンクのURLスラッグに下記を設定して下さい。
grade-check_20240719」

⑤パスワード保護

公開状態をパスワード保護にします。パスワードは「test」と設定して下さい。

⑥公開にして終了

固定ページ一覧に作成したページが出来ているか確認して下さい。