誰でもわかる HTML基礎&CSS基礎
誰でもわかる HTML基礎&CSS基礎

「誰でもわかる HTML基礎&CSS基礎」詳細

「誰でもわかる HTML基礎&CSS基礎」のphoto
「誰でもわかる HTML基礎」と「誰でもわかる CSS基礎」の2つのコースがセットになったお得な教材です。

「誰でもわかる HTML基礎&CSS基礎」は
Webブラウザに表示する文書を設定する「HTML」と
デザインやレイアウトを設定する「CSS」の知識を習得できるコースです。

■「HTML基礎」の紹介
会社のホームページやオンライン・ショッピングなどは
Webブラウザで閲覧するシステムで、HTMLをベースとして構成されています。
この講座では主にホームページを作るためのHTMLの基礎を習得できます。

Webブラウザで表示されるものは、全てHTMLで構成されています。
HTMLで書かれたプログラムを、Webブラウザが解析し表示するという仕組みになっています。

HTMLを理解するとホームページを作成するだけでなく
JavaやPHPやJavaScriptなどの他言語と連携し、Webアプリケーションにも対応できるようになれます。

「HTML基礎」では
Webの概要
HTMLの環境設定
HTMLの基礎知識
主要タグ
色の設定と特殊文字
Webアプリケーション
フォーム関連タグ
などを学習できます。

■「CSS基礎」の紹介
会社のホームページやオンライン・ショッピングなどは、Webブラウザで閲覧するシステムで、HTMLをベースとして構成されています。
しかし、ホームページのデザインやレイアウトは、HTMLではなくCSSで設定されています。
この講座では、主にホームページのデザインやレイアウトを設定するための、CSSの基礎を習得できます。

Webブラウザで表示されるものは、全てHTMLで構成されていますが、デザインやレイアウトはCSSで行います。
HTMLは文書作成に特化させ、CSSはデザインやレイアウトを担当し構成します。

また、CSSを利用すると、HTML文書は同じでも使用するメディアによって、デザインやレイアウトを変えることもできます。
CSSを理解すると、JavaScriptなどと連携し、Webアプリケーションにも対応できるようになれます。

「CSS基礎」では
CSSの概要
CSSの環境設定
CSSの基礎文法
セレクタ
主要プロパティ
CSSの応用
などを学習できます。

難関ですが、わかりやすく解説しています。
大きな目標へ一歩前進できます!

HTMLの知識を習得したい方。
HTMLの基礎を習得したい方。
将来Webアプリケーションを開発してみたい方。
CSSの知識を習得したい方。
CSSの基礎を習得したい方。
見栄えのいいホームページの作り方を習得したい方。
スキルアップを計りたい方。

大きな目標への第一歩となるコースです!
じっくり学習できる内容になっていますので、是非トライしてみてください!

このコースは、eラーニングサイト「動学.tv」の運営する「アテイン株式会社」様と共同開発しました。
このコースは、視聴期限なしのオンライン学習プラットフォーム「Udemy(ユーデミー)」で公開中です。

●受講手続きは、「Udemy(ユーデミー)」で行います。
●電話でのお問い合わせは088-696-5315までご連絡下さい。

「誰でもわかる HTML基礎&CSS基礎」内容

【講師】荒川栄一郎
【時間】約10時間
【HTML基礎】
第1章
Webの概要
1.1 Webシステムの仕組み
1.2 HTML って何?
1.3 WWW って何?
1.4 HTTP って何?
1.5 URL って何?
第2章
HTMLの環境設定
2.1 HTMLの開発環境
2.2 HTMLの開発手順
第3章
HTMLの基礎知識
3.1 HTMLの基本文法
3.2 HTMLの基本構造
3.3 名前を表示しよう!
3.4 プログラムを読みやすくしよう!
第4章
ページレイアウト関連タグ
4.1 見出しを設定しよう!
4.2 段落を設定しよう!
4.3 グループを設定しよう!
4.4 水平線を設定しよう!
4.5 改行を設定しよう!
第5章
フォント関連タグ
5.1 フォントを設定しよう!
5.2 文字を強調しよう!
5.3 文字を斜体にしよう!
第6章
リスト関連タグ
6.1 マーク付きリストを設定しよう!
6.2 番号順リストを設定しよう!
6.3 定義順リストを設定しよう!
第7章
表関連タグ
7.1 表を設定しよう!
7.2 見出し付きの表を設定しよう!
7.3 複数のセルを横に連結しよう!
7.4 複数のセルを縦に連結しよう!
第8章
ハイパーリンク関連タグ
8.1 ハイパーリンクって何?
8.2 絶対パスと相対パス
8.3 他ページにリンクしよう!
8.4 同じページ内の別の場所にリンクしよう!
8.5 E メールを送ろう!
第9章
イメージ関連タグ
9.1 画像ファイルって何?
9.2 絶対パスと相対パス
9.3 画像を表示しよう!
9.4 画像の幅と高さを変更しよう!
9.5 代替文字を設定しよう!
第10章
色の設定と特殊文字
10.1 背景色や文字色を指定しよう!
10.2 特殊文字を表示しよう!
第11章
Webアプリケーション
11.1 Webアプリケーションって何?
11.2 静的コンテンツと動的コンテンツ
11.3 Webアプリケーションの環境設定
第12章
フォーム関連タグ(1)
12.1 フォーム送信の仕組み
12.2 データの送信方法
12.3 フォームの基本構成
第13章
フォーム関連タグ(2)
13.1 入力データを送信しよう!
13.2 選択データを送信しよう!(1)
13.3 選択データを送信しよう!(2)

