一社研修カテゴリインデックス

WEB基礎研修

概要

Webアプリケーションの基本的な仕組み、構成要素、利用される要素技術の基本項目について学習します。
最新版のHTML, CSS, JavaScriptの基本文法を理解し、これらを用いたWebページを作成できるようにします。

目的

・Webアプリケーションの基本的な仕組み、構成要素、利用される要素技術の基本事項について理解する。
・最新版のHTML, CSS, JavaScriptの基本文法を理解し、これらを用いたWebページを作成できるようにする。

対象者

Webアプリケーションの基本的な知識や、Webページの作成に興味のある方

テキスト

弊社オリジナルテキスト

基本日数

4日間 ※カスタマイズは可能です

内容

【Web基礎】
1. Webアプリケーションの概要
・Webアプリケーションとは
・システム構成
2. Webアプリケーションの仕組み
・静的なWebサイト
・動的なWebサイト
・CGI
・HTTP
・Webブラウザ
・Webアプリケーションの基本動作
・Webアプリケーションプログラミング
3. Webアプリケーションのサーバ構成
・サーバ構成
・アプリケーションサーバ
・データベースサーバ

【HTML基礎】
1. HTMLの概要
・HTML
・タグ
・XML
・XHTML
・HTML4.01
2. HTMLファイルの作成と利用
・HTMLファイルの作成方法
・HTMLファイルの利用方法
3. HTMLの基本
・HTMLの基本構成
・ページタイトル
・コメント
・コンテンツモデルとカテゴリー
4. よく利用されるタグ
・HTMLの本文
・見出し
・段落
・範囲
・リンク
・画像
・順序なしリスト
・順序付きリスト
・説明リスト
・表(テーブル)形式
5. フォーム
・フォーム
・GETとPOST
・フォーム要素
6. 特殊文字
・HTMLで使えない文字
・主な特殊文字
7. 文書構造タグ
・構造化文書
・ヘッダー
・フッター
・記事
・その他の構造を表すタグ

【CSS基礎】
1. CSSの概要
・CSSとは
・CSSの適用方法
・CSSの基本構文
・デフォルトスタイルシート
・サイズの単位
・色指定
2. CSSファイルの作成
・コメント
・@ルール
3. セレクタ
・セレクタとは
・全称セレクタ
・タイプセレクタ
・クラスセレクタ
・IDセレクタ
・子孫セレクタ
4. 文字のデザイン
・文字のデザイン
・文字に関するプロパティ
5. 要素領域のデザイン
・要素領域のデザイン
・高さと幅
・背景色
・背景画像
・罫線
6. タグ特有のデザイン
・タグ特有のデザイン
・テーブル
・リスト
・リンク
7. レイアウト
・通常のレイアウト
・floatレイアウト
・positionレイアウト
・<参考>Flexboxレイアウト

【JavaScript基礎】
1. JavaScriptの概要
・JavaScriptとは
・JavaScriptの記述方法
・開発者ツール
2. はじめてのJavaScript
・console.log()
・外部ファイルの読み込み
・コメント
・alert()
3. データの利用
・変数
・演算子
・論理演算子
・JavaScriptのデータ型
4.関数
・関数
・function命令
・関数リテラル
・Functionコンストラクタ
5. 制御構文
・分岐
・for
・while
・do-while
・スコープに関する注意点
6.DOM
・DOMとは
・DOMツリー
・要素の取得
・要素の更新
・DOMを利用する場合の注意点
7.イベントとイベントハンドラ
・動的な処理の実装
・動的な処理の実装
・イベントハンドラとの関連付け

タグ: , , ,