回り込み文書 作成方法 画像と文書 横並び表示 |
回り込み文書 作成方法 画像と文書 横並び表示画像等の横のスペースに文書を埋め込み、画像等横のスペースからあふれる分の文書を、自動的に画像の下に回り込ませて、続けて表示する書式様式を回り込み文書といいます 画像等の横にスペースができる際の余白スペースに文書を配置する方法としては、テーブル(表)を利用して、レイアウトをデザインする方法も有用ですが、その場合、レイアウトが固定されてしまい、文書の長さに応じて見栄え良く配置するのに手間が掛かり、文書の長さが変わった際、再配置する必要が出ることもあります 自動配置である回り込み文書を利用すると、自動的に再配置されますので楽に(わりと)見栄え良くレイアウトされたページを作成できます |
西之島(にしのしま)は、東京の南約1,000キロメートル、父島の西約130キロメートルに位置する、東京都小笠原村小笠原諸島の無人島、もともと海底火山の活動により生じた火山島で、火山列島(硫黄列島)と同じ火山脈に属し、付近では海底火山活動が活発です (西之島の最新の噴火状況につきましては、「 西之島 新島 画像で見る 現在の噴火のようす 最新情報 小笠原諸島 」 をご参照下さい) (別タブ(ウィンドウ)が開きます) |
画像に続けて文書を書いても、そのままでは、画像自体が 1行とみなされる為、画像の横に無駄なスペースができてしまいます |
|||
画像の上で右クリックし、ポップアップされる右クリックメニューの一番下にある 「属性の変更」 をクリックします |
||||
画像の属性が、ポップアップ表示されます |
||||
画像の 「属性」 ポップアップ画面の中程にある 「左寄せ」 にチェックを付けます |
||||
西之島(にしのしま)は、東京の南約1,000キロメートル、父島の西約130キロメートルに位置する、東京都小笠原村小笠原諸島の無人島、もともと海底火山の活動により生じた火山島で、火山列島(硫黄列島)と同じ火山脈に属し、付近では海底火山活動が活発です (西之島の最新の噴火状況につきましては、「 西之島 新島 画像で見る 現在の噴火のようす 最新情報 小笠原諸島 」 をご参照下さい) (別タブ(ウィンドウ)が開きます) |
文書が画像の横のスペースに回り込んで表示されます |
|||
画像の上で右クリックし、ポップアップされる右クリックメニュー下の方にある 「スタイルの設定」 をクリックします |
||||
「スタイルの設定」 画面が、ポップアップ表示されます |
||||
「レイアウト」 タブにて、画像の 「右方向」 (左上の方に表示されている箱の右側の長方形をクリックします)に、「パディング」 値 「30」 を設定します |
||||
西之島(にしのしま)は、東京の南約1,000キロメートル、父島の西約130キロメートルに位置する、東京都小笠原村小笠原諸島の無人島、もともと海底火山の活動により生じた火山島で、火山列島(硫黄列島)と同じ火山脈に属し、付近では海底火山活動が活発です (西之島の最新の噴火状況につきましては、「 西之島 新島 画像で見る 現在の噴火のようす 最新情報 小笠原諸島 」 をご参照下さい) (別タブ(ウィンドウ)が開きます) |
回り込み文書の設定で、(わりと)見栄え良くレイアウトできました |
|||
西之島(にしのしま)は、東京の南約1,000キロメートル、父島の西約130キロメートルに位置する、東京都小笠原村小笠原諸島の無人島、もともと海底火山の活動により生じた火山島で、火山列島(硫黄列島)と同じ火山脈に属し、付近では海底火山活動が活発です (西之島の最新の噴火状況につきましては、「 西之島 新島 画像で見る 現在の噴火のようす 最新情報 小笠原諸島 」 をご参照下さい) (別タブ(ウィンドウ)が開きます) |
同様に、「右寄せ」 で、「左方向」 にパディング値を設定すると、このようになります 回り込み文書は、他のオブジェクトに対しても設定でき、ホームページビルダーでは、回り込み文書を設定できるオブジェクトに対して、右クリックメニューで表示される 「属性」 で、「左寄せ」、「右寄せ」 のチェックボックスが表示されますので、手軽に活用できます |
|||
|
この例では、表(テーブル)に対して、「左寄せ」の回り込みを設定しています 注.テーブルの場合、「パディング」設定は、表の中のオブジェクト(この例では、ただの文書)に対して設定されますので、テーブルの周囲の余白は、幅を指定した列、または、高さを指定した行を追加する方法で確保します |