前提条件:デザインの変更はしない(デザイン変更は中級者以上)

1.色の変更
2.画像(写真)挿入(固定)
3.テーブルの応用

ここでは以上の3項目が重要課題となります。それぞれの項目についてポイントを述べます。

スポンサードリンク

1.色の変更

全体にワイルドなカラーリングとしました。

2.画像(写真)挿入(固定)

サーフの写真を利用しました。

3.テーブルの応用

サーフのカタログのページですが、このカタログをHTMLに仕上げてみます。
http://toyota.jp/hiluxsurf/spec/spec/

サーフのカタログ

ここではサーフのカタログの一部をテーブルにしてみました。
テーブルタグはホームページ製作において重要ですので、是非共マスターして下さい。
このテーブルは横は7列で、縦は9行です。
列の結合は<td colspan="x">、行の結合は<td rowspan="x">という書式です。列と行を両方結合させることも可能です。カスタマイズのHTMLを良くご覧になっておいて下さい。
色や体裁はスタイルシートで記述しています。
文章はTOYOTAホームページより引用させていただきました。

カスタマイズ

Chapter4 TOPに戻る。メニューは上部にあります。


Copyright ©2007-2008 HTMLCSS.biz-ホームページ制作講座 All Rights Reserved.
運営者:SEOホームページ制作-SIS