HPB19 | HPB18 コンテンツ一覧
ホーム > HPB19 > 回り込み文書 作成方法 画像と文書 横並び表示
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

回り込み文書 作成方法 画像と文書 横並び表示


回り込み文書 作成方法 画像と文書 横並び表示



画像等の横のスペースに文書を埋め込み、画像等横のスペースからあふれる分の文書を、自動的に画像の下に回り込ませて、続けて表示する書式様式を回り込み文書といいます


画像等の横にスペースができる際の余白スペースに文書を配置する方法としては、テーブル(表)を利用して、レイアウトをデザインする方法も有用ですが、その場合、レイアウトが固定されてしまい、文書の長さに応じて見栄え良く配置するのに手間が掛かり、文書の長さが変わった際、再配置する必要が出ることもあります

自動配置である回り込み文書を利用すると、自動的に再配置されますので楽に(わりと)見栄え良くレイアウトされたページを作成できます




画像に続けて文書を書いても、そのままでは、画像自体が 1行とみなされる為、画像の横に無駄なスペースができてしまいます西之島(にしのしま)は、東京の南約1,000キロメートル、父島の西約130キロメートルに位置する、東京都小笠原村小笠原諸島の無人島、もともと海底火山の活動により生じた火山島で、火山列島(硫黄列島)と同じ火山脈に属し、付近では海底火山活動が活発です (西之島の最新の噴火状況につきましては、「 西之島 新島 画像で見る 現在の噴火のようす 最新情報 小笠原諸島 」 をご参照下さい) (別タブ(ウィンドウ)が開きます)




画像に続けて文書を書いても、そのままでは、画像自体が 1行とみなされる為、画像の横に無駄なスペースができてしまいます
画像の上で右クリックし、ポップアップされる右クリックメニューの一番下にある 「属性の変更」 をクリックします




画像の上で右クリックし、ポップアップされる右クリックメニューの一番下にある 「属性の変更」 をクリックします
画像の属性が、ポップアップ表示されます




画像の属性が、ポップアップ表示されます
画像の 「属性」 ポップアップの中程にある 「左寄せ」 にチェックを付けます




画像の 「属性」 ポップアップ画面の中程にある 「左寄せ」 にチェックを付けます
文書が画像の横のスペースに回り込んで表示されま西之島(にしのしま)は、東京の南約1,000キロメートル、父島の西約130キロメートルに位置する、東京都小笠原村小笠原諸島の無人島、もともと海底火山の活動により生じた火山島で、火山列島(硫黄列島)と同じ火山脈に属し、付近では海底火山活動が活発です (西之島の最新の噴火状況につきましては、「 西之島 新島 画像で見る 現在の噴火のようす 最新情報 小笠原諸島 」 をご参照下さい) (別タブ(ウィンドウ)が開きます)




文書が画像の横のスペースに回り込んで表示されます
画像の上で右クリックし、ポップアップされる右クリックメニュー下の方にある 「スタイルの設定」 をクリックします




画像の上で右クリックし、ポップアップされる右クリックメニュー下の方にある 「スタイルの設定」 をクリックします
「スタイルの設定」 画面が、ポップアップ表示されます




「スタイルの設定」 画面が、ポップアップ表示されます
「レイアウト」 タブにて、画像の 「右方向」 (左上の方に表示されている箱の右側の長方形をクリックします)に、「パディング」 値 「30」 を設定します




「レイアウト」 タブにて、画像の 「右方向」 (左上の方に表示されている箱の右側の長方形をクリックします)に、「パディング」 値 「30」 を設定します
回り込み文書の設定で、(わりと)見栄え良くレイアウトできました西之島(にしのしま)は、東京の南約1,000キロメートル、父島の西約130キロメートルに位置する、東京都小笠原村小笠原諸島の無人島、もともと海底火山の活動により生じた火山島で、火山列島(硫黄列島)と同じ火山脈に属し、付近では海底火山活動が活発です (西之島の最新の噴火状況につきましては、「 西之島 新島 画像で見る 現在の噴火のようす 最新情報 小笠原諸島 」 をご参照下さい) (別タブ(ウィンドウ)が開きます)




回り込み文書の設定で、(わりと)見栄え良くレイアウトできました
「右寄せ」 で、「左方向」 にパディング値を設定すると、このようになります西之島(にしのしま)は、東京の南約1,000キロメートル、父島の西約130キロメートルに位置する、東京都小笠原村小笠原諸島の無人島、もともと海底火山の活動により生じた火山島で、火山列島(硫黄列島)と同じ火山脈に属し、付近では海底火山活動が活発です (西之島の最新の噴火状況につきましては、「 西之島 新島 画像で見る 現在の噴火のようす 最新情報 小笠原諸島 」 をご参照下さい) (別タブ(ウィンドウ)が開きます)




同様に、「右寄せ」 で、「左方向」 にパディング値を設定すると、このようになります


回り込み文書は、他のオブジェクトに対しても設定でき、ホームページビルダーでは、回り込み文書を設定できるオブジェクトに対して、右クリックメニューで表示される 「属性」 で、「左寄せ」、「右寄せ」 のチェックボックスが表示されますので、手軽に活用できます
例えば、
ここに囲み記事とか ・・・
西之島(にしのしま)は、東京の南約1,000キロメートル、父島の西約130キロメートルに位置する、東京都小笠原村小笠原諸島の無人島、もともと海底火山の活動により生じた火山島で、火山列島(硫黄列島)と同じ火山脈に属し、付近では海底火山活動が活発です (西之島の最新の噴火状況につきましては、「 西之島 新島 画像で見る 現在の噴火のようす 最新情報 小笠原諸島 」 をご参照下さい) (別タブ(ウィンドウ)が開きます)




この例では、表(テーブル)に対して、「左寄せ」の回り込みを設定しています


注.テーブルの場合、「パディング」設定は、表の中のオブジェクト(この例では、ただの文書)に対して設定されますので、テーブルの周囲の余白は、幅を指定した列、または、高さを指定した行を追加する方法で確保します
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > 回り込み文書 作成方法 画像と文書 横並び表示
   

© 2014 abhp.net All Rights Reserved.
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP