リアルタイムホームページ作成記
初めてホームページを開設しようとするあきらの悪戦苦闘をリアルタイムで。
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
ホームページ出来ました
今日,ようやく一通りの作業を終えまして。

一応,「ココロの荷物のおろしかた」完成です。

数日前からサーバーにはアップしていたのですが,ようよく各方面に「サイト作りました」とのご報告をしました。

完成,と言っても,まだまだちょこちょこ直したいところがあるし,気になるところもあるんだけど,いつまでもいじっていてもキリが無いので,思い切ることにしました。

どうせ直したいところって後からも出てくるし,
自分の目だけじゃわからないこともあるもんね。

もしよろしければ,あきらの人生初!のHP,
覗いてやってみてください。

 ココロの荷物のおろしかた
   ―依存症からの本当の解放を求めて
スポンサーサイト

テーマ:ホームページ作成の苦闘 - ジャンル:コンピュータ

今日は掲示板の日
今日は掲示板をアップしました。
もともと,無料のレンタル掲示板を借りようと思っていたのですが,どれがいいのかわからず迷っていたところ,友人から「apeboardをDLして好みのskinを選ぶといいよ」と聞いたので,ちょっと難しそうだったけど,思い切ってチャレンジ!

まず,apeboard+をDLして,それから素材屋さんでスキンを探しました。
この作業がもう,大変!
選べるとなるとついついこだわってしまう人なので,素敵なスキンはたくさんあるけど「これ!」というものになかなか出会えず一苦労。
あまりシンプルだと味気ないし,かといってあまり可愛いと男性に敬遠されそうだし…
ポップな感じよりはシンプルでも優しい感じのがいいな~と悩みに悩んで,ようやくイメージにぴったりのスキンをみつけ,DL。

それからサーバーにアップする作業。
これも,やってみればそんなに難しくはなかったです。
最初は要領がわからなくて,何度もアップしなおしましたが。

でも,結局掲示板だけで6時間くらいかかりましたね^^;

それから勢いでメールフォームもアップ。
これはもうしんどいんで,ロリポップの姉妹サイト,CANDYBOXのものをごく簡単にカスタマイズ。

あ~疲れたよ~~~


思ったほど難しくはなかったのですが,迷いながら設定していたので,最終的にサーバーにアップするのにえらい手間がかかりました…

テーマ:ホームページ作成の苦闘 - ジャンル:コンピュータ

サーバーにアップしました!
ついに!

サーバーにデータを転送しました~~~
バンザーイ!!!

初めて自分のサイトのURLを打ち込んで,ちゃんとトップページが表示されたときは感動しました~(ToT)

まだBBSも置いてないし,メールフォームも入れてないし…

まだまだやることあるけど,今日は仕事で疲れたのでもう寝ます~

テーマ:ホームページ作成の苦闘 - ジャンル:コンピュータ

一応全ページできた
結局リンクはりはりにめっちゃ時間がかかりました。

今日はリンク集のページとサイトマップを作りました。

でも,大分テーブルの扱いには慣れてきました。
それでも,気が付いたらセンタリングするのを忘れていて,左寄せにんっていたりしますけど…

あとは,BBSとメールフォームをどこからか借りてきて,カウンター入れて,アクセス解析を…

って。
やることまだまだあるやん…

テーマ:ホームページ作成の苦闘 - ジャンル:コンピュータ

リンクはりはり
今日は各ページにリンクを貼っています。

実は,リンクって,サーバーにアップしてからURLを打ち込むのかなーと思っていたのですが,ファイルで指定するのですね。
知りませんでした…!

初心者ってそんなもんですよね…?

そんでもって,今日は,ページの途中にリンクを貼る方法を覚えました!
「ラベルをつける」って便利なんですねー!

今夜は少し頑張って,各ページのリンクを完成させてしまおうと思います。

明日はいよいよサーバーにアップする予定です。

テーマ:ホームページ作成の苦闘 - ジャンル:コンピュータ

できた~(みたい…)
どうにかこうにか,一通りメインコンテンツが出来ました(たぶん)。

