ホームページ制作



　　　サイドバーとトップアピールのパターン
トップ フロー 名称Ｐ バーＰ サイドＰ 概要Ｐ 紹介Ｐ 案内Ｐ 問合Ｐ 背景Ｐ サンプル
　　左から　トップページ・説明ページ・タイトル・コンテンツバー・サイドバー・挨拶概要・サービス紹介・事業案内地図・お問い合わせ・背景色・組み合わせ例、です。

　 ■サイドバーで記事の幅を読みやすくしています。

　　　●下部に移動できます。他のホームページ・ブログ等にリンクできます。
　　　　→実例見本として、テスト的にリンクさせています。別サイトは別枠で開きます。
　　　　注：コンテンツバーを使用していたら、サイドバーは不要の場合があります。
　　　【下部にリンク　】このページの下の項目にリンクさせた実例見本です。
　　　【ブログのリンク】ブログにリンクさせた実例見本です。
　　　【ＨＰ素材サイト】他のホームページをリンクした実例見本です。
　　　【ＰＤＦ資料添付】ＰＤＦのデータを添付した実例見本です。
　　　【ユーチューブ①】ユーチューブにアップした動画リンクの実例見本です。
　
　

　《Ｃ１》 サイドバーなし　写真と説明を大きく表示　・・・１０ＴＰ

　【掲載量】　文字文章として１５行分のスペースです。（文字の大きさ不問）
ΞΞΞ　Ａ４の１／３のイメージ　ΞΞΞ
　　写真の場合は、文章が途切れている時に１cm=２行として算出します。
　　文章の行を増やす時は、１行に付き、１ＴＰとなります。
　

《Ｃ１-例①》　文字を左　写真を右　青線の枠で囲む表示
＊文字を記載できます。
一番目立つ位置になります。
　一番アピールしたい内容を記載してはいかがですか？
線を消したり、二重線や点線にもできます。 太くもできます。
色変えられます。文字の色も変えられます。背景に色を付けることもできます。
・写真をクリックしてリンクすることできます。
 		ホームページ制作 　
　
　＊ここにも文字を記載できます。
　　　写真を外して、文章のみにすることもできます。


《Ｃ１-例②》　写真を左　文字を右　太い点重線で囲む表示
＊文字を記載できます。
　
　
一番目立つ位置になります。
　一番アピールしたい内容を記載してはいかがですか？
線を消したり、二重線や点線にもできます。 太くもできます。線や文字の色も変えられます。背景に色を付けることもできます。
　＊ここにも文字を記載できます。
　　　写真を外して、文章のみにすることもできます。



　

　《Ｃ２》 サイドバーと広い枠に写真と説明　・・・２０ＴＰ

　【掲載量】　文字文章として１５行分のスペースです。（文字の大きさ不問）
ΞΞΞ　Ａ４の１／３のイメージ　ΞΞΞ
　　写真の場合は、文章が途切れている時に１cm=２行として算出します。
　　文章の行を増やす時は、１行に付き、１ＴＰとなります。
　

　
　
　
　
《Ｃ２-例①》●文字を左　写真を右　青線の枠で囲む表示
＊文字を記載できます。
一番目立つ位置になります。
一番アピールしたい内容を記載してはいかがですか？線を消したり、二重線や点線にもできます。 太くもできます。
線や文字の色も変えられます。背景に色を付けることもできます。

　＊ここにも文字を記載できます。
　　写真を外して、文章のみにすることもできます。


　　⇒左右逆にするとこんな感じです。どちらのタイプでもできます。
《Ｃ２-例②》●写真を左　文字を右　緑二重線で囲む表示
＊文字を記載できます。
一番目立つ位置になります。
一番アピールしたい内容を記載してはいかがですか？線を消したり、二重線や点線にもできます。 太くもできます。線や文字の色も変えられます。背景に色を付けることもできます。

　＊ここにも文字を記載できます。
　　写真を外して、文章のみにすることもできます。



　
　
　
　


　

　《Ｃ３》 画像付サイドバー　広い枠に写真と説明　・・・２０ＴＰ

