花創人(はなそうにん)ネットを仕事に生かすブログ
ネットショップの他にもインターネットを活用してお仕事できそうと思い、Webページを作りました。できるまでの長い道のり、そのすったもんだをアップしていきます。
花創人はなそうにん仕事にネットを生かすブログ

ブログ引越しました

PROFILE

Junko Ozeki

バナーを作成

メールでのお問い合わせは、こちらから♪

携帯電話から電話をかける

花創人モバイルQRコード
(花創人モバイルサイト)

Twitter色々つぶやいてます♪フォローをお願いします

CALENDAR
S M T W T F S
 123456
78910111213
14151617181920
21222324252627
28293031   
<< December 2008 >>
NEW ENTRIES
Search this site
RECENT COMMENT
CATEGORIES
ARCHIVES
LINKS

RECENT TRACKBACK
このブログをMOBILEで読む
qrcode
ご訪問ありがとうございます
HP作成のためのお勧めのソフト


人気tagランキング
  • seo
Twitterやってます
携帯百景
OTHERS








スポンサーサイト

一定期間更新がないため広告を表示しています

posted by スポンサードリンク | | - | - | - |
081230MYホームページCSS化5
ギャラリーのページindex.htmlをCSS化にチャレンジ

サムネイルの画像のテーブルレイアウトは、どうすればいいのかしら

とりあえず その部分は テーブルで残して ほかの部分をCSSにしてみたけれど

崩れてる〜

コンテンツの部分の幅もwidth="700"で確認したし、

float:right; に してあるし、

枠も border="0" に なってるし、

もちろん 綴り、コロン、セミコロンも確認した。

色々やってみたけれど 藪の中に迷い込んでてしまって どうにもこうにも・・・・・・



こんなんで 正月 迎えるのは やだー!!

081231MYホームページ

花創人HPへ

よろしくお願いします    にほんブログ村 ベンチャーブログ 女性起業家へ 人気ブログランキングへ

posted by 花創人(はなそうにん) | 22:45 | Myホームページ | comments(2) | trackbacks(0) |
081230MYホームページCSS化4(h1を普通の太さ)
ヘッダー画像の上に  大見出し h1で 

「岐阜・愛知 寄せ植え・ハンギングバスケット 出張教室承ります」 を 入れてみた。

昨日購入した「できる大事典 HTML CSS (できる大事典)」をみて

h1を 普通の太さに しました。

HTML
<body>
<h1>岐阜・愛知 寄せ植え・ハンギングバスケット 出張教室承ります</h1>

CSS
h1{
   font-size:12px;
   font-weight:normal;
   margin:0;
   padding:0 0 10px 0;  
   }

う〜ん いい感じ ♪

花創人HPへ

よろしくお願いします    にほんブログ村 ベンチャーブログ 女性起業家へ 人気ブログランキングへ

posted by 花創人(はなそうにん) | 22:19 | Myホームページ | comments(0) | trackbacks(0) |
081229MYホームページCSS化3

評価:
佐藤 和人,できるシリーズ編集部
インプレスジャパン
¥ 2,730
(2006-04-27)
もっと 詳しく CSSのことが知りたくて、
「できる大事典 HTML & CSS (できる大事典)」をカルコスで購入しました。

中身を見て 買いたいときは、書店に行ってみないと・・・・

先日の日曜塾の授業で じゅん吉先生が 見せてくださった本です。

中級向き。

厚い本なので、持ち運びには 不便ですが、詳しく書いてあってGOODです。

あれも これも やってみたかったことが 解決できます。

花創人HPへ

よろしくお願いします    にほんブログ村 ベンチャーブログ 女性起業家へ 人気ブログランキングへ

posted by 花創人(はなそうにん) | 21:34 | Myホームページ | comments(0) | trackbacks(0) |
ブログサイドバー
最近 CSSが 少しわかってきました。

