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


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

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


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

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

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

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

オンラインLive

  空席あり

2025年7月9日(水) ～ 2025年7月11日(金)

オンラインLive

  空席あり

2025年9月3日(水) ～ 2025年9月5日(金)

オンラインLive

  空席あり

2025年10月1日(水) ～ 2025年10月3日(金)

オンラインLive

  空席あり

2025年11月5日(水) ～ 2025年11月7日(金)

オンライン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の歴史

2. HTMLの基本文法
  - HTML マークアップ基礎
  - 単一で使用する要素
    (ドキュメントタイトル、メタ要素、見出し、段落、改行、水平線、強調、予約文字の表示)
  - 組み合わせて使用する要素
    (引用、リスト(箇条書き)、表(テーブル)、HTMLコメント)
  - セマンティック要素

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

4. Uniform Resource Locator
  - URL(URI)とは
  - ドキュメント ルート
  - 省略形URL
  - 部分識別子
  - インライン画像
  - URL[の2つの指定方法
  - ハイパーテキストリンク
  - インタラクティブ要素
  - 【参考】イメージマップ

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

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

7. JavaScriptフロー制御と有効範囲
  - ループ制御
  - 条件分岐
  - 変数の適用範囲と有効期間 
  - 【参考】例外処理

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

実習/演習内容詳細

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

ご注意・ご連絡事項

・学習内容は予告なく変更される可能性があります。