【オンライン講座】HTML&CSS基礎講座⑤CSSフォントとレイアウト

フォントはページの見た目や印象を大きく左右します。本講座ではCSSでのフォントの操作方法を学習していきます。数あるフォントの中から好みのフォントを選び、プロパティを操作し文字を装飾することで、楽しく学習することができます。

また、レイアウトの基礎となるボックスモデルを学習し、HTMLのタグの配置決めの方法を学習していきます。HTMLで構造化しただけのページでは、テキスト文章のようにタグを上から下に表示されているだけでしたが、CSSを使用することでより使いやすく、美しいページになります。

HTMLから本講座まで学習することでWEBデザインの基礎はマスターできます。


※受講いただいた方にはオリジナルのテキストをお渡しますので、内容を復習してもらうことが可能です。

HTML&CSS基礎講座について

HTML&CSS基礎講座では未経験でも、学習終了時に確実にコーディング力が付くように構成しています。
①～⑤でHTMLとCSSの基礎を学習し、⑥の実際のwebサイトを作成することでWEBサイトデザインの基礎力を身に付けることを目的としています。

基礎講座は全くの未経験者でも、最短で習得できるように工夫しています。
受講生のみなさまWEBデザイナ、WEBプログラマの第一歩を踏み出すきっかけになれば幸いです。

HTML&CSS基礎講座での本講座の位置づけ

 ①HTMLの基礎
　②HTML基本タグとテーブル
　③HTMLフォーム
　④CSSの基礎
★⑤CSSフォントとレイアウト
　⑥Webサイト作成

HTMLについて

HTMLはWEBプログラマ、WEBデザイナが一番最初に習得しなければいけない最もベーシックな言語です。
また、WEBデザイナにとってはサイト構築のプロとして、深い理解が求められる技術です。
他業種においても、一般教養として求められるケースが多く需要の高い言語です。

CSSについて

CSSもHTML同様にWEBプログラマ、WEBデザイナの必須スキルです。
HTMLが構造を担当するのとは対照的にCSSは見た目の制御する技術です。
HTMLと並行して、HTMLとCSSの役割の違いを意識しながら学習を進めていくことが重要です。

会議アプリZoomについて

通常のweb会議に加え、画面共有、チャット機能が簡単に行えるアプリケーションです。
ほとんどの機能は無料版で使用可能です。
無料版の機能をフルで使用するために、本講座を受講の場合はPCにアプリケーションのインストールとサインアップをお願いしております。
今後、ますます進んでいくテレワークに対応するために、会議アプリに慣れることは大変重要だと考えています。
※開始30分前にconnpassのメッセージ機能を使い、「会議ID」「パスワード」をお送りします。

講義内容

1. フォントについて
2. フォントファミリー
3. フォントの操作
4. Webフォント
5. ボックスモデル
6. WEBページのレイアウト

対象

• WEBエンジニア/WEBデザイナになりたい初学者または未経験者
• HTMLに興味がある未経験者
• ホームページを作ってみたい方や仕組みを知りたい方

【重要】参加方法

• あらかじめZoomのインストールとサインアップをお願いします。インストーラ / サインアップページ
• 開催時間30分前に「会議ID」と「パスワード」をconnpassのメッセージ機能を使って参加者全体に配信します。必ずconnpassにご登録しているメールのチェック、及び時間に余裕を持った参加をお願いします。

開催場所

オンライン

スケジュール

2020年 5月 8日（水）20:00 〜 21:00

参加費

1,500円（前払い）

参加特典

受講いただいた方には使用したテキストをPDFでお渡しします。

事前準備

OS: Windows または Mac
Zoom（会議アプリ）のインストールとサインアップ：インストーラ / サインアップページ
Visual Studio Code（開発ツール）のインストール：インストーラ

注意事項

• 事前にZoomの「サインアップ」「音声テスト（受信）」を必ず行ってください。
• 開始30分前にZoom会議を開催します。お時間に余裕をもって参加してください。
• 災害等大規模な事象による広範囲のネットワーク不良についてはご返金いたします。
• 受講者起因のネットワーク不良、PC性能不足、またはZoomの設定が原因で講義が受けられれない場合の返金は致しかねます。

講師

ITエンジニア/WEBデザイナー 岡野 健太郎