■
ホトショップ Ps
グレーガンマ値
紙：1,8
Web：2,2
dot/inch
刷版（ＣＭＹＫ） プロセスカラー
↓
オンセット オフセット
イメージ→画像解像度
Ｐｉｘｅｌ/inch (PC)
線の数 line/inch 175線
ＴＩＦＦ Ｔａｇｇｅｄ Ｉｍａｆｅ Ｆｉｅ Ｆｏｍａｔ
線数×２倍＝解像度（入力）
ナビ演習（２）
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>ナビ演習（２）</title> <link rel="stylesheet" href="css/style2.css" media="screen,print"> </head> <body> <div id="nav"> <ul><!--class="first"は棒の追加！--> <li class="first"><a href="#">メニューのリンク1</a></li> <li><a href="#">メニューのリンク2</a></li> <li><a href="#">メニューのリンク3</a></li> <li><a href="#">メニューのリンク4</a></li> <li><a href="#">メニューのリンク5</a></li> </ul> </div> </body> </html>
@charset "UTF-8";
#nav {
font-size: 0.75em;
margin: 50px;
}
#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#nav li {
float: left;
}
#nav li a {
color: #000;
text-align: center;
text-decoration: none;
display: block;
width: 120px;
line-height: 25px;
border-right: solid 1px #AAA;
}
#nav li.first a:link {
border-left: solid 1px #aaa;
}
#nav li a:hover {
background-color: #e8eeb6;
}
ナビ演習（３）
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>ナビ演習（３）</title> <link rel="stylesheet" href="css/style3.css" media="screen,print"> </head> <body> <div id="nav"> <ul> <li><a href="#">メニューのリンク1</a></li> <li><a href="#">メニューのリンク2</a></li> <li><a href="#">メニューのリンク3</a></li> <li><a href="#">メニューのリンク4</a></li> <li><a href="#">メニューのリンク5</a></li> </ul> </body> </html>
@charset "UTF-8";
#nav {
font-size: 0.75em;
width: 760px;
height: 30px;
background-color: #393;
}
#nav ul{
margin: 0;
padding: 0;
list-style-type: none;/*マーカー文字の種類を指定する*/
}
#nav li {
float: left;
}
#nav li a:link {
color: #fff;
text-align: center;/*行揃えの位置・均等割付を指定cente中央揃え*/
text-decoration: none;/*テキストの下線・上線・打ち消し線・点滅を指定する*/
line-height: 30px;
display: block;/*要素の表示形式（ブロック・インライン）を指定*/
width: 120px;
border-right: solid 1px #fff;
}
#nav li a:hover {
background-color: #3c6;
}