まだチェックしてないので,ぽろぽろこぼしているところはあると思うのですが,何とか形になりました。

あとは最終チェックして,OKだったらサーバーのほうにアップするだけです(たぶん)。

ああ…次の段取りがわからない…

不安…

テーマ:ホームページ作成の苦闘 - ジャンル:コンピュータ

メインコンテンツを仕上げるぞ!
今日中にメインコンテンツを仕上げます!

夜に「出来ました~」のご報告ができるように頑張ります。

テーマ:ホームページ作成の苦闘 - ジャンル:コンピュータ

ついにドメイン取得!
さんざん悩んだ末,ついに昨日,独自ドメインを取りました!

取得したのはレンタルサーバーの「ロリポップ」の姉妹会社の「ムームードメイン」です。
すごく気がかりだったwho isの情報公開は,「ムームードメイン」の場合全ての情報に関して会社の情報が代理公開されるようで,安心しました。
(ちなみに「☆さくらインターネット」は,取得者の名前のみ公開されるそうですが,本名でなくても,サイト名など,個人情報に関わらない名前で公開してよいそうです)

よって,レンタルサーバーも「ロリポップ」に決定です。
「☆さくらインターネット」の安さと評判にはかなり惹かれたのですが,やっぱり,サブドメインで複数サイト運営したい,という願望が決め手になりました。

ですが,今のところまだ契約してないんですけど
今借りても,まだコンテンツの方が出来上がっていないので,すぐには使えないしいいかな,と思って。

サイトの中身の方も今で3~4割くらいかな?
もともとあるものがベースになっているので,楽な方だと思うのですが,どうせならあれもこれもと欲張ってしまうので,思ったより時間がかかります。

テーマ:ホームページ作成の苦闘 - ジャンル:コンピュータ

さくらのライトプランでは
独自ドメインをとって,サブドメインを作っても,それで別サイト運営ってできないの…?

スタンダード以上ならできるけど,ライトはむりってことだよね?

なるほど,だから値段がここまで安いわけだ。

もしさくらで考えるなら,いきなりスタンダードを選んだ方が賢いってことになるのね。
どう考えても最初から1GBはいらないけど…

テーマ:ホームページ作成の苦闘 - ジャンル:コンピュータ

現実逃避…
ひとまずサーバーの件はおいておいて,本文の作成を進めています。

いえ。

進めようとしています。

もともとブログに書いていた記事をアップするだけなので簡単だろうと思っていたら,甘かった。
時間もかなりたってるから,気になるところも,今となっては考え方が変わっているところもあるし,結局全部再検討しなきゃなりません。

それに,作業自体は

一旦記事をコピー→メモ帳に保存→再編集→ビルダーの編集画面でアップ

の繰り返しなので飽きてきました…

それに,自分で思っていたよりも過去記事の量が膨大。

ああ,これはおもったより時間がかかるかも…

今月中に公開できるのかしら?

不安…

まあ。
別にずれこんだらずれ込んだで構わないんですけどね。
期限があるわけじゃないし~

思いがけずキャンペーン到来
仕事が忙しくてちょっと作業が止まっています。

停滞中ながらも相変わらずサーバーで迷ってます。

ですが,今日,レンタルサーバーの☆さくらインターネットのHPに行ってみたら,思いがけずこんなキャンペーンが!

「新規レンタルサーバー契約でドメイン1円!秋祭り」キャンペーンを10月31日まで実施中,だそうです!!


どどどどどーしよー…
実はかなり「ロリポップ」に傾いていたのですが…

もともと「さくら」は激安で,ライトコースなら1年で1500円。
初期費用も1000円。
独自ドメインはgTLGで年間1800円だけど,なんだかんだでトータルだと「ロリポップ」より安くて,PCやネットに詳しい友人いわく「さくらがオススメ」だったんですよ。
サービス内容があまり変わらなくて安いし安定している,ということだったと思う,たしか。

ただ,トータル機能は「ロリポップ」の方がよさそうだったのと,初心者向けっぽかったので,こっちかな~と思っていたのですが…


むむむ…

