2009/03/29 CSSを使ったホームページ作成 四條畷 お好み焼き&Dining komugi様
朝からCSSを使ってホームページ作成しました
ベースは先に作った四條畷美容院SHINE様です
背景画像を無くしてメニューの飾り枠を変更しラインを入れて見ました
ラインは後で変更する予定です
四條畷 お好み焼き&Dining komugi
朝からCSSを使ってホームページ作成しました
ベースは先に作った四條畷美容院SHINE様です
背景画像を無くしてメニューの飾り枠を変更しラインを入れて見ました
ラインは後で変更する予定です
四條畷 お好み焼き&Dining komugi
お昼からCSSを使って
四條畷 美容院shine様のホームページ
を作成しました
今回はお洒落な感じを目的に作成です
月々500円でこんな感じのホームページを作成していこうと思います
飾り枠と背景を作成しました
自分的にはいい感じの物が出来たと思います
やっぱりネックはfloatとマージンです
これだけは試行錯誤しないとなかなか理解できないです
ページ数は2枚
トップページと印刷用のクーポンのページです
メニュー等の価格が変更になれば随時変更していく予定です
罫線を作成しましたが今回は使用していません
次は四條畷 お好み焼き&Dining komugi様のホームページを作成します
若干違う雰囲気にして今度は罫線を使おうと思います
内容
3カラムを使ったホームページにしようと思っています
お洒落に作成したくいろいろ考えて悩んでます
お洒落に作るのは難しい
お洒落って!!って感じです
あまり凝った物を作成するとホームページ作成を500円でできないって言うのが本音です
まずは
左、真ん中、右でブロックを作成し左ブロックfloat:left 真ん中ブロックfloat:left 右ブロックfloat:right
でホームページを作成しましたが残念な事に真ん中のマージンが合わない
マージンを取ると右が下に落ちてしまう
左ブロックfloat:left 真ん中ブロックfloat:left 右ブロックfloat:leftでもあまり変わらず
仕方なく
まず二つのブロックに分けて左のブロックをまた二つのブロックに分ける方法にしようと考えています
まだ、作成していません
やっている最中に新たな収穫
当然と言えば当然だが
ホームページ内のリンクでidを付けた所に簡単に飛べます
リンクの設定
地図に行かせたいなら
<div id=”map”>を作成
<a href=#map target=”_self”>地 図</a>
これでページ内移動ができます
他のページからのリンクも
ページhtml#mapで目的ページに移動してそのページの地図に移動することができます
背景をに枠をつけるホームページを作成しました
今回は額縁風の枠です
3段で上枠・真ん中・下でそれぞれの画像を入れました
上はノーリピート真ん中はy軸にリピート下はノーリピート
でも上の画像だけが1ピクセル程ずれているような気がします
ソースを見たけど不自然なところや間違いは無かったです
う~~~ん
こうなるとわからないことだらけになってしまう
ほんと難しい
500円ホームページ作成ももうすぐ1年が経ちます
おかげさまでお問い合わせも多くありがたい限りです
今回1周年企画としてサンプルページの変更ともっとお客様にホームページを持ってもらう為に3ヶ月間のサービス期間を実施しようと思っています
3ヶ月経ってやっぱりホームページが要らない方はキャンセルできるシステムです
これでもっと簡単にお金をかけずにホームページが持てる様になるのではないかと考えています
CSSの使い方も昨年よりはスキルアップしたと思います
ホームページサンプルが出来次第アップして情報を載せます
価格表の下に下記内容を足してみました
あくまでSEO対策の試です
大阪府の方のワンコイン(500円)ホームページ作成
大阪市都島区,大阪市此花区,大阪市西区,大阪市港区,大阪市大正区,大阪市天王寺区,大阪市浪速区,大阪市西淀川区,大阪市東淀川区,大阪市東成区,大阪市生野区,大阪市旭区,大阪市城東区,大阪市阿倍野区,大阪市住吉区,大阪市東住吉区,大阪市西成区,大阪市淀川区,大阪市鶴見区,大阪市住之江区,大阪市平野区,大阪市北区,大阪市中央区,堺市堺区,堺市中区,堺市東区,堺市西区,堺市南区,堺市北区,堺市美原区,岸和田市,豊中市,池田市,吹田市,泉大津市,高槻市,貝塚市,守口市,枚方市,茨木市,八尾市,泉佐野市,富田林市,寝屋川市,河内長野市,松原市,大東市,和泉市,箕面市,柏原市,羽曳野市,門真市,摂津市,高石市,藤井寺市,東大阪市,泉南市,四條畷市,交野市,大阪狭山市,阪南市,三島郡島本町,豊能郡豊能町,泉北郡忠岡町,泉南郡熊取町,泉南郡田尻町,泉南郡岬町,南河内郡太子町,南河内郡河南町,南河内郡千早赤阪村
奈良県の方のワンコイン(500円)ホームページ作成
生駒市,生駒郡,西ノ京,奈良市,平群町,大和高田市,大和郡山市,天理市,橿原市,吉野郡,北葛城郡,高市郡,宇陀郡,磯城郡,山辺郡,宇陀市,葛城市,香芝市,御所市,五條市,桜井市,三郷町
兵庫県の方のワンコイン(500円)ホームページ作成
神戸市,宝塚市,西宮市,芦屋市,三田市,三木市,明石市,姫路市,赤穂市
京都府の方のワンコイン(500円)ホームページ作成
八幡市,京都市
誰でも申し込み出来ます!!
お気軽にお問い合わせください!!
ワンコイン(500円)ホームページ作成
これで検索が上位になるようでしたら他の人にも教えてみる事にします
CSSを使ったサンプル作成(株式会社エム・オー・エス)
画像・文章は株式会社エム・オー・エス(MOS)様からお借りしました。
IE6では残念ながら対応していません。
作成はドリームウェーバーです。
自分でテンプレートを作成しましたが、初めてテンプレートを使ったので思うように使いこなせず、結局テンプレートが2枚になってしまいました。
変更する時もテンプレートを2枚変更する事になってしまいました。
それと右のカテゴリーの行間がいまいちです。
<ul>エッチング
<li class=”list_img”>ガラスプレート</li>
<li class=”list_text”><a href=”../sand.html#1″>ロゴプレート</a></li>
<li class=”list_text”><a href=”../sand.html#4″>エッチング 表札</a></li>
<li class=”list_text”><a href=”../sand.html#3″>エッチング 記念盾</a></li>
<li class=”list_img”>カガミプレート</li>
<li class=”list_img”>金属プレート</li>
</ul>
<ul>LED
<li class=”list_img”><a href=”../car.html#1″>車灰皿部分</a></li>
<li class=”list_text”>ハイエース</li>
<li class=”list_img”><a href=”../car.html#2″>小物入れ部分</a></li>
<li class=”list_text”>ゼスト</li>
<li class=”list_img”><a href=”../car.html#3″>足元小物入れ</a></li>
<li class=”list_text”>ゼスト</li>
</ul>
どうしても『車灰皿部分』と『ハイエース』の行間を狭めると全体的に行間が狭くなる
もう少し考えてみよう~~~と!!