WEBデザイン・開発講義WEB Design&Development Lecture

スキル・分野別ロードマップとワークフローのコース全体像

WEBデザイン・開発教室におけるeラーニングのコース全体像

Windowsパソコンでローカルサイトを構成して、基礎的なスキルのWEBデザイン及びWEBシステム構築・開発と 実践的な作業であるマーケティングの企画書作成からデザイン要素のロゴ制作、カラーコーディネート、スタイルガイド作成など、システム開発要素のデータベース設計、PHPライブラリやパッケージ活用、 運用設計要素のアクセスログ解析、SEO/SEM対応など、必要とする全ての要素を網羅したeラーニングのコース全体像を表したものです。

※「矢印ボックス」をクリックすると該当ページへジャンプします。ジャンプしないところは、現在制作中のページです。

基礎的なスキルのロードマップ概要

WEBデザイン・開発教室のスキル・分野別ロードマップ サクラエディタのインストールと利用設定 Windows OSコマンド操作 拡張子と絶対パス・相対パス操作 FTPのインストールと利用設定 ネットワーク構成とコマンド操作 Apache2.4のインストール ApacheのPerlスクリプト設定 Apacheの仮想ホストの設定 ApacheのMIMEtype/htaccess設定とコーデック対応 Apacheのユーザー認証の設定 MySQL5.5インストール MySQL-Toolsのインストールと基本操作 phpMyAdminのインストールと基本操作 SQL概要と文法コマンド操作 MySQLトランザクション処理とロールバック PHP5.3のインストール・初期設定 PHPのPEARのインストールと利用プログラミング PHPの拡張モジュール「Imagick」「ffmpeg」のインストール FFmpeg-PHPclassラッパーのインストール ComposerインストールとHTML5 video環境 PHPフレームワーク・CakePHP環境 PHP5.4移行とSymfony2環境 ActivePerlのインストール メールサーバーRadish3.0インストール PEARのMail_Mine連携・マルチパート処理 メールサーバーとPHP連携プログラミング PHPの基本プログラミング PHPの正規表現プログラミング PHPのクラス・オブジェクトプログラミング PHPのマルチメディア画像・動画プログラミング PHPのWEBサービスSNSプログラミング セッション・クッキープログラミング PHPのファイルシステムプログラミング PHPのCGIフォーム処理プログラミング PHPとMySQL連携のプログラミング PHPの実践的ログイン処理プログラミング ブラウザの開発ツールAdd In HTML4.01基本コーディング HTML5基本コーディング HTML5 canvas video要素の利用 WEBサービス、SNS APIの利用 CSS2.1基本コーディング CSS3基本コーディング CSS3の主要ブラウザ対応コーディング リスポンシィブWEBデザイン・スマホ対応 Javascriptの基本プログラミング Javascriptのイベント処理・正規表現プログラミング JavascriptのDOM操作プログラミング jQueryプラグインの活用 JavascriptのAjax/JSONの活用 Dreamweaverのサイト管理設定 DreamweaverのHTMLとCSSの基本編集 Dreamweaverのアセット管理とCSSセレクタ設定 Dreamweaverのテンプレートの作成と活用 DreamweaverとPHP・コンテンツツールとの連携 Photoshopの選択範囲の作成 Photoshopのトリミングとレタッチ Photoshopのレイヤー操作 Photoshopの色調補正 Photoshopのマスキングとコラージュ Illustratorのパス描画操作 Illustratorのオブジェクト描画とパス平均・連結 Illustratorのグラデーションとメッシュ Illustratorの文字レイアウト Illustratorの複合パスとクリッピングマスク Flashのオブジェクト描画 Flashのシンボル作成・変換 Flashの5大モーショントレイヤー操作 Actionscript3.0の基本プログラミング Actionscript3.0のボタン・フォーム制御 Premiereのコーデックとキャプチャ Premiereのクリッピングとオーディオミキサー Premiereのタイトル作成 Premiereのエフェクトとトランジィション PremiereとAfterEffectとの連携 コンピュータ入門 ローカルサーバー環境の概要 PHPプログラミング概要 HTMLドキュメント概要 コンテンツ作成ツール

実践的な作業のWEBマーケティングとデザイン・開発のコース概要

WEBデザイン・開発教室のWEBマーケティングとデザイン・開発・運用設計 環境変化及びキーワードによるニーズ・利用分析 コンセプトメーキングと切り口(軸)設定 WEBサイトの目的・狙いの策定 WEBサイトの商品・サービスの特徴・イメージ 費用対効果と制作スケジュール システム設計の概要 UML(各種チャート)ER図作成ツール データを中心にした利用機能の設計 データフロー設計と画面遷移図 ER図とデータベース設計 セキュリティ対策とDB対応、DDL生成 WEBデザインの概要 企業カラーと企業イメージによる方向性 デザインテイストと配色実践 ロゴデザイン UIとナビゲーション スタイルガイド作成 スマートフォンのデザイン環境づくり コンテンツ内容とサイト構成ページ メインと詳細ページのラフデザイン ワイヤーフレームとナビゲーション ボタン・パーツの共通化 Javascriptのデバック環境づくり Javascriptのライブラリ活用:jQuery,GoogleMap等 PHPのライブラリ活用とクラス開発 PHPテンプレート活用(Smarty) WEBサービス APIとの連携 PHPフレームワーク活用(cakePHP,ZendFramework) PHPフレームワークの実践プログラミング PHPパッケージ活用(WordPress,EC-CUBE) 公開サーバーとの連携ツール 総合テストと運用改善 パフォーマンス分析とインシデント管理 アクセスログ解析 SEO/SEM対策 マーケティング概要

リファレンス

pagetopへ