このブログのサイドバーの花創人のお問い合わせバナーに
白い枠が付いていたのが気になってたんですが、

これって CSSをいじれば 消せそうな気がする

管理画面のデザイン→HTML・CSS編集から

この場合は、HTMLタグの中に記述するインラインスタイルシートなので

HTML編集フォーム

<a href="http://87sounin.jp/mail/index.html" target=_top><img src="https://img-cdn.jg.jugem.jp/6f5/957505/20081212_519986.gif" alt="お問い合わせは こちらから" width="180" height="60" border="2"class="pict" /></a>


border="2" を  border="0" に すれば、できた できた  

紫の枠が付いていた ヤフオクへのリンクバナーも同じように border="0" にすれば スッキリ

ちょっと うれしい 


よろしくお願いします    にほんブログ村 ベンチャーブログ 女性起業家へ 人気ブログランキングへ

posted by 花創人(はなそうにん) | 23:38 | ブログ | comments(0) | trackbacks(0) |
サムネイル画像の紫の枠を消すには
081227MYホームページ 2007年教室ギャラリー

サムネイル画像には リンク画像のため紫の枠がつきます。

これを消すには、

画像の上で右クリック 属性の変更で

枠表示のチェックをはずします。


ついでに 「代替テキスト」 に 画像の説明を入れておきましょう



よろしくお願いします    にほんブログ村 ベンチャーブログ 女性起業家へ 人気ブログランキングへ

posted by 花創人(はなそうにん) | 23:12 | Myホームページ | comments(4) | trackbacks(0) |
081226MYホームページ サムネイル画像
ただいまギャラリーページ制作中!

とりあえず 今までの教室で作った作品ギャラリーをアップ

年ごとにまとめますが、結構数があって やりだしたけどちょっとたいへんです。

サムネイル画像のリンク先をページにして 

どんな花材を使って作ったのか詳しく書きたいと思います。

リンク先のページのスタイルをひとつづつ指定するのは大変

そこで 外部CSSの出番です。


081226MYホームページ

このページも CSSに しないと・・・・

よろしくお願いします    にほんブログ村 ベンチャーブログ 女性起業家へ 人気ブログランキングへ

posted by 花創人(はなそうにん) | 23:34 | Myホームページ | comments(0) | trackbacks(0) |
081225MYホームページCSS化2
日曜塾じゅん吉先生にアドバイスをいただいて デザインが崩れたMYホームページを直しました

サイドの横に コンテンツが スコーン!!と 入って カンゲキ 

081225MYホームページ

間違えていたところは

1.全体を中央に持ってくるには 下記3行を加える (中央に持ってくるおまじない慣用句として覚える)
    margin-left:auto;
   margin-right:auto;
   text-align : center;

こうなります。
body{
  font-family:メイリオ;        フォントは「メイリオ」これが一番読みやすいとのこと
  font-size : 100%;         フォントサイズは100パーセント
  line-height : 20%;        行の高さは、20パーセント
  color : #080808;         文字色は、チャコールグレー
  background-color : #ccffcc; 背景色は、若草色
  margin-left:auto;         左マージンは、自動
 margin-right:auto;        右マージンは、自動
 text-align : center;        文字横方向の位置は、中央
}

2.サイドのHTMLで クラス指定する所が全部<div clss="○○○">になっていた
   a が、抜けてたのよ 正しくは <div class="○○○">

3.サイドのCSSで、マージン指定の セミコロンが抜けていた
#side{
 width:200px;
 height:700px;
 margin:0px; ← ここ
 float:left;
 background-color:white
}

4.問い合わせ画像が、変なのは
  <div id=toiawase"> で  toiawaseの前の"が抜けていた 正しくは<div id="toiawase">"

ほんとに 些細なこと・・・・・・

自分で探していても わからないです。

じゅん吉先生は、神様です。


花創人HPへ

