おためし受講中

Webデザイン入門 Webフォント使用編

このコースでは合計8回で一通りのWebデザイン制作方法を学びます。Webサイトを制作する流れを知り、全行程を把握する授業で、Web制作の全てを理解することができます。

今回は1限で紹介したワークフローの「5.素材集め(原稿・画像など)」「6.開発フロー」を学びます。

アジェンダ

  • cssで実装するgoogle Webフォントをデザインモックで使用する方法
  • デザインモック上で使用している日本語フォントをcssで実装する方法

学生代表

  • 青島 莉子

    青島 莉子

    スクー放送部

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    00:47  (00:13 ~ )
    google fontの指定法
    06:14  (01:00 ~ )
    fontを変えると同じレイアウトのサイトが変わる:カフェ
    07:33  (07:14 ~ )
    fontを変えると同じレイアウトのサイトが変わる:法律事務所
    04:27  (14:47 ~ )
    fontを変えると同じレイアウトのサイトが変わる:子供服ショップ
    05:36  (19:14 ~ )
    まとめ
    01:20  (24:50 ~ )
    【後半】質疑応答
    Q:日本語フォントの選択肢が少なくて悲しいです。欧文と日本語を同じページに記載する際、先生が統一感を出すために工夫していることはありますか?
    03:06  (26:20 ~ )
    Q:webフォントのリンクの指定場所ですが、head内であればどこでもよいのですか? 自分のcss指定より後でもよいのですか?
    00:43  (29:26 ~ )
    Q:Googleフォントでは英語文字がメインですが、日本語はありますか?
    01:04  (30:09 ~ )
    Q:webフォントは日本語も豊富にありますか?
    00:55  (31:13 ~ )
    Q:webフォントは自分で作れますか?
    00:59  (32:08 ~ )
    Q:どうしたら、ワンクリックで、/*を消してるんですか?ショートカットやファンクションキーがあるのですか?
    00:53  (33:07 ~ )
    Q:WEBフォントを使う際、いくつくらいまで使用するのが適切ですか? いくつもリンクするのは避けた方が良いですか?
    02:46  (34:00 ~ )
    Q:WEBサイトで、この文字を使っておけばいいみたいな、おすすめな定番Googleフォントは、どれですか?
    02:05  (36:46 ~ )
    お知らせ
      (38:51 ~ )