おためし受講中

CSS入門 -cssとは何か?-

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/

学生代表

  • 江川 みどり

    江川 みどり

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    02:18  (00:14 ~ )
    サイトの見た目担当がcss
    00:24  (02:32 ~ )
    サイトの見た目担当がcss: 【実演】 CODEPENというWebサイトで実際のcssを見てみよう
    07:54  (02:56 ~ )
    【問い掛け】サイトの見た目担当がcssだとすると、htmlの役割は?
    01:53  (10:50 ~ )
    サイトの見た目担当がcss: htmlとcssの役割の違い
    01:28  (12:43 ~ )
    サイトの見た目担当がcss: htmlについて
    01:34  (14:11 ~ )
    簡単なhtmlを書いてみよう
    07:06  (15:45 ~ )
    cssの書き方
    02:01  (22:51 ~ )
    【実践】cssの書き方: cssの3つの記述方法
    11:37  (24:52 ~ )
    Webについて学ぶ方法: オススメの参考書などというものはない
    07:36  (36:29 ~ )
    【後半】質疑応答
    Q:CSSはデザインという事ですが、CSSを習得するのにデザインのセンスは必要ですか?
    02:14  (45:05 ~ )
    Q:CSSはHTMLなしでは、何もできないのでしょうか。
    01:03  (47:19 ~ )
    Q:CSSをチェックするツールみたいなものはありませんか?
    00:58  (48:22 ~ )
    Q:良いエミュレーターをご存知でしたら教えてください。
    01:51  (49:20 ~ )
    Q:link relでCSSを個々に分けて書いた場合、表示などは遅くなりますか?
    01:06  (51:11 ~ )
    Q:もしよいwpのベースとして使えるテーマをご存知でしたら教えてください。
    01:40  (52:17 ~ )
    Q:windows10のedgeは、IEの旧バージョンのように特別なハックが必要だったりすることはないのでしょうか?
    01:47  (53:57 ~ )
    Q:sublime textの「color scheme」は何を選択されていますか?
      (55:44 ~ )