いよいよ最後の決断の時が近いぞ!!!
独自ドメイン,取るべきか否か?
結局,有料レンタルサーバーを借りることに固まりつつある。

そうなると,次なる悩みは「独自ドメイン」を取るべきかどうか,ということ。

なぜいきなり独自ドメインを考え始めたかというと…

将来的に(それも近い将来),複数サイトの運営を考えているから。
下層フォルダを独立サイト扱いにして運営してもいいんだけど,その場合は検索にもかかりにくくなるらしいし,後々独立→引越し,というながれになると,結局余分に費用も手間もかかる(気がする…実はよく理解していないかも)。

アフィリエイトももっと力を入れてやりたいと思っているので,それならやはり最初から独自ドメインをとっておくほうが有利かな,と。

ちなみに独自ドメインのメリットとしては

*URLが短くなる。
*オリジナルのメールアドレスが持てる
*サーバー引越しの際もURLを変えなくてすむ
*SEO対策としても効果有り

などと言われいています。
企業やお店なら確実に押さえておきたいところだと思います。

…が。

個人だとどうなんでしょう?

一番気になるのは,個人情報の公開。
会社によっては取得時に,公開情報を会社の情報にしてくれるところがある(というより,個人向けの独自ドメイン取得を薦めているところはほとんど可能なようですが)そうで,「心配ない」と言っているサイトがほとんどですが,

「じゃあ,その会社が潰れたら?」
「違う管理会社に移管したいときは?」

とか,心配性の私としてはいろいろ考えてしまうわけです。
(普通に考えて,私がサイト運営をやめるより先に,会社が潰れることはないとような気はするけど)

費用に関しては,.com や.net なら年間1000円以下で取得可能なので,ほとんど問題ないのですが…

でもまあ,独自ドメインとったって,更新しなかったらすぐ権利消えるわけだし…あまり深く考えることもないかもしれないけど。

できれば,この先ネットでいろんなことをしたい,アフィリエイトもやりたいし,ショッピングモールも作ってみたいな…なんて考えていると,やっぱり独自ドメインとるべきかな。


 独自ドメインで参考にしたサイトの1つです↓

 「失敗しない独自ドメイン取得方法とレンタルサーバーの選び方
コンテンツ作成中
昨日から本文作成中です。

ブログにアップした頃とは考え方が変わっていたりもするので,再チェックと書き換えで結構時間がかかってます。

ここでもデザイン的に注意しているのは,やっぱり
「読みやすい」「読んでいて疲れない」こと。

考えたら,ブログの方はそんなこと考えずに完璧にデザイン優先だったので,読むほうは大変だったろうな…

んで,フレームは使いたくない,というこだわりがあって,でもメニューがどのページにも表示してあってページ間の移動がしやすいサイトを目指しているので,やっぱりブログの2カラム風に,左サイドにメニューバーを置くことに。

この配置を決めるのがまた一苦労…

テーブル(表)を使って配置するのがいいらしい,というのはわかったのだけど,テーブルを作ること自体はHPビルダーでは簡単なのだけど,その中での配置が…
枠と文字との間隔を,メニューバーと本文とで変えたいんだけど,変えられない(できるんですか?)

作業中の見た目だけで一字アキとかつくると,あとあと別サイズの画面で見たらがたがたに崩れていた…ということになりかねないし…

普通に,全体を横2列のテーブルで囲って,左側を細くしてメニューバー,右側を大きくとって本文…という構成に最初はしてたのだけど,そうなると画面の幅が変わったときに,不細工な余白が右側にできるんですよね…
そうならないようにテーブルを%表示すると,メニューバーのほうの表示も画面によってまちまちになっちゃって,細いスペースの中で文字がぐちゃぐちゃになって見苦しいことに…

次に,全体をテーブルで囲むのをやめて,まず横2列のテーブルを作り,枠線を消して,左側をメニューバーに,右側を薄い枠にして文字が入らないようにして余白に…という形で作ってみた。
文字の回りこみも苦労してクリア。

こうすると,メニューバーの横に大きめに余白がとれるし,大きな画面で見てもいい感じに左右に広がるし,メニューバーのサイズもかわらない!
よし,これだ!!