【CSS基礎】
第1章
CSSの概要
1.1 CSSって何?
1.2 CSSの役割って何?
1.3 CSSを利用するメリット
1.4 CSSの利用方法
第2章
CSSの環境設定
2.1 CSSの開発環境
2.2 CSSの開発手順
第3章
CSSの基本文法
3.1 CSSの書き方
3.2 CSSってどこに記述するの?
3.3 メディアタイプを指定しよう!
第4章
セレクタ(1)
4.1 セレクタの種類
4.2 要素型セレクタ
4.3 ユニバーサルセレクタ
4.4 属性セレクタ
4.5 IDセレクタ
4.6 クラスセレクタ
第5章
セレクタ(2)
5.1 セレクタの種類
5.2 複数セレクタ
5.3 子孫セレクタ
5.4 子セレクタ
5.5 隣接セレクタ
第6章
セレクタ(3)
6.1 セレクタの種類
6.2 ブロック要素とインライン要素
6.3 疑似クラス
6.4 疑似要素
第7章
色・背景関連プロパティ
7.1 色・背景関連プロパティの種類
7.2 色の指定方法
7.3 文字色を設定しよう!
7.4 背景色を設定しよう!
7.5 背景画像を設定しよう
第8章
フォント関連プロパティ
8.1 フォント関連プロパティの種類
8.2 フォントの大きさを設定しよう!
8.3 フォントのスタイルを設定しよう!
8.4 フォントの太さを設定しよう!
8.5 フォントの種類を設定しよう!
第9章
テキスト関連プロパティ
9.1 テキスト関連プロパティの種類
9.2 文字表示位置を設定しよう!
9.3 インデント(字下げ)を設定しよう!
9.4 文字を装飾しよう!
第10章
リスト関連プロパティ
10.1 リスト関連プロパティの種類
10.2 リストマーカーって何?
10.3 リストマーカー文字を設定しよう!
10.4 リストマーカー画像を設定しよう!
第11章
ボーダー関連プロパティ
11.1 ボーダー関連プロパティの種類
11.2 ボーダーを設定しよう!(1)
11.3 ボーダーを設定しよう!(2)
第12章
幅・高さ関連プロパティ
12.1 幅・高さ関連プロパティの種類
12.2 幅を設定しよう!
12.3 高さを設定しよう!
第13章
マージン・パディング関連プロパティ
13.1 マージン・パディング関連プロパティの種類
13.2 マージンとパディングって何?
13.3 マージンとパディングを設定しよう!
第14章
表関連プロパティ
14.1 表関連プロパティの種類
14.2 表を設定しよう!
第15章
表示関連プロパティ
15.1 表示関連プロパティの種類
15.2 はみ出た部分をどうする?
15.3 ブロックとインラインを設定しよう!
第16章
配置関連プロパティ
16.1 配置関連プロパティの種類
16.2 回り込みを設定しよう!
16.3 回り込みを解除しよう!
第17章
応用(1)
17.1 HTML文書のレイアウトを設定しよう!
第18章
応用(2)
18.1 楽しいボタンを作ろう!

「誰でもわかる HTML基礎&CSS基礎」価格

●21,000円 キャンペーン時には90%OFFなどで購入可能です。

「誰でもわかる HTML基礎&CSS基礎」受講方法

●受講手続きは、「Udemy(ユーデミー)」で行います。
●電話でのお問い合わせは088-696-5315までご連絡下さい。

コンテンツ


サポート

■IT研究所へのお問い合わせは
●03-3752-0994
●088-696-5315
>>詳細はこちら


アンケート

★アンケートにご協力ください!
<質問>
ホームページを
作成したことはありますか?
ある
ない
回答する