訓練8日目

訓練８日目

本日は、HTMLのテキストへのボーダーの付け方、１カラムのページを例題に沿って作成した。

borderはsolid,dashed,dottedなどの種類があることが分かった。

１カラムページは、何も設定しないと石垣島観光ガイド下のテキストが#headerの上部にレイアウトされてしまうため、適切な位置に配置するのに苦労した。

結局、#headerのテキストをpaddingで設定していく方法と、#headerから外して、#contentの一部としてクラスをつけて配置する二種類の方法が考えられることが分かった。

以下にキャプチャ画像を添付する。

本日作成した画像の下には、以前にIllustratorでトレースした画像を添付します。

■テキストの囲い込み

■１カラムレイアウト

 ■Illustratorトレース