目次  ゴマアレルギー: ゴマアレルギーと食品  コラム: 紅茶の話  整理収納コラム
育児: 保育園と小学生男児らの日常  保育園児兄弟の日常  キッズのおもちゃ  子供とおでかけ  赤ちゃんのママへ
仕事: 働く  家事: 生活用品  雑感・音楽: つぶやき&雑談  井戸端会議: かこ☆ランキング
ブログ考察・カスタマイズ・アフィリエイト: パソコン豆知識 Part1  パソコン豆知識 Part2  TKBブログ対談  ちょいコツ

ココロデザイン

心にふわふわ浮かんだ想いを形にする、
総合サイト・ココロデザイン、できました!


もう、1年ほど前から、構想はあったんです。
ドメイン設定して、URLまで決めて、
ちゃんと準備してあったんです、実は。


ゴマアレルギーサイトをDropbox上で作り、
いつもお世話になっているソフト整体やさんの
商用サイトを作らせていただき、
いつか、いろいろな自分のサイトをつなげる
総合サイトを作りたいなぁ、と思っていました。


それが、はじめて小さな形になりはじめたのは、
ブログにかける想い:ゴマアレルギー
という記事を書いたとき。


実は、この記事は、
無料でホームページをつくってみよう♪
との二本立てなのです。


この二つの記事を書いたときに、
Tomさん心姫さんをはじめとする、仲間たちの後押しもあり、
たとえ見た目が冴えなくても
必要としてくれる人がいるなら、と
このブログからゴマアレルギーサイトにリンクを貼ったのが一月末。


それから、Dropboxでは検索にかからないので
さくらレンタルサーバ上に移動しようと思いながら
だいぶ時が経ちました。


今回、inaliさんの後押しをいただいて、
本日、無事、ゴマアレルギーサイト、
『ごま・ゴマ・胡麻アレルギーぼちぼち生活』
含む、総合サイト、
『ココロデザイン』をOPENさせることができました!


やる気になったら、たった2日の作業。
色々なところには、目をつぶって笑。
こだわってたら、永遠にできあがらないもーん、だ。


ココロデザイン自体には、中身はないんですが
ここに、これから、つなげるブログやサイトを
増やしていきたいなぁ、って思っています。


たとえば、私が実際に使ってみたり、
食べてみておいしかったものを
厳選して紹介するお店とかね。


これからも、このブログと一緒に、
ココロデザイン、どうぞよろしくお願いします♪


◆かこの総合サイト
『ココロデザイン』

♪この記事のカテゴリ パソコン豆知識 Part2へ♪

トラックバック(受付を終了しました)


この記事へのコメント(受付を終了しました)

  ご連絡はココロデザイン、Twitterでどうぞ。

中央寄せブロックの左寄せコンテンツ、
CSSで、できましたー
かこ|2012年05月12日(土) 18:31
とかいいながら、TOP修正しちゃいました♪
キーワードとか、概要もつけちゃった。
CSSで中央寄せに出来なかったのが
心残りではあるんだけど。。。
かこ|2012年05月09日(水) 17:20
うん。ありがとう♪元気が出た。

HTML5、勉強してみる。
Tomに教えてもらったサイト、読みやすいし。
ココロデザイントップも、直すんじゃなくて
一から書いてみるよ。
週明けの課題にしますっ。

仕事も、がんばるね。
かこ|2012年05月09日(水) 11:27
別にひどいソースではないよ。
まだ何もないから。

だから、キッチリ作った方がいい。
おかしなところをそのままに増築していくと後で大変になる。

基礎がおかしな上に増築して、狙い通りに表示させようとすると、
追加部分もおかしなソースになりがち。無理に左に寄せたり、右に寄せたり。
する必要のないことをしないと思い通りにならない。

そして、おかしな基礎に合わせたソースは基礎を正しくすると狂ってしまう。

せっかくの機会だから正しく作った方がいい。
俺が今、完全に一から作るならHTML5にするけどね。

明日からの仕事も頑張って。
Tom|2012年05月09日(水) 08:00
Tom。

ココロデザイントップのソースって、
自分でもひどいと思うから、
Tomから見ると、なんじゃこりゃレベルだよね笑。

ゴマサイトの方の手入れが終わったら、順にやるね。
おーとえすさんから教えてもらった
ここの追加カスタマイズもやりたいし、
こりゃ、嬉しい悲鳴ってやつだよ。
やりたいこと多すぎて。

