WEB 2時間目 - hiro

WEB 2時間目の授業は、ボタンを3つ作り、それを並べてみるというもの。

　最初はPhotoshopでボタンを3つ作り、それぞれ「ホーム」「新着情報」「お問い合わせ」としてみる。それをHTMLタグを入れてWEBページに

<html>
<head>
<title>Web画像｜ボタンの練習</title>
</head>
<body>
<p>
<img src="aaa/images/btn01.gif"><img src="aaa/images/btn02.gif"><img src="aaa/images/btn03.gif">
</p>
</body>
</html>

ここら辺で躓いているようでは先が思いやられる…と、言いたいところではあるのですが、うっかりミスでうまく表示されない…といったことがやはり起こってしまい、気を引き締める。

　下は家でもう一つ作ったパターンです。

　これはIllustratorで作ったボタンで、アンチエイリアスの関係等でこういう作業にはあまり向かないようです。