HTMLやCSSの基礎＆実践（応用）

CSSを利用する意義とメリットについて
HTMLの基礎と構造、要素（element）、属性
タグ記述時の注意点とインデントやコメント
DOCTYPE宣言
文法的に正しい記述について
HTML文法とブラウザ表示について
html要素、head要素
文字コード、メタタグについて
meta要素の属性、content、name、keywords、description
ロボットへの指示
カテゴリーとコンテンツモデル
要素の使い方
レイアウトに関する要素
HTMLの他の主な新要素
HTMLで追加される要素、属性
HTMLで変更／廃止される要素属性
色の指定方法

レスポンシブデザイン・メディアクエリの基礎＆応用

テキストによる学習＆ポイントマスター解説

文章や図だけでは解説しきれない点について、動画を収録しています。
テキストと動画による解説を合わせて参照する事で、判り易く詳細に学習することが出来ます。

CSSの基本

スタイルシートの記述方法
CSSの変更点
HTMLタグの中にstyle属性を使い直接記述
HTMLファイルの中のstyle要素にまとめて記述
リンクを使って複数ページに適用
HTMLタグの中にstyle属性を使い直接記述
HTMLファイルの中のstyle要素にまとめて記述
独立したCSSファイルにまとめて記述
スタイルシートの書式
CSSファイルにおけるコメントの記入
セレクタの種類
全称セレクタ（ユニバーサルセレクタ）
タイプセレクタ（要素セレクタ）
Class（クラス）セレクタの基礎＆実践
IDセレクタの基礎＆実践、疑似クラスと疑似要素
子孫セレクタ（Descendant selectors）
CSSの継承、CSS記述の手順、CSSの基本的なデザイン記述
文字サイズの指定、文字色の変更

CSSの応用

表の作成
様々な表のデザインⅡ
CSSによる段組の記述方法
CSSを利用した２段組レイアウトの作成
段の背景色が切れるのを防ぐ
段組みの解除、３段組みのレイアウト、サイズを固定するレイアウト
ボックスレイアウト
文法チェック、特殊文字について

PHPの概要と学習環境

PHP言語の基礎からWebアプリケーションを作成する際の様々な実践テクニック、データベースを使用したシステム開発等々を学習することができます。学習するデータベースはデファクトスタンダード（業界標準）であるMySQLです。

PC上で開発～テストする環境を整備

・Webサーバー「Apache2」のインストールと動作確認
・「PHP」のインストールと動作確認
・MySQLのインストールと動作確認
・phpMyAdminのインストールと動作確認
・エディタについて

PHPの特徴や文法

1．コメント／実行文／ダブルクォート／シングルクォート
2．変数について特徴や用途
変数／定数／特殊変数／配列／連想配列の扱い方
3．ヒアドキュメント
4.．コーディングのリズム
5．各種条件分岐
6．各種ループ構文と使い分け
7．文字列の扱い方と注意点＋文字列操作関数
8．正規表現とその実践的使用方法＋操作関数
9．日付と時刻＋操作関数
10．テキストファイルの扱い方＋操作関数
11．様々な入力フォームとの連携＋HTML
12．クッキーの利用と応用＋操作関数
13．セッション管理と応用＋操作関数
ブラウザの設定に左右されない仕組みについて
14．ユーザー認証＋操作関数
15．ファイルのアップロード＋操作関数
16．フォームメール＋操作関数
17．データベース＋SQL＋操作関数
18.セキュリティ対策

正規表現

正規表現を習得することにより文字列を自由自在に扱えるようになります。
これはPHPを実践で活用する上で、非常に大切なテクニックになります。

データベースによるデータ管理

MySQLを使用して、データベースを活用したデータ管理手法を学びます。
単にスクリプトの書き方を学ぶのではなく、データベースを管理メンテナンスするためのツールであるphpMyAdminの使い方も合わせて学習します。
また、データベースを操作するための言語である「SQL」についても学習します。
データベースを使いこなすことにより、応用範囲が格段に広がります。

実践重視

実践で必須となる知識を重点的に学びます。
学習のための学習では終わりません。サンプルや実践課題についても練りに練ったものになっており、必ず実践で役立ちます。

