chevron_left

WebデザインのためのCSS入門
PREMIUM
第2回

CSS入門 -文字デザインの全て-

2015年8月24日 60min
CSS入門 -文字デザインの全て- play_arrow おためし受講

スライド資料

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

1 / 33

授業の概要

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

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

今回はCSSで文字をデザインする手法を学んでいきます。PCからスマートフォンまでどんなデバイスで見ても美しくて読見やすいスタイルを指定する方法を学びます。

■ 事前準備

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

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

こんな人にオススメ

美しくて読みやすいサイトを作りたい方・クールな文字デザインを指定したい方・googleフォントを指定してサイトをかっこ良くしたい方

担当の先生／パーソナリティ

チャプター

play_arrow
自己紹介＆アジェンダ
01:32
play_arrow
フォントファミリー
04:09
play_arrow
フォントファミリー: serif体とsan-serif体について
02:35
play_arrow
フォントファミリー: フォントファミリーの指定で⼀番大切な事
06:45
play_arrow
フォントファミリー: MacとWindowのフォント一覧
03:02
play_arrow
フォントファミリー: OSごとの標準フォントの紹介
07:00
play_arrow
美しい文字をデザインしよう
02:11
play_arrow
Google web fonts
00:49
play_arrow
Google web fonts: 【実践】Google web fontsを使って実際にcssで指定していきましょう
21:04
play_arrow
Ｑ：webフォントを使えばどのブラウザや媒体から見ても同じフォントになるという解釈でよいでしょうか？
00:47
play_arrow
Ｑ：ゴシック体のサイズの異なりについて
00:54
play_arrow
Ｑ：フォントを考えだすと、結局決まらないのは、デザインセンスがないからですか？
00:38
play_arrow
Ｑ：先生が好きなフォントは何ですか？
00:47
play_arrow
Ｑ：フォントカラーについて
00:59
play_arrow
Ｑ：和文は欧米フォントに比べて文字数が多くてデータ量が多いと思うのですが、アクセス速度が致命的なほど遅くなったりしますか？