Webデザイナー&PHPプログラマー養成コース

Webページも作れるプログラマーになる

学びたいスキル・希望の職業にあわせてコースをプランニングいたします

デザインも機能も自在に操る
総合Web制作を自分の手で創り出そう


WebデザイナーProコースにPHP講座を追加学習することで、Webサイトにお問い合わせフォームや会員管理、データベース連携といった機能を追加できるようになります。デザイン面だけでなく、実用性の高い動的サイトを構築できるようになるため、より実務に直結した総合的なWeb制作スキルが習得できます。Webクリエイター資格取得にも対応しています。

まずは無料で体験!

無料体験レッスンに参加する

より詳しい情報を資料で確認したい

詳しい資料をもらう
受講期間 170時間
カリキュラム
  • Illustrator基礎
  • Photoshop基礎
  • Dreamweaver
  • HTML/CSS
  • Webレスポンシブ
  • JavaScript
  • WordPress
  • キャリアアップ演習 for Web
  • Webサイト制作
  • PHP
  • Webクリエイター能力認定試験上級対策
目標資格
  • Webクリエイター能力認定試験
料金 668,250円(税込)
オンライン受講可能 教育訓練給付金対象
こんな方におすすめ
  • 動的なWebサイト制作や実務に直結するスキルを身につけたい人
  • PHPの基本を学び、Webデザインとプログラミングを学びたい人
  • Web資格取得も目指す人
カリキュラム

Illustrator基礎

Photoshop基礎

Dreamweaver

  • Dreamweaverの概要とサイトの定義
  • 新規ファイルとページの作成
  • CSSの設定
  • テーブル
  • フォーム
  • 画像や動画の挿入とリンクの設定
  • レスポンシブWebページの作成
  • 便利な機
  • Javascript/jQuery

HTML/CSS

  • Web制作の基本
  • HTMLマークアップの決まり
  • リストのタグ
  • テキスト関連のタグ
  • 画像ファイルの挿入
  • ハイパーリンク
  • 文書構造をあらわすタグ
  • テーブル
  • フォーム
  • HTMLのコンテンツモデル
  • CSSの基礎知識
  • 色の設定/文字のスタイル/背景画像の指定
  • リストに関するプロパティ
  • 外部スタイルシートの利用
  • 子孫セレクター/擬似クラス
  • CSSの優先順位/リセットCSS
  • レイアウトに関するプロパティ

Webレスポンシブ

  • 基本構文のまとめ
  • 2段組のレイアウト
  • ボックスの設定/影の設定
  • グラデーション
  • Media Queries
  • canva要素
  • フレキシブルボックスレイアウト
  • パーツデザイン

JavaScript

  • JavaScriptの概要
  • JavaScriptの基本
  • 変数と関数
  • プログラミングのポイント
  • 画像の扱い
  • 日付とフォーム
  • 演習課題

WordPress

  • WordPressの初期設定
  • テーマの利用
  • 固定ページと投稿ページ
  • プラグインを利用して問い合わせフォームを作成する
  • Webサイトへの集客を強化する

キャリアアップ演習 for Web

  • 立体的なロゴの作成/手書き風のロゴ作成
  • 地図の作成
  • アルファチャンネルとマスクの理解を深める
  • 写真の合成
  • バナーの作成
  • サイトデザイン
  • 画像の書き出し/CSSの抽出

Webサイト制作

  • Webデザインワークフローについて確認する
  • プランニング
  • 情報の整理とサイトマップの作成
  • 構成要素考案
  • ワイヤーフレームの作成
  • 文字と画像のレイアウト
  • デザイン
  • クライアントに還付を見てもらう場合の注意事項
  • コーディングとデータ管理

PHP

  • 通信の仕組み/IPアドレス
  • URLとDNS/メールの送受信の仕組み
  • PHPの環境構築
  • PHPの基本
  • 変数と定数/型キャスト
  • さまざまな演算子
  • 配列
  • 条件分岐/繰り返し処理
  • フォームの処理/自動送信メールのシステム作成

Webクリエイター能力認定試験上級対策

まずは無料で体験!

無料体験レッスンに参加する

より詳しい情報を資料で確認したい

