My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

2/5 [CSS] 記述と使い方 / [Illustrator] 長方形・楕円を使ったロゴ

f:id:sntkk3:20140228225012g:plain

  1. CSS(記述と使い方)
  2. Illustrator(長方形を使ったロゴ・楕円を使ったロゴ)

CSSとは

CSS (Cascading Style Sheet)

CSSの語源・意味

cascade 岩にぶつかって流れるような滝
親(上位)を継承して機能

便利なadd onツール

HTML Validator
Web Developer

Stylesheetの構造

f:id:sntkk3:20140422212627p:plain

かっこ各種

} ← カールブラケット
( ← パーレン
[ ← ブラケット
{ ← カールブラケット< ← アングルブラケット

その他記号について

# (Number) ページ番号(ノンブル)

参考情報

【書体の勉強】
書体メーカーで有名なモリサワさんでは、モリサワスクールという勉強会を開催されているそう。
書体の勉強には良い機会と思われます。

水道橋 モリサワ
https://www.morisawa.co.jp/biz/support/school/

便利なオンラインサービス

W3C css 検証サービス

便利なWeb制作ソフト

↓ HTML、CSSの知識まったくなしでもプロ並みの素晴らしいサイトが作れてしまうすっごいソフトです!

  • LiVE for WebLiFE - デジタルステージ

スペシャルサイトがつくれるWeb制作ソフト LiVE for WebLiFE* 2 | ライブ・フォー・ウェブライフ

  • BiND for WebLiFE - デジタルステージ

スペシャルサイトがつくれるWeb制作ソフト LiVE for WebLiFE* 2 | ライブ・フォー・ウェブライフ

文字サイズについて

0.875em = 14px

参考書

スタイルシート ビジュアルサンプル辞典」-Webデザイン必携

Illustrator

【演習】長方形だけでロゴを描いてみる:FAX

【演習】楕円形だけでロゴを描く