ホーム > 基礎から学べるHTML5 ~CSS とJavaScript を使用したWebページの作成~

基礎から学べるHTML5 ~CSS とJavaScript を使用したWebページの作成~

期間  3日間 時間  9:30~17:30
価格(税込)  132,000円(税込) 主催  トレノケート
コース種別  集合研修  
形式  講義+実機演習 コースコード  WSC0022G

対応チケット/ポイント等

  • Select6
    Select6
日程 会場 空席状況 実施状況 選択

2021年11月24日(水) ~ 2021年11月26日(金)

大阪LC

  空席あり

2021年12月1日(水) ~ 2021年12月3日(金)

新宿LC

  残りわずか

2022年1月17日(月) ~ 2022年1月19日(水)

オンラインLive

  空席あり

2022年2月14日(月) ~ 2022年2月16日(水)

オンラインLive

  空席あり

2022年3月16日(水) ~ 2022年3月18日(金)

オンラインLive

  空席あり

2022年5月10日(火) ~ 2022年5月12日(木)

オンラインLive

  空席あり

2022年6月20日(月) ~ 2022年6月22日(水)

オンラインLive

  空席あり

※「キャンセル待ち」でお申し込みの方には、別途メールにてご連絡いたします。
※「実施確定」表示のない日程は、お申し込み状況により開催中止になる場合がございます。
※ お申込期日が過ぎた日程は、「お問い合わせください」と表示されます。
※ トレノケート主催コース以外の空席状況は、残席数に関わらず「お申し込み後確認」と表示されます。
※ トレノケート主催コース以外では、主催会社のお席を確保した後に受付確定となります。
お申込みに関するお問い合わせはこちらから

ワンポイントアドバイス

HTML5ベースのアプリケーションを作成するための基礎を学びたい方に最適です。


重要なご連絡・ご確認事項

注意)オンラインで参加する際、演習環境にはGoogle Chromeでアクセスします。事前にインストールください。

【本コースはオンライン対応です】※一部日程をオンラインで開催しています


会場が「オンラインLive」または「教室Live配信」の日程は、PCやタブレット等を通してオンラインでご参加いただけます。


  • オンラインLive:受講者の方はオンラインのみとなります。
  • 教室Live配信:教室・オンラインから受講される方が混在します。

★オンラインLiveトレーニングの詳細はこちら

対象者情報

対象者
・Webアプリケーション開発、Webシステム構築、運用、管理に携わるすべての方
・初めてプログラミングをされる方
前提条件
□インターネットとネットワークの基礎的な知識
□WindowsのGUI操作と基本的なエディタが使用できること

学習内容の詳細

コース概要
このコースではWeb技術の基礎知識を学習します。
主に「HTML」,「CSS」,「JavaScript」の基本的な使用方法を学習します。
最新バージョンである、HTML5での記述を行います。
演習を通してHTMLやCSS,JavaScriptを記述することにより、PCだけでなく、スマートフォンやタブレット端末で動作するWebアプリケーションを開発する基礎を学習します。
学習目標
● 基本的なHTMLのタグを使ってHTMLファイルを作成する
● HTMLファイルにCSSの適用ができる
● HTMLフォームを使用し、ユーザーデータ入力画面を作成する
● JavaScriptのコーディング規約を理解する
● JavaScriptを使用し、フロー制御やエラー制御を記述する
● JavaScriptを使用しブラウザのオブジェクトにアクセスする
● HTML・CSS・JavaScriptを組み合わせたWebページの作成ができる
学習内容
1. HTML概要
  - HTMLとは
  - HTMLの歴史
  - XHTML

2. HTMLの基本文法
  - HTML マークアップ基礎
  - カテゴリー 
  - メタデータ・コンテンツ
    (ドキュメントタイトル、メタ要素)
  - フロー・コンテンツ
    (見出し、段落、改行、水平線、強調、予約文字の表示、問い合わせ先、引用、
     リスト(箇条書き)、表、HTMLコメント)
  - セマンティック要素

3. Cascading Style Sheets
  - Cascading Style Sheets(CSS)とは
  - CSSの適用
  - セレクタ
  - カスケード
  - レイアウト

4. Uniform Resource Locator
  - URL(URI)とは
  - ドキュメント ルート
  - 省略形URL
  - 部分識別子
  - インライン画像
  - 相対URL
  - ハイパーテキストリンク
  - イメージマップ

5. HTMLフォームによるインタラクティブ機能の実装
  - HTMLフォームとゲートウェイプログラム
  - HTMLフォームによるデータの受け渡し
  - コントロールからのデータ入力
    (テキストボックス、ボタン、チェックボックス、ラジオボタン、ドロップダウンメニュー
     スクロール可能なテキストエリア、HTML5で定義されたコントロール)

6. JavaScriptの基本文法
  - スクリプト言語とは
  - JavaScriptの基本構文
  - 変数
  - 定数
  - 変数宣言と値の代入
  - データ型
  - スカラ変数と配列変数 
  - 演算子
  - 関数

7. JavaScriptフロー制御とエラー処理
  - ループ制御
  - 条件分岐
  - 例外処理

8. オブジェクトとブラウザアーキテクチャ
  - オブジェクト
  - ビルトインオブジェクト
  - ブラウザー オブジェクト モデル
  - ドキュメント オブジェクト モデル

実習/演習内容詳細

ソフトウェア
ハードウェア
Google Chrome
Edge
Internet Explorer
Mozilla FireFox
テキストエディタ

受講者の声

●『今まで曖昧にしか理解していなかった箇所の理解を深めることができ、新しい知識も習得することができました。』
●『休憩をこまめにとっていただくことができ、集中して講義に臨むことができました。また、質問には基本的なことから直接講義内容と関係のないことまで、いろいろと丁寧に教えていただくことができ、理解を深めることができました。』
●『講習が終了した後でも、親切に教えていただいてとても良かったです。』