…と思ったのだけど。
このやりかただと,サイドバーの長さと本文の長さが揃えられないということに気づいた。

うーん…なかなか理想的な形にならないな…

結局,どちらの一長一短なのですが,悩んでいても進まないので,全体をテーブルで囲む形にすることに決めました。

そして,一通り本文を作成して,こんどは素材屋さんで借りてきた画像を貼り付け,ページの味付けをはかります。

本文の方はなるべくシンプルにしたいので,メニューバーの余白にうるさくならない程度に…

そしてバーの一番下にも…

置けません。

そうなのか,一つのセルの何で,この部分だけ下付けとかできないのね…(右・左・センターはできるけど…)

どうしよう。
余白を改行でつくると,また画面によって変な位置に入ることに…

この場合,一番下に入らないと意味が無いんです。

またしても検索,検索で調べまくるけど,そんなことはどこにも見当たらない。
そんなことを考えること自体がおかしいのか???

その時,ふと思いついた。

「下にセルを足して,その部分だけ下付けで配置できるようにすればいいのでは?」

とりあえずやってみる。
どうしても,どうしてもメニューバーの一番下に画像を配置したいのだ。(←こだわり…)

下にセルを追加する。
適当な大きさにして,下付きに画像をおいてみる。

お!いい感じ!

プレビューで見てみる。

ザンネンながら,上のセルとの間に(枠線は消しているけど)細く地色の線が入ってしまっている。
再度枠線を0ピクセルに指定しなおし,プレビューで確認。

よし!線も消えた!

次は,右側の本文の入っているセルの調整。

今のままではメニューバーだけが下に飛び出しているので,本文の方も適当な大きさを切り取って下のセルに移し,バランスをとる。

おお!できた!!これぞ理想的な形!!!

ブラウザで確認してみる。
大きさを色々変えてみても一応問題ないみたい。

やっとこさ,本文のスタイルが整ったのでした。

今回,テーブル作成で参考にしたサイトさんはこちら↓

 「ホームページできるかな?
 「初心者向けホームページ作成支援 siriasu.net
無料サーバーか有料サーバーか
未だにサーバーが決まっていない。

もうそろそろ決めないといくらんでもヤバイ?

いくらサーバーと契約して,HPスペースを持っても,肝心のコンテンツができていなければ意味ないだろうと思っていてのんびりしているのだけど…
20日くらいまでに契約できればいいかなって。

ダメですか???


そもそも無料サーバーにしようか有料サーバーにしようか(まだ)悩んでいたり。

有料で人気の「ロリポップ」に決めようか,と思ったら,友人から「さくら」がいいらしい,と聞いたり。
ただ,あちこちの書込みを見ると,初心者にやさしいのはロリポップ,という印象。

ちなみに有料と無料の差は大体こんなものらしい。

◆無料サーバー
 無料な分,広告が入る。
 容量が少なめ(無制限のところもあることはある)
 サーバーが不安定な可能性あり 
 CGIが使えないなど機能に制限があるところが多い

◆有料サーバー
 広告は入らない
 容量は格安サーバーでも200MB程度は標準
 無料に比べると安定している
 たいていのサーバーではCGIが使える
 メールアドレスもついてくるところが多い

もー,なんかね,調べれば調べるほどわからなくなりますよ(><)

無料はありがたい。
多少の広告も,テキストのところもあるし,別にいいか,と思う。
初めてなんだからとりあえず無料で,という考えも頭をかすめる。

でも,基本的に長く運営したいと考えているんですよね。
それに,いずれは複数サイトを運営したいと考えてます。
となると,あとあとのお引越しの大変さを考えると,有料サーバーで独自ドメインまでとっておいたら完璧?とか。

CGIが使える,というのはポイント高いらしいけど,私にしてみれば「掲示板やチャットが置ける以外のメリットって何?」って感じではある。
SSIとかPHPとかも,「はあ?何それ?」ってところから抜けられない。

だけど,あとあといろいろわかってきたら,「あれもしたい,これもしたい」と思うようになって,もっといい環境にしたい…とか思うんだよね,きっと。