よろしくお願いします    にほんブログ村 ベンチャーブログ 女性起業家へ 人気ブログランキングへ

posted by 花創人(はなそうにん) | 23:05 | Myホームページ | comments(0) | trackbacks(0) |
081222日曜塾授業メモ「ホームページ作成B3CSS」
22日に日曜塾じゅん吉先生の「ホームページ作成B3」にもう一回出席しました。


081222授業メモ

途中で MVPenがずれて、メモが読みにくいところがありますが・・・・

人に例えると  

余白は、隣の人との間。  パディングは、皮下脂肪。


じゅん吉先生にアドバイスをいただいたので デザインが崩れた TOPページ何とか治せそうです。

ほんの 些細な間違いでした。

よろしくお願いします    にほんブログ村 ベンチャーブログ 女性起業家へ 人気ブログランキングへ

posted by 花創人(はなそうにん) | 23:07 | 日曜塾 | comments(0) | trackbacks(0) |
081221日曜塾授業メモ「SEO講座2」
21日の日曜塾2時間目は、伊藤先生による「SEO」の授業でした。

081221授業メモSEO1

キーワードアドバイスツールで どんな言葉が何回検索されたのか調べる

イメージには <img src="ファイル名" alt="画像の説明">

それぞれのページに トップページへのリンクを置く

よろしくお願いします    にほんブログ村 ベンチャーブログ 女性起業家へ 人気ブログランキングへ

posted by 花創人(はなそうにん) | 22:07 | 日曜塾 | comments(0) | trackbacks(0) |
ホームページのCSS化

じゅん吉先生が使ってみえた『エクスペンションウェブ』の試用版をダウンロードして

すごいよ このソフト!! 1万円くらいするらしいけれど とりあえず30日間試してみよう



やってみたことはいいけれど こんなにになってしまいました。

sideのfloat:left; の解除が必要?

セルの色も指定したつもりなんですが・・・

わからなくなってしまったので 今日の7期の授業に 何とか都合をつけて出席したいと思います。
081222MYホームページ

トップページのCSS
body{
  font-family : HG丸ゴシックM-PRO;
  font-size : 100%;
  line-height : 150%;
  color : #080808;
  background-color : #ccffcc;
}

#bigbox{
 width:900px;
 height:1270px;
 margin:0px
 
}
#heder{
 width:900px;
 height:200px
}
#menew{
 width:900px;
 height:20px;
 margin:0px
 background-color:white
}
#side{
 width:200px;
 height:700px;
 margin:0px
 float:left;
 background-color:white
}
#content{
 width: 700px;
 height: 700px;
 background-color:white; 
}
#toiawase{
 width:900px;
 height:200px;
 text-align : center;
 background-color:white
}
#totop{
 width:900px;
 height:40px;
 text-align : center;
 background-color:white
}
#count{
 width:900px;
 height:50px;
 text-align : center;
 background-color:white
}
#fmenew{
 width:900px;
 height:40px;
 text-align : center;
 background-color:white
}
#copy{
 width:900px;
 height:20px;
 text-align:right;
 background-color : #ccffcc;
}



サイドのCSS
body{
  font-family : HG丸ゴシックM-PRO;
  font-size : 80%;
  line-height : 150%;
  color : #080808;
}

#bigbox{
 width:198px;
 height:700px;
 margin:0px 
}
.midasi{
 width:200px;
 height:30px;
 background-color : #ccffcc;
}
.aki{
 width:200px;
 height:20px;
 background-color:white
}
.naiyou{
 width:200px;
 height:30px;
 text-indent:30px;
 background-color:white
}
.utiwake{
 width: 200px;
 height: 30px;
 text-indent: 60px;
 background-color:white; 
}




よろしくお願いします    にほんブログ村 ベンチャーブログ 女性起業家へ 人気ブログランキングへ

posted by 花創人(はなそうにん) | 11:35 | Myホームページ | comments(0) | trackbacks(0) |