詳しい資料をもらう

Webデザイナー&PHPプログラマー養成コース

Webページも作れるプログラマーになる

デザインも機能も自在に操る
総合Web制作を自分の手で創り出そう


WebデザイナーProコースにPHP講座を追加学習することで、Webサイトにお問い合わせフォームや会員管理、データベース連携といった機能を追加できるようになります。デザイン面だけでなく、実用性の高い動的サイトを構築できるようになるため、より実務に直結した総合的なWeb制作スキルが習得できます。Webクリエイター資格取得にも対応しています。

まずは無料で体験!

無料体験レッスンに参加する

より詳しい情報を資料で確認したい!

詳しい資料をもらう
受講期間 170時間
カリキュラム
  • Illustrator基礎
  • Photoshop基礎
  • Dreamweaver
  • HTML/CSS
  • Webレスポンシブ
  • JavaScript
  • WordPress
  • キャリアアップ演習 for Web
  • Webサイト制作
  • PHP
  • Webクリエイター能力認定試験上級対策
目標資格
  • Webクリエイター能力認定試験
料金 668,250円(税込)
オンライン受講可能 教育訓練給付金対象
こんな方におすすめ
  • 動的なWebサイト制作や実務に直結するスキルを身につけたい人
  • PHPの基本を学び、Webデザインとプログラミングを学びたい人
  • Web資格取得も目指す人
カリキュラム

Illustrator基礎

Photoshop基礎

Dreamweaver

  • Dreamweaverの概要とサイトの定義
  • 新規ファイルとページの作成
  • CSSの設定
  • テーブル
  • フォーム
  • 画像や動画の挿入とリンクの設定
  • レスポンシブWebページの作成
  • 便利な機
  • Javascript/jQuery

HTML/CSS

  • Web制作の基本
  • HTMLマークアップの決まり
  • リストのタグ
  • テキスト関連のタグ
  • 画像ファイルの挿入
  • ハイパーリンク
  • 文書構造をあらわすタグ
  • テーブル
  • フォーム
  • HTMLのコンテンツモデル
  • CSSの基礎知識
  • 色の設定/文字のスタイル/背景画像の指定
  • リストに関するプロパティ
  • 外部スタイルシートの利用
  • 子孫セレクター/擬似クラス
  • CSSの優先順位/リセットCSS
  • レイアウトに関するプロパティ

Webレスポンシブ

  • 基本構文のまとめ
  • 2段組のレイアウト
  • ボックスの設定/影の設定
  • グラデーション
  • Media Queries
  • canva要素
  • フレキシブルボックスレイアウト
  • パーツデザイン

JavaScript

  • JavaScriptの概要
  • JavaScriptの基本
  • 変数と関数
  • プログラミングのポイント
  • 画像の扱い
  • 日付とフォーム
  • 演習課題

WordPress

  • WordPressの初期設定
  • テーマの利用
  • 固定ページと投稿ページ
  • プラグインを利用して問い合わせフォームを作成する
  • Webサイトへの集客を強化する

キャリアアップ演習 for Web

  • 立体的なロゴの作成/手書き風のロゴ作成
  • 地図の作成
  • アルファチャンネルとマスクの理解を深める
  • 写真の合成
  • バナーの作成
  • サイトデザイン
  • 画像の書き出し/CSSの抽出

Webサイト制作

  • Webデザインワークフローについて確認する
  • プランニング
  • 情報の整理とサイトマップの作成
  • 構成要素考案
  • ワイヤーフレームの作成
  • 文字と画像のレイアウト
  • デザイン
  • クライアントに還付を見てもらう場合の注意事項
  • コーディングとデータ管理

PHP

  • 通信の仕組み/IPアドレス
  • URLとDNS/メールの送受信の仕組み
  • PHPの環境構築
  • PHPの基本
  • 変数と定数/型キャスト
  • さまざまな演算子
  • 配列
  • 条件分岐/繰り返し処理
  • フォームの処理/自動送信メールのシステム作成

Webクリエイター能力認定試験上級対策

まずは無料で体験!

無料体験レッスンに参加する

より詳しい情報を資料で確認したい!

詳しい資料をもらう

関連するその他のコース