問題は,「今まで一度もサイトをもったことがない」

ってことだよね。
お遊びサイトでも1つ作ってみればいろいろわかったのだろうけど。

初心者だからこそ

「最初はそこそこ使える程度の無料で十分だよ」

なのか

「しっかりやりたいなら最初からある程度の環境は整えた方がいいよ」

なのか…

悩み続ける今日この頃…
嬉しい一言
ココロの荷物のおろしかた」以外にも日記ブログをもっているのですが,そちらの方に嬉しい書き込みがありました。

「ココロの荷物」の内容が参考になりました,というお礼のコメントを頂きました。

こういうコメントがあると,本当に嬉しくて,やっぱり頑張らなくちゃ,という気持ちにさせられますね。
トップページ悪戦苦闘
かくして,トップページのイメージの大幅変更を余儀なくされた私。

しかたない。
やっぱり最初から凝ったページ構成などできるはずがないのだ。
(↑結局こうなる…)

ここはシンプルに,テキストを並べて,昨日覚えた「表を作成」を使って表にコンテンツを入れて,素人くささは良い壁紙でカバーしよう…
という,ありがちな(多分)結論にたどり着いた。

かくして壁紙探しの旅へ。

今回の(って初めてだけど)HPのイメージは

 「安らぎ」と「再生」

見た人がほっと安らげる場所でありたい。
依存で疲れ果てた人やその周囲の人が,「まだやり直せる」という希望を持てるイメージにしたい。

そのために欲しかったイメージは「植物」。
木や葉や花の生命力と優しさが欲しいのだ。

よって,植物の素材に絞って素材屋さんめぐりを始めた。

だけど…
壁紙をみると,どうも目に触る感じがする。
細かい葉っぱの模様とかが,どうにも気になる。

今回のコンセプトでもうひとつ大事なのが,「目に負担にならない」こと。
基本的に「依存症解説サイト」なので,テキスト量がどうしても多くなる。
たくさんの文章を読んで欲しいので,できるだけ目に負担のかからないデザイン,ページ構成にしたい。

なかなか理想の壁紙に出会えず,もう単色にして何かアクセントを置くべきか(←それはそれできっと大変…)と思っていたところ…

ある写真素材サイトさんにたどり着きました。
そこで,「固定背景」なるものを発見。
左上側に木の枝の写真を配しその他の部分は白,という背景を見つけた。

写真はまさにイメージにぴったり!
写真の位置も,ちょうどすかすかになってしまう部分を埋める形になるのでちょうどいい!

よし,これをお借りしよう!ということで,お持ち帰りさせていただきました。

早速ビルダーで壁紙に配置。

すると…繰り返し同じ写真が配置されて,画面がびっしり同じ写真で埋め尽くされるではないですか!

「あか~ん,これじゃ意味な~い!!」

ということで,とりあえずあちこち探してみるが,どこをいじったらいいのかワカラナイ。

とりあえず画面の上で右クリックをしてみる。

…「『スタイルの設定』?なんかこれっぽい…」
とりあえず押してみる。
出てきた画面はやっぱりわからないけど,「編集」というボタンがあるのでとりあえず押してみる。

ちょと横長の画面が出てきた。

おや!「カラーと背景」というタブがある!これっぽいぞ!

「カラーと背景」には下半分に「背景画像」の欄があった。
右下には「属性」という窓が!
しかもそこには「繰り返し」を指定する欄があり,そこに「繰り返さない」の文字が!!!
「繰り返さない」を指定し,「OK」を押して閉じてみると…

なんと!繰り返しが消えている!!
やった!手探りでビンゴだ!!
できる人から観れば笑止でしょうけど…)

かくして無事に背景を指定し,テキストを配置し,表を置いて,どうにかこうにかトップページの体裁が整ったのでした。

とりあえずトップページ
なにはともあれまずはトップページを作らねば。

そこは素人,とんでもなく壮大かつ緻密なトップページのイメージが頭にある。

両サイドにメニューバーをおきたい。(ブログの3カラム風ね)
ブログ慣れしてしまったせいか,そういうページ構成が見易いのだ。