　【掲載量】　文字文章として１５行分のスペースです。（《Ｃ２》に画像追加）
ΞΞΞ　Ａ４の１／３のイメージ　ΞΞΞ
　　写真の場合は、文章が途切れている時に１cm=２行として算出します。
　　文章の行を増やす時は、１行に付き、１ＴＰとなります。


　
自主ホームページ作成
ホームページ制作
　
　
　
《Ｃ３-例①》●文字を左　写真を右　青線の枠で囲む表示
＊文字を記載できます。
一番目立つ位置になります。
一番アピールしたい内容を記載してはいかがですか？線を消したり、二重線や点線にもできます。 太くもできます。
線や文字の色も変えられます。背景に色を付けることもできます。

　＊ここにも文字を記載できます。
　　写真を外して、文章のみにすることもできます。


　　⇒左右逆にするとこんな感じです。どちらのタイプでもできます。
《Ｃ３-例②》●写真を左　文字を右　緑二重線で囲む表示
＊文字を記載できます。
一番目立つ位置になります。
一番アピールしたい内容を記載してはいかがですか？線を消したり、二重線や点線にもできます。 太くもできます。線や文字の色も変えられます。背景に色を付けることもできます。

　＊ここにも文字を記載できます。
　　写真を外して、文章のみにすることもできます。



　
自主ホームページ作成
ホームページ制作
　
　
　


　

　《Ｃ４》 写真と説明を２段　サイドバーと説明文　・・・３０ＴＰ

　【掲載量】　文字文章として２５行分のスペースです。（文字の大きさ不問）
ΞΞΞ　Ａ４の１／２のイメージ　ΞΞΞ
　　写真の場合は、文章が途切れている時に１cm=２行として算出します。
　　文章の行を増やす時は、１行に付き、１ＴＰとなります。
　

　
　
自作のお薦め
ホームページは依頼して公開するのが簡単です。しかし費用がかかるので、時間があればパソコンを使って自作と 更新ができるように学習することをお薦めします。楽しいですよ♪
　
　
　
●文字を左　写真を右　グレイ線の枠で囲む表示
＊文字を記載できます。
一番目立つ位置になります。
一番アピールしたい内容を記載してはいかがですか？線を消したり、二重線や点線にもできます。 太くもできます。
線や文字の色も変えられます。背景に色を付けることもできます。

一番目立つ位置になります。
一番アピールしたい内容を記載してはいかがですか？線を消したり、二重線や点線にもできます。 太くもできます。
色変えられます。文字の色も変えられます。背景に色を付けることもできます。

　＊ここにも文字を記載できます。
　　サイドバー下の二重線表は写真変更可能です。
　　ここの文字なくして、説明３段掲載可能です。



　

　《Ｃ５》 サイドバー　横長写真と普通写真と説明　・・・２５ＴＰ

　【掲載量】　文字文章として２０行分のスペースです。（文字の大きさ不問）
ΞΞΞ　Ａ４の１／３～１／２のイメージ　ΞΞΞ
　　写真の場合は、文章が途切れている時に１cm=２行として算出します。
　　文章の行を増やす時は、１行に付き、１ＴＰとなります。


　
　
簡単なお知らせ
2013.7.1　オープン
2013.9.1　ＨＰ公開
　
　
　
　●文字を左　写真を右　線無の表示
　＊文字を記載できます。
 ホームページ制作
一番目立つ位置になります。
アピールしたい内容を記載してはいかがですか？
線を消したり、二重線や点線にもできます。 太くもできます。
線や文字の色も変えられます。背景に色を付けることもできます。
 		ホームページ制作

　＊ここにも文字を記載できます。
　　写真を外して、文章のみにすることもできます。




　

　 《Ｃ６》 今後作成　


　　よいレイアウトができましたら、掲載していきます。




　　　 　●ページ下部へのリンクのお試し用に長くしています。



Copyright © 2012 ホームページ All rights reserved.
by 広島のお店案内






















上に戻る↑
Copyright © 2012 ホームページ All rights reserved.