開発環境の整備

AptanaStudioを開発環境の日本語化
jQueryプラグインのインストール等々、学習や実践時に必要となる環境一式を設置
プロジェクトの新規作成方法やインデントの設定等、実際に開発を行う際の準備を整えます。

JavaScript言語の基礎

各種エラー対策について
スクリプトの外部ファイル化／スクリプトを記述する場所
文字列の扱い方
予約語／変数／演算子／関数等の概念や、その実行イメージを、しっかりと頭に入れておきます。 先ずは、基本的な言葉の意味やその機能をイメージした上で実践します。

プログラミング実践

組み込み関数の利用
条件分岐：各種ifやswitch
コーディングのリズム
三項演算子とifの使い分け
ループ構文：for／while等々
配列／連想配列
関数の外部ファイル化
文字実態参照コード
オブジェクトとは／プロパティとメソッド
String/Number/Math/Array/Date等の各種メンバについて
イベント処理について／イベントハンドラ／イベントの種類 submitとbuttonの使い分け ・・・等

DOM(Document Object Model)

ノードの種類／ホワイトスペースノード
ノードウォーキング／ダイレクトアクセス
要素の属性値を取得する方法／要素ノードの追加と削除
innerTextとinnerHTMLの違い
XSS（クロスサイトスクリプティング）
イベントリスナについて
フォーム要素へのアクセス
ブラウザオブジェクトについて
スタイルシートの操作
thisについて・・・等

Ajax(Asynchronous JavaScript＋XML)

テキストファイルからデータを取得
Ajax処理の流れ
コールバックとは？
Webアプリケーションとの連携
GETとPOSTについて
WebAPIとの連携（XML/JSON形式）
クロスドメイン制限について・・・等

jQuery

$関数
CSSセレクタ
$関数の引数と戻り値について
jQueryオブジェクトのメンバー一覧
メソッドチェーン
シリアライズとは
jQueryとDOMについて・・・等

CGIの概要

CGIを使用して出来ること／CGIを使う必然性／CGIとスクリプト言語／HTMLの知識は必要か？／プロバイダやホスティングサービスとの確認項目／パーミッションについて／CGI設置までの流れ

PC上で開発～テストする環境の整備

Webサーバー「AN HTTPD」のインストール方法
「ActivePerl」のインストール方法

文字コードとは？

各文字コードの特徴／入力フォームやテキストデータの扱い
改行コードについて／大文字と小文字／トラブル対処方法

Perlの特徴や文法

1．コメント／実行文／ダブルクォート／シングルクォート
2．変数について特徴や用途
スカラ変数／配列変数／特殊変数／配列要素削除
配列要素の追加／配列要素の上書きや挿入／配列要素の並べ替え／ハッシュ変数／ハッシュ値の取り出し／ハッシュに値を追加／ハッシュの値を削除／ハッシュ内のキーの存在確認／ハッシュ内のキーと値の取得
3．様々な演算子
代入演算子／数値演算子／比較演算子／文字列連結演算子
文字列繰返し演算子
4．フロー制御構文
if文／論理演算子／if～else文／unless／while／for／foreach／next／last／exit
5．ファイル入出力処理
オープン(open)／読み込み／書き込み／seek／クローズ(close)
6．ファイルのロック(flock)
サーバー上でファイルを共有する際には、ファイルをロックする必要があります。
7．ファイルのパス指定／エスケープシーケンス
8．サブルーチン（return)
9．変数のスコープ
10．ライブラリ
11．文字列操作関数
chomp／chop／substr／length／index／split／sprintf
12．日付処理(localtime)

正規表現

正規表現を習得することにより文字列を自由自在に扱えるようになります。
これはPerlを実践で活用する上で、大切なテクニックになります。

PerlでCGIプログラミングする際の基礎

HTTPヘッダ／CGIスクリプトを呼び出す方法／エラーチェック及び対処方法／フォーム内の各オブジェクトの扱い方／フォーム内のデータをCGIに引き渡すサンプルと実践
添削開始（各種問題を掲載しています）
実践的な添削課題をこなすことにより、 スキルアップします。

サーバーへのアップロードについて

各種注意点やファイルの属性について学びます。