下記のサイトのように文字(ｈｅａｄｅｒ部）を透明に

質問

するには　http://www.nasusafari.com/

(1)Dwで文字入力し、それを透明にするやり方（opacityを使う)は知っているのですが、このサイトのように綺麗にできません。Dwでは無理なのでしょうか？

(2)ＦｗやAiを使えば、このサイトのh1(○○サファリパーク)に近い文字は作れると思うのですが、Dwには画像として貼り付けなければなりません。その場合、<h1>はどこに記述すれば良いのでしょうか？

Web制作に関しては、初級者で質問が分かりにくいとは思いますが、ご回答をよろしくお願い致します。

回答No.2

DrFell · ベストアンサー

透明と画像処理を勘違いしていませんか？透明に見えるが透明でない素材を作って、画像を配置されています。
http://www.nasusafari.com/img/logo.jpg
が画像です。透明にはなっていないようですが。

このサイトのｈ1はおっしゃっている場所ではありません。ロゴとして扱われているようです。ソースを覗いてみると

<DIV id=h1>
<H1>ホワイトライオン・トラ・キリン・カバ・サイ・ゾウなど約70種700頭羽の動物をすぐ間近で見られるサファリパークです</H1></DIV><!-- #BeginLibraryItem "/Library/上メニュー.lbi" -->
<DIV id=logo><IMG border=0 alt=那須サファリパーク src="img/logo.jpg" width=515
height=99></DIV>

Dwはおろか、メモ帳でも画像があればできます。Dwはソースコードを効率よく書くには有効ですが、理解していないことは出来ないと思います。初心者を自認しておられるなら、Dwなどのツールに頼る前に基本的なことは押さえられることをお勧めします。

気になるサイトのソースくらい見ましょう。そのものずばりの答えがあります。

お礼

ありがとうございました。確かにソースに書いてありますね。もう一度、html・CSSのテキストを読み直したいと思います。

回答No.1

noname#158634

どこを指して透明と言っているのかわからんのでとりあえず
(2)HTMLは「意味」に対してタグをつけるものだから、仮令画像だろうがそれが見出しであるなら見出しのタグをつける。

お礼

ありがとうございました。