今日私が見たカラフルなWebページはすべて、画像の効果があるためです。考えてみてください。インターネット上のWebページはすべて非常に退屈なプレーンテキストであり、Webデザインの画像の重要性を知っています。画像はHTMLページに挿入できます。 Webページで一般的に使用される画像形式は、JPEGとGIFです。
JPEG(Joint Photography Experts Group)は、写真画像専用に設計されたファイル形式です。 JPEGは何百万色をサポートしています。 JPEGは品質の損失のある形式です。つまり、圧縮中に一部の画像データが失われ、最終ファイルの品質が低下します。ただし、画像データはほとんど破棄されず、品質に非常に大きな違いはありません。
グラフィック交換形式GIFは、Web画像で非常に人気のある形式です。 256色しか含まれていませんが、GIFは優れた画像圧縮の損失をほとんど提供しません。 GIFには、透明な領域と複数のアニメーションを含めることができます。ピクセル行を水平にスキャンして固定色の領域を見つけて圧縮し、同じ領域のピクセル数を減らします。したがって、GIFは通常、漫画、グラフィック、ロゴ、透明な領域を備えたグラフィックス、アニメーションなどに適しています。
写真をページに挿入すると、それを美しくすることができます。画像を挿入するタグは1つだけです。つまり、<img>タグです。画像を挿入する場合、<img>タグだけを使用するだけでは不十分であり、次の表に示すように、他の属性を完了する必要があります。
SRC属性を使用して画像ソースファイルのパスを指定することにより、画像挿入を完了できます。
SRC属性を通るパスを指定すると、File_Nameは画像を挿入するパスです。
<img>でマークされたSRC属性を介して画像を挿入します。
01 <!-- -------------------------------------------------------------------------------------------------------------------------
02 <! - ファイルの例:9-1.htm->
03 <! - ファイルの説明:画像を挿入 - >
04 <!-- -------------------------------------------------------------------------------------------------------------------------
05 <HTML>
06 <ヘッド>
07 <Title>挿入画像</title>
08 </head>
09 <Body>
10 <H1>主流のWebデザインソフトウェア</h1>
11 <img src = 9-1.jpg>
12現在、Webページテクノロジーは新しい段階に入っています。これで、Webページは写真や退屈なテキストを積み上げられなくなりました。人々は現在、Webページの動的な効果と相互作用を追求しています。 MacRomediaのWebデザイン3つのマスケット銃選手ソフトウェアDreamWeaver、Flash、および花火は、インタラクティブなWebデザインの傑出した代表者です。最新バージョンMX 2004は、以前のバージョンの利点を継承し、機能をさらに統合します。これは、WebデザインとWebサイトの構築のニーズに非常に適しています。 <p>
13 </body>
14 </html>
行11はJPEG形式で画像ファイルを挿入します。