垂れ幕販売のホームページを大幅リニューアルしました。正月休み無しで(笑)

中年から始めるホームページ制作 コメントcomments(0) trackbacks(0) 管理人@

 

ホームページ制作の世界も日進月歩。

今から13年前に作った”垂れ幕専門店”のホームページ。

ホームページビルダーを使って見よう見まねで制作。

当時43歳だった私は無い頭を必死にひねって制作。

お手本は某ザクロジュース販売会社のホームページ(笑)

 

その後、やっぱ外部スタイルシートでちゃんと作らなきゃダメ。

と言うことで、ドリームウィーバーを引っ張り出して制作。

初のスタイルシート挑戦だったけど、なんとか完成。

これが9年前ぐらいの話。

 

ここから放置プレイ。

当然のごとく検索順位はどんどん落ちて

気づけば圏外へ。

 

そこへGoogle先生から

「スマホ対応してないホームページは検索順位落とすよ」と

アナウンス。

 

でもなかなか重たい尻が上がらない(笑)

ホームページデザインの案が全く浮かばない。

でも、いま本気でやらなきゃ、いつやるの!?

と自分にハッパをかけたのが昨年末(笑)

 

よーし、正月休み返上で仕上げちゃる!

 

↓仕上がりました(笑)これはパソコン版。

ブートストラップ3

もうね、気合いですよ。気合い。

もちろんマルチデバイス対応です。

パソコンからスマホまでレイアウトを変化させて対応してます。

 

↓ノートパソコン用

ブートストラップ3

ちょっと画像を省いて軽くしてます。

 

↓タブレット用

ブートストラップ3

ここでガツンとレイアウトを変えてます。

指でタッチして操作するので、そこを意識してレイアウト。

 

↓そして最終形態(笑)スマホ用。

ブートストラップ3

ガラリとレイアウト変更。

スマホ操作に最適化させてます。

 

これが1つのファイルの中で行われてます。

スゴい時代になったもんです。

 

さぁ、休み無しでスタートした本年!

バリバリ頑張っていく決意ですので

何卒よろしくお願いします。

 

ではでは(=^∇^=)。

 

垂れ幕専門店→たーぽりん工房

 

PS

今回の大幅リニューアルついでに

店名ロゴも作りました。

心機一転のやる気の表れとして(笑)

 

 

コメント
コメント一覧
コメントする

 

トラックバック

この記事のトラックバックURL

無料ブログ作成サービス JUGEM