PATRIK TIMES私は現代に生きるスナフキン、またの名をフキンシンという。アブサン飲んで、グッド・バイ。 

このページの記事目次 ( ← 2010年01月 → )

スポンサーサイト

   ↑  --/--/-- (--)  カテゴリー: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

(記事編集) http://patrikeiji.blog37.fc2.com/?overture" target="_new

--/--/-- | Comment (-) | このエントリーをはてなブックマークに追加このエントリーを含むはてなブックマーク | HOME | ↑ ページ先頭へ ↑

HPを完全リニューアル

   ↑  2010/01/31 (日)  カテゴリー: 更新情報
HPを大幅リニューアルした。

http://siberia69rock.web.fc2.com/

リニューアルというか、ほぼ一新。Rebornしました。

忙しい時に限って関係のないことをやりたくなるというね…笑

まぁなんでかって、ライヴもあるし、もっかい人にみられることを意識したHPを組み直そうと考えたってのが一番の理由なんですけどね。ライヴインフォを載せようと考えた時に、前のHPだとどこに載せてもわかりづらいっつー理由もあったが。

前のHPは縦長すぎてスクロールをいちいちしないといけないのが気になったという理由もある。

理系じゃないんでHTMLの構成とか考えるのは苦手なんですが、タグさえ覚えて変なミスしなければ、後はテンプレの構成に従って、画像と文章を変えるだけでほぼ完成。

俺はホームページビルダーは使わず、CrescentEveという、タグ記述用のメモ帳を利用してます。
何が便利って、タグの構成をミスると、その都度教えてくれること、タグの部分を色分けしてくれるから見易いこと、基本的に中身はメモ帳と一緒だから、シンプルでわかりやすいこと。フリーソフトなので、HP作成してる方は是非利用してみて下さいな。

で。
具体的にどんなことをしたかというと。
今回はSEO対策はあまり考えませんでした。Br要素を多様するといけないらしいんですが、結構いっぱい使いましたし。なるべく項目を羅列するときは改行ではなくli要素を使うようにはしたんですけどね。

した対策といえば。FlashとJavaScriptは、見た目はいい感じにはなるがSEOの観点とユーザビリティーを考えると不便なので、使わなかった。(ブラウザによっては見えなかったり、セキュリティでJavaScriptOFFにしてる方は見えなかったりと不確定要素が多いので)
オンマウスで文字を光らせるのも、Flashではなく、Hover要素を使いました。

光ってるように見える文字は、フォトショツプで、
レイヤーメニューで文字を複製、複製した文字をぼかし(ガウス)でぼかしただけ。簡単だけど、文字全部いちいち書いたからちょいめんどかった。どうしても光らせたかったので頑張ったけど笑

meta要素のkeywordとdiscriptionは前回のまま。海外のテンプレを利用したので、言語を日本語(Ja)に変えて、あとはテンプレのHtmlのDiv要素とCSSを見比べて、一つ一つの要素の意味を理解していきながら、内容を構成していった。

今回は、Div要素が多くてちょっと複雑で、更新する度にテンパるかも…画像も多めですが、ひとつ20kb以内ぐらいなので、サクサク開くはず。
pだIEでの動作は確認してませんが、Firefoxでは綺麗に見えました。

1ページの文字が小さく、見辛い人もいるかもしれませんが、メニューを減らしすっきりさせたこと、1ページの情報量が多いこと、文字と同時に画像を使っていることから、パッと見て情報を受け取りやすい感じになってると思うんですが、どうざんしょ?

かっこいい、COOL、イケメン、池沼、などなど、
感想まってます。
スポンサーサイト

FC2スレッドテーマ : お知らせ (ジャンル : ブログ

(記事編集) http://patrikeiji.blog37.fc2.com/blog-entry-165.html

2010/01/31 | Comment (0) | Trackback (0) | このエントリーをはてなブックマークに追加このエントリーを含むはてなブックマーク | HOME | ↑ ページ先頭へ ↑
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。