chevron_left

WebデザインのためのCSS入門

PREMIUM

スライド資料

会員登録して、全てのスライドを見よう

1 / 23

授業の概要

WebサイトはHTML(文章構造)、CSS(視覚構造)、JavaScript(インタラクション)の組み合わせでできています。その中でも、Webサイトのデザインを担当するCSSを学んで行きましょう。

この授業では、W3C(Web技術の標準規格化非営利団体)で勧告となった最新情報に基づいてCSS2とCSS3を書く方法をハンズオンで1から学んでいきます。1回づつ完結していますが、シリーズを通して受講されるとCSSに対する理解が深まります。

今回の授業では、どういう経過でcssができたのか、webサイトでどのような役割をはたしているのかを学んで行きましょう。

■ 事前準備

テキストエディタをご用意下さい。既にお使いのものが無ければ https://atom.io/がオススメです。

参考ファイル: 「webデザイナーのためのcss入門」のコード一式のURL
http://behomazn.com/schoo/css_Introduction/

こんな人にオススメ

webデザインを学びたい方・cssを一から学びたい方・cssがない頃のコーディングしか知らない方

チャプター

play_arrow
自己紹介&アジェンダ
02:18
play_arrow
サイトの見た目担当がcss
00:24
play_arrow
サイトの見た目担当がcss: 【実演】 CODEPENというWebサイトで実際のcssを見てみよう
07:54
play_arrow
【問い掛け】サイトの見た目担当がcssだとすると、htmlの役割は?
01:53
play_arrow
サイトの見た目担当がcss: htmlとcssの役割の違い
01:28
play_arrow
サイトの見た目担当がcss: htmlについて
01:34
play_arrow
簡単なhtmlを書いてみよう
07:06
play_arrow
cssの書き方
02:01
play_arrow
【実践】cssの書き方: cssの3つの記述方法
11:37
play_arrow
Webについて学ぶ方法: オススメの参考書などというものはない
07:36
play_arrow
Q:CSSはデザインという事ですが、CSSを習得するのにデザインのセンスは必要ですか?
02:14
play_arrow
Q:CSSはHTMLなしでは、何もできないのでしょうか。
01:03
play_arrow
Q:CSSをチェックするツールみたいなものはありませんか?
00:58
play_arrow
Q:良いエミュレーターをご存知でしたら教えてください。
01:51
play_arrow
Q:link relでCSSを個々に分けて書いた場合、表示などは遅くなりますか?
01:06
play_arrow
Q:もしよいwpのベースとして使えるテーマをご存知でしたら教えてください。
01:40
play_arrow
Q:windows10のedgeは、IEの旧バージョンのように特別なハックが必要だったりすることはないのでしょうか?
01:47
play_arrow
Q:sublime textの「color scheme」は何を選択されていますか?