サイトのレイアウトとは?
|
サイトのレイアウトとは見た目のデザインの事です、これは非常に重要でごちゃごちゃしたレイアウトにすると、訪問者の方が一度見て二度とこないなんて事もありますのでTOPページだけでも頑張って作りましょう。
※アフィリエイトサイトはある程度コンテンツが充実していないと提携できないASPが多いのである程度は作っておいて下さい。
。レイアウトの雛形の事を、テンプレートといいますがここではテンプレートの作り方を一緒に考えましょう。
●管理人がかなり参考にしたホームページビルダーの詳しい使い方を教えてくれる無料サイトを紹介しておきます.
どちらも初心者に優しいので解らないことがあれば参考にしてください。 |
|
|
|
|
パチンコ・パチスロ攻略情報!
|
| [ HPBサクセイホウコク ] |
|
|
|
|
|
|
|
ビルダーを使うのに、説明書や書籍だけではどうしても解りません。そんなときにこのサイトが大活躍します! |
|
|
|
|
|
|
パチンコ・パチスロ攻略情報!
|
| [ HOMEPAGEBUILDER ] |
|
|
|
|
|
|
|
ビルダーの作成方法はもちろん、ビルダーのバージョンを分析したりもしているサイトです。新しいからと言っていいとは限らないみたいですよ |
|
|
|
|
|
|
|
トップページを完成させる
|
テンプレート テンプレートはだいたいが下記の3つに分かれます。あくまで基本形です、各サイトによっていろんなパターンがありますので形にとらわれずにレイアウトを考えてください。
※有料のテンプレートは初心者には難しいのでリニューアル時等に使用しましょう

テンプレート1
当サイトはこれですね
|

テンプレート2
このパターンも多いです
|

テンプレート3
これは少な目かな
|
では、今から一緒に作っていく「副業侍〜in浪速〜」のテンプレートは・・・テンプレート2で作りましょう♪テンプレート(レイアウト)を決めたら、枠の幅を考えましょう、テンプレートの枠はビルダーの「表の挿入」機能で枠を囲みます。一応この辺で基本の色も決めておきましょう。ここでは、青を基本の色としましょう。
※注意点
●テンプレートの幅は650〜750がお勧めです。なぜなら、ノート型PCによっては液晶モニターが小さいものがありますが、あまり幅が大きいと入りきらない為に、ものすごく見にくくなります。
●ビルダーのフレームページは使わないでおきましょう後で説明もしますが、SEO的にもよくないですし、ブラウザによっては見えないこともありますし、「お気に入りに追加」もやりにくくなります。
では、ちょっとサンプルを
|
|
レイアウト(テンプレート)を決める
|
だいたいのレイアウトを決めたら次はトップページを完成させましょう。
テンプレートは表に表を重ねて作っていきます。初心者には表は使いにくいでしょうが、いずれ必ず使うので、無理をしてでも最初から使っていきましょう。
●表の枠の属性はこちらにしてください。サンプルはわざと枠を表示させています。
では、ちょっとサンプルを
「副業侍〜in浪速〜」テンプレート2 サンプル2
では、どんどん作りこんでいきましょう♪
コンテンツはサンプルなんで2つにしておきます。そうですね・・・ここではアフィリエイトはA8Net,メール受信はフルーツメールにしますので、コンテンツようのリンクを貼る場所も決めておきましょう。
では、ちょっとサンプルを
「副業侍〜in浪速〜」テンプレート2 サンプル3
上のサンプルのようにしながらどんどん作りこんでください。 |
|
看板を作ってはめ込む
|
レイアウトが決まれば次に先ほど決めたタイトルの看板を作りましょう。
ホームページビルダーの「ツール−ウェブアートデザイナー」でウェブアートデザイナーを起動させて下さい。
ウェブアートデザイナーの「編集−キャンバスの設定」でキャンバス(画像の大きさここでは500×80ピクセル)を決めて、フォントを変えたり、背景の色を変えたりして、看板を作ります。
注:画像のファイル名は必ず半角英数字で保存してください。サーバーにアップロードしたときに画像が表示されません。
看板が完成しましたか?
では、テンプレートに看板を挿入して下さい。
「副業侍〜in浪速〜」テンプレート2 サンプル4 |
|
テンプレートを飾る
|
そして、できたテンプレートに飾り付けをしましょう。
フリー素材は検索サイトで、自分で探して下さい。なぜなら、好みによって必要な素材が全然違うからです。ちなみに管理人は写真素材様を利用させていただきました。
フリー素材の検索方法は検索バーに「フリー素材 ○○○」としてください「○○○」には、果物だとか、ブルー、車、空、カッコイイなんかもいいですね。 |
|
コンテンツを作る
|
後はトップページのレイアウトを基にして各コンテンツのレイアウトを作って充実させていって下さい。
●レイアウトは統一させたほうが訪問してくださってる方がとても見やすいです |
|
やっと完成
|
| 以上で完成しているはずですが、もしわからないところがあれば、交流掲示板でご質問下さい。 |
|