サイト立ち上げ準備 【WEBページ編】

2004-08-18 21:59:53 written by hikarutsukasa

サイトもまずはコンセプトが必要だ。果たしてどんなものが良いだろうか。。

サイト立ち上げを思い立った時からいろいろと悩んではいたのだが、考えた末に決めたのが、ライフスタイル向上サイト、『アップアップ！』

とにかく"向上"することがこのサイトのコンセプト。
今の自分の状況にもぴったりだ（笑）とにかく精進せねばっ。

それに合わせてドメインは「upup-life.com」に決定。

生活向上ということで、基本はデザイン雑貨を紹介していくつもり。
仕事柄デザイン性のあるものは大好き。デザイン家具なども良いだろうなー。

やっぱりデザインのある生活は何かと気分よくなれる。
商品を探すのも自分で楽しむことができそうだし。サイト運営もちょっとは楽しみながらやっていきたいもんね。大変だったら長続きもしないだろうし。コツコツと楽しみながらやっていこう。

まぁありきたりなコンセプトかもしれないが、とりあえずはいいや。と楽観的に始めてみる。大丈夫だろうか…？

あと個人的に英語を習っているので、習ったことをコラム化していくのも面白いだろうな。英語の復習になるし。おお、グローバル！
これも一応自分自身の向上にもつながるだろう、ってことで。実際、初期段階ではまだそんなコラムを書く余裕はないかな。。？
あとテキストだけでは発音が表現できないのがやや難点。。

てことで、早速デザイン制作開始。

今後の更新頻度を考えると、更新しやすい作りになるよう心がけなければ。。

あとは前々から試してみたかった、XHTML+CSSでサイトを制作をしてみよー。
SEO的にもこういう作りの方が有効なはず。だよね？？

普段は多少テーブルレイアウトを使用しつつCSSでコーディングを行うのだが、せっかくなのでXHTMLの勉強と実験的試みも兼ねて制作してみる。
各ブラウザ対応が大変だが、最新バージョンでそれなりに表示できれば大丈夫だろう。

SEOといっても、まず基本はロボット検索が自分のサイトを見に来るのだが、その際、検索エンジンがチェックしていっているのはHTMLのソース。どうしてもテーブルレイアウトをすると余計なテーブルタグが多くなってソースがどんどん汚くなる。

そこでHTMLとCSSとで文書構造とデザイン構造をきっちり分けることによって、ソースが綺麗になり、ロボット検索エンジンもより効率的にソースを拾って行ってくれるだろう、というのが主な目的。

文書構造とデザイン構造を分けることによって携帯でも閲覧可能になるというわけ。今回の制作するページは画像を結構使用しているから、どちらにせよ携帯では見れないけどね（＾＾；

＜参考までに＞
XHTML→「HTMLタグ JavaScriptサンプルなどHP作成支援サイト：AWCS」
CSS→「とほほのWWW入門」

という感じで、試行錯誤しながら制作。ようやくできたトップページ。
テーブルを一切使用せずに制作してみた。あとはページの幅に合わせてレイアウトが広がるようにも工夫。

これはこれでいろいろ問題も生じそうだが、そうなったときはテーブルレイアウトに変更すればOKでしょう。お気楽に～。

実際に2階層目からのページはテーブルレイアウトを使用することにした。
トップと同じような作りでも良いのだが、これからページがどんどん追加されていくとなると、全体的にテーブルでレイアウトした方が楽だろうからねー。

今後、細かい手直しも多々出てくるだろうが、基本デザインはこれで完成。
よしよし。
さて。これからどんな結果になるんだろうか。。。。。

｜サイト運営日記｜コメント（0）｜トラックバック（0）｜