ルーパパ育児日記(るなガーデン) - 父親の目から見た娘の成長を日記やコラムに書いています

ページのデザインについて

ページ作成のコツ目次へトップページへ

ページのデザインについて

　ブラウザで閲覧するためのページを作成しようとした場合に自分の思い通りにレイアウトが出来ない事が多いのではないかと思います。
そこでここではページのデザインに関する説明をしていきます。

文章を書く部分の背景をページの背景と変える

　私のトップページ自体が使っている方法です。私のトップページでは全体の背景と文章が書いてある枠内とは背景色が違っています。これには文章を書いている部分をテーブルとして、その背景色を指定するようにしています。
　テーブルはページのレイアウトをするためによく使われている方法ですので、　これを上手く利用できると自分の思ったレイアウトにしやすくなります。是非マスターしましょう。

例：
　　　以下のように記述するとこのページのように文章部分の背景が白くなります。
　　　<table width="80%" align="center" border="0" bgcolor="white"><tr><td>
　　　この文章部分の背景が白くなります。
　　　</td></tr></table>

　　　これを表示すると、以下のように見えます。

　　　この文章部分の背景が白くなります。

タイトル画像を変える

　楽天広場のページには「デザインテーマ」が用意されています。最初にページを作成した時にどれかのデザインを選択しているはずです。
ですが、そのままのページですとあまり自分らしいページに出来ないので上部に表示される「タイトル画像」を自分の気に入ったものに変更する方法を説明します。
最初は単純にデザインテーマで使用されている画像を変更してみます。そのあとは、もう少し上級者向けとして「タイトル画像」を見えなくしてしまい、自由にデザインする方法について説明します。

　まずは「タイトル画像」を自分の画像に置き換える方法です。
　作業としては、画像を登録して登録した画像をタイトル画像として指定する事になります。　ですが、ここで気を付けなければいけないのはここで指定した「タイトル画像」は作成した全てのページに表示されてしまうことです。ですので写真などをここに指定するのではなく、出来れば区切り線などのような長細い画像を指定した方がいいと思います。（これは好みですので参考まで）

では手順をもう少し詳しく説明します。

１．タイトル画像にしたい画像を楽天広場に登録する
　これは「ページへの画像の貼り付け方法」の１と２の手順を参照してください。

２．「タイトル画像として指定する」