ホームページの一部をリニューアル!
ホームページ開設以来、
トップページ以外はほとんどイメージチェンジすることなく7~8年経過。

その内の一部、カテゴリーの”ひつじの贈り物”を
フレームを外してfloatで段組をした今風の作り方でリニューアルしました。

これはひつじの贈り物のトップページ。
lemongrass.jpg

今まで手が出なかった要因の一つである
1ページごとに書き込んであったスタイルシートなどを
.cssファイルや.jsファイルにして外部読み込みにし、メンテしやすくしました。

.jsファイルの外部読み込み、簡単に出来たみたいに書いていますが・・・
これが一番大変で打ち込むたびにアラート画面がでて文句言うので
頭が爆発しそうでした。

でもこれを作ってしまえば後がず~っと楽になるので頑張りましたよ。

ホームページを作り始めたのは、
地元高校でホームページづくりを無料で教えてくれる
という新聞折込のチラシをみて申し込んだのがきっかけでした。
内容はホームページビルダーを使って、ここをクリックして・・、こう入力して・・を、
言われるがままにクリックしたり入力していくというものでした。

その後、少し興味が湧いて日頃の趣味を題材に作り始めました。
パソコンも始めたばかり、教えてくれる人もいなかったので、
本を読んで読んで、ネットで調べてと、独学でした。

当時のホームページはフレームをつかったり、tableを使って枠組みをしたのが多く、
企業のホームページのソースをコピぺしてborderを入れたりcolorをつけたりして、
よく遊んでいました。真似して同じ様につくってみたりと、とても良い教科書でした。

フレームを外して1ページに全部入れました。
サイズ的にはみ出してしまうのもは、数値を小さくして縮めたりと少々面倒でした。
nabaho_20111211203907.jpg

画像のようなサイズ調整が更に面倒なものは、
サイドメニューを入れずにコンテンツだけそのまま表示するようにしました。
se-ta.jpg

アップしたファイルを一つ一つクリックしてチェックしてると・・・
リンクのパスが変わってししまったためリンク切れにないるのをいくつか発見。
また、直さなくっちゃ・・
関連記事

【2011/12/11 22:13】 | パソコン | トラックバック(0) | コメント(2) | page top↑
<<こねない生地のパンを焼く | ホーム | 原毛から手編み帽子ができるまで>>
コメント
、でしょ、頑張りましたよ。
ありがとうございます。

前々から作り直さなくちゃって思ってはいたんですけどね、

斑入り山吹さんのお陰です。
ブログの記事に思いっきり触発されて、
ついにいじくりまわしました。

何時ものことなんですけど、
JavaScriptがちっとも言うことを聞いてくれないものだから
だいぶ手こずりましたよ。

この大変さって、ほんと、作った人でないときっと分からないでしょうね。
ある程度の形になるまでは、
ちょこちょこ直してアップして、の繰り返しですものね。

とりあえず何とか形になってちゃんと表示されてるのでホッとしました。

上野村クラフトマンショップこかげのホームページ の作り直し、
お疲れ様でしたね、すっきりして見やすいですよ。

私もたまに行く職場のホームページを作って更新したりしてるんですが
最初は真っ白なページからスタートで、
一行打ち込んで、二行目を打ち込んで、直して直して・・・、
やっと画面に表示されるんですもの、
ほんと、愛着が湧きますよね。同感です!
【2011/12/12 16:21】 URL | tea time #-[ 編集] | page top↑
おー、さすが!
すっきり見やすくなったと思います。
コンテンツが増えると、管理が大変そうです。

JavaScriptですか。 YouTube動画の埋め込み?
わたしは.cssでもう限界、ほうほうの体でした。
.jsはFC2解析のコピペしか使ってないなぁ。

自分もHP作ったからわかるけれど、HPもいきなりは作れないよねぇ。
作りながらちょこちょこ変更加えるけれど、もう際限なく手直しが必要で、
染織やお菓子作りとはまた違った大変さです。
手に取れないけれど、苦労した分だけ、愛着も湧きます。
【2011/12/12 09:25】 URL | 斑入り山吹 #Bsbwbsfc[ 編集] | page top↑
コメントの投稿














管理者にだけ表示を許可する

トラックバック
トラックバックURL
→http://blacktea2.blog69.fc2.com/tb.php/966-a3378979
この記事にトラックバックする(FC2ブログユーザー)
| ホーム |