WEBはじめました

お花屋さん→WEB広告代理店→色々

0620 細かい事に囚われていても誰にもそれは伝わらないから

 

CSS

paddingの大きさ

文字に対して1.5文字分のサイズが妥当

 

 

子孫セレクタ

div内のp全てに命令できる

div p {******}

 

 

リストのインデント

li {text-indent: -1em;}

箇条書きの・の下、2行目を1字下げることができる

 

 

トップ画像を表示させる

{background: #****** url(******.jpg) no-repeat;

padding: *****;

width: ***px; }

 

 背景色には上に乗せる文字とコントラストの強い色を指定しておく→画像の裏になるので実際に表示されはしないがもし画像のリンク切れが起こった場合に文字が背景色とかぶって見えなくなる事を防ぐため。

 また文字の位置はpaddingを使って任意の箇所へ移動させる。

 

 

Photoshop

補正について

シャドウハイライト:逆光、暗さに対してそれをよみがえらせる

レベル補正:明るさを減らす事ができる

 

 

 

Webサイトのデザインについて

デザインを通して相手に何を伝えるか

→相手がそれを見てどう思い、どう行動するか

 

細かい事を気にしすぎても、見てもらえない/伝わらなければ何の意味も無い

 

 

 

今日の路線図

埼京線に進出。微調整は後ほどという事で来週もガンガン進めていこう。同時進行でPhotoshop使って自分の撮った写真の編集して趣味丸出しのサイトひとつ作ろう。

 

http://instagram.com/p/peDnNAPjOZ/

Instagram