Javascriptを使った画像置換&Photoshopポラロイド風加工

f:id:sophisticatedweapon:20140317112042j:plain

Javascriptを使った画像置換：作成所要時間50分

画像採取、サイズ変更、レイアウト、Javascript

サムネイルをマウスオーバーで画像拡大表示

f:id:sophisticatedweapon:20140317123628j:plain

f:id:sophisticatedweapon:20140317125013j:plain

Javascriptを使った画像置換：作成所要時間20分

画像採取、サイズ変更、レイアウト、Javascript

サムネイルをマウスオーバーでカラー画像表示

f:id:sophisticatedweapon:20140317144718j:plain

Photoshopポラロイド風加工：作成所要時間５分

画像採取、写真加工、台紙加工

<!DOCTYPE html>

<head>

<style>

.imgbox {

margin: 0 auto;

width: 825px;

}

.mainimg {

float: left;

margin-right: 10px;

}

.thumbnail img {

margin: 0 10px 5px 0;

}

</style>

</head>

<body>

</div>

</div>

</body>

</html>

/////////////////////////////////////////////////////////////////////////////

<!DOCTYPE HTML>

<html>

<head>

<style>

#content {

margin: 0 auto;

width: 970px;

text-align: center;

font-family:

"ヒラギノ明朝 Pro W3",

"Hiragino Mincho Pro",

serif;

}

.img img{

margin:10px 10px;

}

</style>

</head>

<body>

<p>※画像上へマウスを移動すると、その画像をカラー表示できます。</p>

<p>

</p>

</div>

</div>

</body>

</html>

Webサイト制作科 | 受講記録 | 苦楽中道

2014年01月27日開講の求職者支援訓練（フェリカTA_Webサイト制作科）における受講メモと習熟度記録