6−3 画像を掲載する
ホームページは文章がメインとなって構成していますが、やはり文章だけでは伝えにくい内容の説明やデザイン性の向上を考えた場合、画像を掲載することが簡単で効果的な方法です。
挿絵を挿入したり、図解で説明したり、タイトルを画像で表示させたり、色々な使い方があるので必ずマスターしておきましょう。
基本的な表示方法はこれです。↓
<img src="img/aaa.jpg" />
HTML
<img src="img/aaa.jpg">
「img/aaa.jpg」は、「img」フォルダの中の「aaa.jpg」という画像ファイルを意味しています。もちろん画像を用意しておかなくては表示されません。
画像は「<img src=" " />」に画像のファイル名を記載するだけで表示はされますが、実は記載方法としては不十分です。
次のような記載をしてください。
alt=" "
代替えテキストと呼ばれ、
画像が何らかの理由で表示されなかった場合、説明文が代わりに表示されます。また、視覚障害者の方の多くにテキストを音声で読み上げるソフトを利用していることがあり、画像の説明として読み上げられます。。。
width=" " height=" "
画像が表示されなかった場合のレイアウトの崩れを防ぎ、表示も早くなります。
数値の単位はピクセルで、「width」は横のサイズ、「height」は縦のサイズです。
(「まぐまぐ」にて殿堂入りしました)
ホームページ作成を一人で頑張るのもいいですが、仲間と一緒に頑張りませんか?
人気ホームページの作り方やホームページ運営者の生の声などの情報を発信していますので、ぜひあなたも購読してみてください。
こんなヤツ!
ホームページを作っていたら、この楽しさを、あなたに伝えてくなりました。ホムつく式のホームページの作り方を体験してみてください。
→プロフィール
→お問い合わせ
必要なものは?
ホムつく講座がおすすめするソフトやレンタルサーバーを紹介しています。初心者の方や、悩んでいる方は是非参考にしてみてください。
ホームページはXHTMLとCSSで作ります。ほむつく講座では初心者の方にわかりやすいと評判の初心者講座があります。
良くしたい
ホムつく講座では見た目だけが良いデザインではなく、ユーザー(利用者)の方が安心して、ホームページを閲覧できるデザインを学べます。
ホームページは作れば沢山のアクセスが集まるわけではありません。そして、アクセスが多いだけのホームページでも意味がありません。あなたのファンができる人気ホームページを作り方を学びましょう。