1日で学ぶWeb入門(HTML/CSS/JavaScript)

概要

多くのシステムを支えているWebアプリケーションの基礎技術が急速に発展しています。

本講座ではユーザインターフェースを表現するHTML/CSS、スクリプト言語であるJavaScriptの基礎知識を座学と演習を通じて学んでいきます。


広い分野に及ぶWebのフロントエンド技術を1日で大まかに学びたい方に最適です。
また、付録として最新のWeb技術動向についても簡単にお伝えします。

日数

1日

時間

10:00 ~ 17:00

教育受講料(税込)

オープンコース:現在実施していません。
オンサイト:お見積りいたします。お気軽にお問合せください。
※受講料は予告なく変更・改定になる場合がございますので、あらかじめご了承ください。

対象者
  • 初めてWeb関連の技術を学ぶエンジニア
  • Web開発プロジェクトにこれから携わる方
  • HTMLを作成することはないがデザイン等でWeb開発に携わる方
前提条件
  • ディレクトリ(フォルダ)やファイルなどの概念を理解されており、Windowsにおける基本操作(ファイルのコピーなど)ができる方。
  • 何らかのプログラミングの経験があると理解が容易になります(必須ではありません) 。
到達目標
  • HTMLタグを使ってHTMLファイルを作成する
  • スタイルシート(CSS)を使って簡単なレイアウトを行う
  • JavaScriptを使ってブラウザを操作するプログラムを作成する
講師より

これからWebデザインに関わる方やまた直接関わらなくても画面設計などのWebアプリケーション開発に携わる全ての方に最適なコースです。演習も多数用意していますのでテキストエディタを使用した演習を通じて理解を深めていただきます。

内容

【第1日目】
形式:講義+演習(個人)


1. Webの基本概念
Webの基本的な考え方について学びます。
1) WebブラウザとWebサーバの役割
2) リクエストとレスポンス
3) URLとは


2. HTML入門
HTMLの基本構造とタグの種類について学びます。
1) HTMLとは
2) HTMLファイルの基本構造
3) HTMLのバージョンについて
4) HTMLタグの解説
 

3. CSS入門
HTMLとCSSの違いやCSSの基本的な文法について学びます。
1) CSSの2つの記述方法
2) CSSとHTMLの関連付け
3) セレクタの指定方法
4) ブロック要素とインライン要素
5) プロパティ解説
 

4. JavaScriptの基礎知識
JavaScriptの基本文法とDOMの簡単なプログラミングについて学びます。
1) JavaScriptの2つの記述方法
2) JavaScriptで出来ること
3) 基本構文(変数、式、ループ、関数)
4) DOMプログラミング
 

5. まとめ演習
1日のまとめ演習としてHTML、CSS、JavaScriptを使った「蔵豆コーヒーショップ」のWebサイトを作成して頂きます。
 

(付録)最新のWeb技術動向
ここ数年で急速に発展してきた最新のWeb技術動向(Ajax,HTML5,jQueryなど)を簡単にお伝えします。
※最新のWeb技術動向には演習はございませんので予めご了承ください。
※セットコース(Webアプリケーション入門コース)で申し込むと更にお得です。
セットコースはこちらを参照ください。