mypage マイページ cart カート
コース検索
サイト内検索


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

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


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

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

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

2024年11月27日(水) ～ 2024年11月29日(金)

オンラインLive

  空席あり

実施確定

2025年3月17日(月) ～ 2025年3月19日(水)

オンラインLive

  空席あり

2025年6月3日(火) ～ 2025年6月5日(木)

オンラインLive

  空席あり

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

ワンポイントアドバイス

Webページを作成するための基礎を学びたい方に最適です。


本コースは「基礎から学べるHTML5(WSC0022G)」をリニューアルしたものです。

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

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

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


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


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

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

対象者情報

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

学習内容の詳細

コース概要
このコースではWeb技術の基礎知識を学習します。
主に「HTML」,「CSS」,「JavaScript」の基本的な使用方法を学習します。
演習を通して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フォームによるデータの受け渡し
  - コントロールからのデータ入力
    (テキストボックス、ボタン、チェックボックス、ラジオボタン、ドロップダウンメニュー,スクロール可能なテキストエリア、新たに定義されたコントロール)

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

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

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

実習/演習内容詳細

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