講座紹介

スタイルシート入門

受講対象
HTML入門~はじめてのホームページ作成1~受講済みまたは同等のスキルをお持ちの方。HTMLに関する知識をお持ちの方でWebページのデザインを決めるスタイルシート(CSS)の基本を学びたい方
受講後の目標
スタイルシートの基本を理解し、Webページの簡単なデザインが変更できるようになる
講座概要
ホームページの文書などを表示するのはHTML、見映え・デザインを整えるのはスタイルシート(CSS)。 CSSのメリットや基本の書き方から文字の装飾、リンク・表のデザインを設定、 2段組みのレイアウトまでCSSを使った簡単なホームページを作成します。
【受講料】 26,000円 (※消費税、テキスト代込み)
【受講時間】 6時間
【講座詳細】 1.スタイルシートの仕組み
スタイルシートとは:スタイルシートのメリット、作業の流れ:スタイルシートの書式
2.スタイルシートを使う準備をしよう
拡張子の表示:HTMLファイルの表示:CSSファイルの作成:HTMLファイルへの組み込み
3.基本的なデザインを覚えよう
文字の色:フォントサイズ:フォントの種類:フォントの太さ:斜体:行間の調整:中央揃え
4.いろいろなデザインでページを整えよう
ページのデザイン:見出しの背景色:見出しの枠線:インライン要素のデザイン:
ページまわりの余白:字下げ:画像の配置位置
5.背景をデザインしよう
背景画像:背景画像のくり返し:背景画像の表示位置:背景画像の固定
6.ホームページのデザインを統一しよう
デザインの統一:相対パス:スタイルシートのリンク
7.表をデザインしよう
表の枠線のデザイン:表の枠線の太さ:セルの色:セル内の表示位置:表の枠線の表示形式
8.段組みを作ってみよう
ボックスモデル:divタグ:floatプロパティを使った段組み:クラス:IDとメニューデザイン:子孫セレクタ:メニューブロックの追加


ご相談はこちらへ

法人のお客様へ

受講者の声

ビットラボラトリブログ