HTML・CSS ホームページ作成編【楽ぱそDVD】
ヒント：この教材では、現在では主流のHTML5 CSS3（レスポンシブウェブデザイン）を学ぶことができます。
レスポンシブウェブデザインとは、Webサイトを、パソコン、タブレット、スマートフォーンのどのデバイスで閲覧した場合でも、最適化した表示がされるホームページ作成の最新技術です。
※このサイトも「レスポンシブウェブデザイン」で作成されていますので時間があれば確認してみてください。
ホームページ作成のスキルには主にHTMLとCSSがあります。
HTMLとはホームページの構造を作るためのものです。
例えば一番上にサイト名、その下に記事の部分、その下にメニューといったホームページの骨組みを作ることができます。
これに対してCSSはスタイルシートともいいますが、ホームページのデザインを設定するためのものです。
例えばタイトルの文字の色を赤色にしたり、メニューを横一列に配置したりといったデザイン部分を作ることができます。
一般のホームページ作成ソフトではどうしても素人ぽいページに仕上がってしまいますがこれらのHTMLとCSSを覚えることによって自由度の高い綺麗なサイトを自分で作ることができます。
このHTMLとCSSですが本などで覚えるには根気がいりますし、単に記事部分と横にメニューのあるサイトで、スマートフォンにも対応したページが作りたい場合でもごちゃごちゃと書かれたテキストを解読してゆく必要があります。
そのような悩みを解決するために動画で効率的にHTMLとCSSが覚えられる講座が公開されました。
動画パソコン教室！【楽ぱそＤＶＤ】ではHTMLとCSSの基本からPC・スマートフォン両対応のビジネスサイトの作成まで動画で丁寧に解説しておりますので初心者の方にも短期間で理解できる内容となっております。
もしあなたが、HTML・CSSを覚えて自分でクオリティの高いサイトを作りたいとお考えならこれはおすすめの教材です。
動画パソコン教室 【楽ぱそDVD】の目次
ホームページの構成／HTMLの要素／HTMLの枠組み
head要素に記述するもの／文字コード、著者名
説明文、キーワード／タイトル／htmlのコメント
見出し／段落、改行、強調 ／箇条書き
リンク／画像／表（テーブル）／CSSの基本（タイプセレクタ）
HTMLからCSSを読み込む／classセレクタ／IDセレクタ
子孫セレクタ／複数セレクタ／CSSのコメント
文字サイズ／文字の書体／行の高さ
文字位置／文字の色と背景色／背景画像／幅と高さ
枠線／余白（padding） ／余白（margin）／箇条書き（リスト）のスタイル
リンクテキストのスタイル／要素の表示形式／表のスタイル
グループ化（div要素）／ボックス配置／floatプロパティの影響を解除
サイトの一例／スマートフォン・タブレット・パソコンのそれぞれの
画面サイズで表示切替・レスポンシブデザイン／サイトの枠組みの作成
ヘッダー／ナビメニュー／コンテンツ／サイドメニュー／フッター／ページのコピー
学習で挫折する原因である、難しい理論の紹介をするのではなく、
実際によく使われるテクニックに重点を置いて解説されています。
ホームページ作成を楽しみながらステップアップしていくことができます。
