見出し画像

職業訓練でJavaを学ぶ!16〜21日目「Javaプログラミング実習(HTML/CSS編)」

職業訓練で、Javaを使ったWebシステム開発・Androidアプリ開発を学ぶことになりました。復習かねて情報発信をします!
これから職業訓練に通うことを検討している方の参考になれば嬉しいです。

↓↓職業訓練に通うことになった経緯はこちら
https://note.mu/yukoro/n/ned8d43b0110d


15日目までの授業ではJavaプログラミングに必要な基礎知識を学んできましたが、16〜21日目の授業は一旦Javaから離れてHTMLやCSSについての内容に切り替わりました。

私が通っている職業訓練のカリキュラムでは、最後に卒業制作としてJavaを使ったWebアプリやAndroidアプリを作ることになっています。そのためにWebのフロントエンドの知識も必要になってくるのです。

たった半年という短い期間で、Webの全くの未経験者もJavaだけでなくHTMLやCSSも習得しなければいけないため、なかなかハードな内容になっていると思います。

私自身は幸いにも(?)Web制作をやってきたため、HTMLやCSSについてはカリキュラム内容だけをお伝えしたいと思います。(というかJavaの復習に力を入れないとついていけなくなってしまうというのが本音 orz)

16日目(7/25)の授業内容

HTML CSS入門
 • Webページの構成とHTML/CSSについて
 • Webサイト開発に必要な物
 • HTMLファイルの作成からブラウザ上での確認までの流れ
HTMLの基本要素
 • HTMLの基本書式
 • HTMLページの基本構造
 • HTMLページに関する情報の記述方法

17日目(7/26)の授業内容

文書の基本要素
 • 文書を構成する基本要素である見出し、段落、リストなどの記述方法
ページのリンク
 • ページ同士をリンクでつなぐ方法
画像の埋め込み
 • <img>や<iframe>を使い、画像や外部ページを表示する方法を学習する
自己紹介サイト制作

18日目(7/30)の授業内容

文書の構造化
 • ヘッダ、フッタ、セクションなど文書の構造を定義するタグについて
 • コンテンツモデル
CSS基礎1
 • CSSの基本
 • CSSを使った各種スタイルの設定方法

19日目(7/31)の授業内容

CSS基礎1(続き)
CSS基礎2
 • 背景色や背景画像の設定
 • ボックスモデル

20日目(8/1)の授業内容

CSS基礎2(続き)
CSS基礎3
 • CSSを使ったレイアウトの方法
 • CSS3で新たに導入されたプロパティ

21日目(8/2)の授業内容

CSS基礎3(続き)
表の作成
 • HTMLでテーブル(表組み)を記述する方法
フォームの作成
 • お問い合わせフォームなど、ユーザーが入力等の操作を行うための要素を作成する


22日はキャリアコンサルタントさんとの面談、23〜26日目(8/6〜8/9)の4日間の授業では主にJavaScriptの授業を行いました。JavaScripもJavaからは話がそれてしまいますが、後々書いていきたいと思いますが、26日目(8/19)の授業から再びJavaの授業に戻ったため、そちらを優先的に書いていきます。

最後までお読みいただきありがとうございました。

この記事が気に入ったらサポートをしてみませんか?