で,真ん中にででーんとタイトル。
その下に,某素材屋さんで見つけた写真素材にメッセージを入れて(文字入れはOKとのことだったので)。

その下に簡単な解説文。

トップはあまり縦長にせず,なるべく一目で概要が目に入るようにしたい。
見たいコンテンツを探すだけで疲れる…というページにはしたくないし,「ENTER]だけのトップページは基本的にキライなのだ。

駄菓子菓子!(←ふる…)

画像に文字を載せるのに四苦八苦。

Winの「アクセサリ」の「ペイント」を使えばいい,というのはわかったものの,思い通りの位置に載せられない。
文章の手直しも簡単にできない。

…丸1日がかりで挑戦したものの

…投げてしまった…

きっともっと簡単な方法があるのだろうけど,わからない。


とりあえず放置して,両サイドバーの作成に入る。

あれ…

これもうまくいなかいゾ??

「レイアウト枠」と使えばいいのかな?
そうだ,これで色を白にして…
よし!白抜きサイドバーができた!

よしよし,右側にも…




…デキナイ

どうしても変な余白が,右側に大きく出てしまう。


こんなん,できる人にはとても簡単な話なんだろうけど…
できないよう


だめだ…
こんなにトップページに時間がかかっていては,今月中に開設などできない。

かくして,トップページのイメージは大幅変更を余儀なくされた。
HPビルダーの罠
ページ作成には,ホームページビルダー7を使っています。

しかしこれがまた…

ワカラナイ!


えー,みんなこれが使いやすいってどういうこと?
作成画面がとてもとてもにぎやかで,ボタンがたくさんで,一つ一つの意味がサッパリ。
ヘルプ見ても,そもそも使われている用語がわからない…

仕方ないから,ネットで用語を検索し,意味を調べる。
1つ進めるのにとてつもない時間が…

もしかしてこれは,
マニュアル本もあわせて買って下さいね♪
っていう無言の圧力ですか???

いやしかし。
今更お金がもったいないので,マニュアル本を買う気にはならない。
いや,意地でも買うものか!

このまま突き進むべし!!!

しかし私は,じっくり解説を読むというのが。キライ
「習うより慣れろ」でとりあえずやっちゃえー!なタイプ。

かえって時間がかかるとわかっていても,ついつい
「こんなん読んでられね~」とばかり,
半端読みで作業を始めてしまう。

以前からブログでは手打ちでHTMLタグを使ったりしていたので,多少は理解しているつもりだったのだけど,その程度じゃ歯が立たないのね…
ていうか,その程度の(私が簡単に手打ちを覚えた程度の)作業なら,さすがにどのボタンを使えばいいのかすぐにわかったよ…


ちなみに,今回ビルダー関係で参考にしたページはこちら↓

 HOMEPAGE BUILDER

ビルダー関係だけでなく,HP作成の基本が幅広く解説されていて参考になりました。
HPの目的って
そもそもなぜHPを作ろうと思ったのか?

*ブログの内容が固まってきた。
*記事が増え,過去記事が読んでもらいにくくなってきた。
*自分の城を持ってみたくなった

「ココロの荷物のおろしかた」は依存症関係のブログで,約1年依存について書いています。
もともといずれはHPに…と思っていたのですが,もうすぐ解説記事も書きたいことは全て書き終えてしまうので,それならいよいよHP化かなーと。

記事は転用すればいいし,作業は早いよね,と思っていたのですが…


これが見事に素人考えでした。

レイアウト大変…
しかも私って結構こだわりの人なんですよ…

はあ…思い通りにならないもんだねえ…
HPを作ろう!と決意したはいいけれど…
ずっと書き溜めてきたブログ「ココロの荷物のおろしかた」を,いよいよHP化しようと決意。

というか,前々から考えていたんだけど,時間がなかったりでなかなか実行に移せなかったのです。

いよいよ!10月中の公開目指して実働開始だあ!


しかし!


まだレンタルサーバーも決めてなかったりするんだよね…
copyright © 2005 リアルタイムホームページ作成記 all rights reserved.
Powered by FC2ブログ.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。