子供関連でもやらなきゃいけないこと
今週たくさんあるから、
しばらくお待ちくださいませ。

ありがとね。
かこ|2012年05月08日(火) 15:11
心姫さん。
リンクのお知らせもしませんで。ごめんね。

連休明けは、子供が疲れて熱出したりするんだよね笑。
求人は、連休明けにぼちぼち出てくると思うから
来週あたり、狙い時かも。
いい仕事、見つかるといいねー!
かこ|2012年05月08日(火) 06:26
あ、書き忘れ。
リンクありがとうございます〜。
心姫|2012年05月08日(火) 00:12
色々、頑張ってますね〜。
お仕事も始められたみたいだし。

私もアルバイト探さなきゃ!!
なんかGWで、ちょっとダラダラ気分出ちゃったけど、
引き締まりました〜。
心姫|2012年05月08日(火) 00:12
あ、そうだseesaaの広告削除出来たよ。
遅ればせながら。

ソースの書き直しとか、勉強とか、サイトの設定とか
じっくりできるのは、今日明日くらいかな。

新しい仕事始まったら、まず、
そっちのことを覚えるのを一生懸命がんばろうと思ってます。
かこ|2012年05月07日(月) 19:22
うん。冗長なのは、知ってます。

なんでかっていうと、一から書いてたら
今日中にできあがらないから、
ほっとRoomのHTMLとCSSの一部を削除して
そのまま使って、
そこそこ、それらしくできたらOKにしたの。

ほんとは、全部真ん中よせにしたいなぁ、と。
で、今週木曜から、新しい仕事が始まるから
それまでに一度ざっとやっちゃおうと。

下で指摘してもらった部分は、後で直すね。
チェックもしてみる。

でも、勉強して、全面的な書き直しは
後回しになっちゃうかも。
書きたい記事もあるし。
読むだけは一度読ませてもらうね。ありがとう
かこ|2012年05月07日(月) 19:18
何事もはじめなければ、はじまらないからね。

リンクに飛んだら、戻って来れないのが嫌だな。

せっかくだからHTML5で書けばいいのにとは思うけど、
俺がXHTMLを覚えた時に勉強したサイトが下のふたつ。

http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
http://www.kanzaki.com/docs/htminfo.html

このふたつでほぼ全て習得できる。
ひとつ目のURLのサイトは問題点を詳しく添削してくれる。


<body id="wrapper">という記述は冗長。
単に<body>と書いて、CSSの#wrapperをbodyにすれば同じこと。

すべてのpタグが<p class="paragraph">となっているのもそう。
CSSの.paragraphをpに変えればすむ。

<p class="paragraph">心にふわふわ浮かんだ想いを形にする、総合サイト・ココロデザイン。<br />
いつもあなたのココロのとなりに。<br /><br /></p>

pタグを閉じる前にbrが2個あるが、brは間隔調整のためにあるのではない。
ここにだけ、class="paragraph"を残して、margin-bottomを指定しなおす。

スタイルシートはレイアウトのためにある。
HTMLタグは内容記述のためだけに使う。

不要なHTMLタグが多く出てくることをGoogleはどう考えるかな。

aタグをpタグで括って、pタグにtext-alignを指定すれば、
画像の横位置配置は簡単に出来る。

今はすべて、bodyタグの左にピッチリ寄せて配置されている。
左いっぱいに寄っているように見えないのは、
bodyタグそのものが800ピクセルに指定されていて、
(画面サイズ-800)/2が左の余白として使われているから。

800ピクセルのbodyはちょうど真ん中合わせになっている。
でも、800ピクセルに満たないコンテンツが800ピクセルの中で
左寄せになっている。

このレイアウトは狙いなの?
Tom|2012年05月07日(月) 18:32
ほ、ほんりょう?
私の本領ってどこにあるんだ?
つぶやきだとは、思いたくないけど笑。

うーん。検索は、前からだいぶかかってるんだけどねぇ。

ごまじゃない他のワードも、
最近、検索トップページに出るようになってきたから
張り切って書きます。

つっても、書くことは、たぶん変わらないけどねー。
でも、ちゃんとやろうかな。商品紹介も。とか。
かこ|2012年05月07日(月) 17:17
ここからかこちゃんの
本領発揮だと思った

ゴマが検索に掛かってくると
更に使命に目覚めたりするんじゃない笑
きのみい|2012年05月07日(月) 16:39