トップページ
予約

予約

施設案内

おんせん/温泉/オンセン

お料理/郷土の味です

料金案内/お値段はコチラから

アクセス/交通案内




うめなおの好奇心いっぱい日記

うめたまの「ほのぼのヲタク日記」



夢ぐりマップ
2008年ver(表)


拡大・印刷に便利な
PDF(20MB)

うめたまちゃんのひみつ



うめや旅館
〒992-0076 山形県
米沢市小野川町2494

TEL 0238-32-2911
FAX 0238-32-2746






 きまぐれ宿日記57    2008/8

  WEBデザインについて

       と、ボクのデザインと方向性


まぁ、WEBデザインをしていると いろいろ思うこともあるわけです。

同業者のホームページがチラリと見えたりする。そして、凝ったデザインを
目にすると なんか それが よい Web Site に見えたりするものだ。

ちなみに ウェブサイトとは 綴りにするとこうだ。

  web site

  web sight

 上段が正解「ウェブサイト」   下段は ウェブ視力 と翻訳された。
 特に意味はないのだが・・・ スペル間違えないよう 備忘記録と思ってちょーだい。



で、まず 何を思うか。

旅館はもちろんの事 その他の事業者さんのWebSiteで見受けられるのが
フラッシュを使ったページが多い って事。
確かに フラッシュを使っていると豪華だし、表現力も豊か。
とても強い武器になる。 凝った演出もできるしネ。

まぁ、それが 良いかどうかは 別なんですけどね。
自分も興味あるし、取り入れたいと思っています。
 (実行しておりませんが・・・)

ひがみ混じりで言えば、使えばいいってものじゃないし、メンテナンスは
おそらく難しいものになるだろう。 (ほとんどが業者任せ)
(つまり 更新するにも、コスト的にも優しくないWebSiteになる)

それでもいいんです。 お客さんが来てくれれば。 「正解」

バランスがとれていれば OK OK。 ボクも格安でお願いしたいものだ。

でも、なかなか そうは行かないし、カッコイイ演出だとしても、
どこのホテル・旅館でも 同じような作りをしていると 「なんだかなー」って思ってしまいます。
 (飽きちゃうのかしら?)

で、当館(うめや)のWebSiteは ほとんど ボクの手打ちhtmlと
手作り画像? でお送りしているわけですが、それを作り込む時、
心がけている事があります。


    他の宿のWebSiteを見ない


だってね、他所の宿とか 温泉のWebを見ると 少しでも影響を受ける。
そして、それを、真似したくなっちゃうんだよね。自分のSiteデザインにサ。

他の宿を見て勉強する事は 良いことだけど、デザインを作る上では 見ない。
とくに 近くの宿なんかは 見ちゃダメ。

小野川温泉とか 山形県の温泉宿の WebSiteは見ない方が良い。

それじゃ いつまで経っても「どんぐりの背比べ」で終わっちゃいますから。

だから、他の宿の皆さんや WebSite制作会社の方々。
特に同温泉地内や同県内の 方々は うめやのページも 該当するページも
なるべく見ない方が良いと思います。 そう思うでしょ♪

どこか 遠くの 良質WebSiteを参考にしていただければ幸いです。
一流ホテルとか ナイスなお宿さん たくさん沢山 山ほどある。

それで お互いに特徴のある WebSiteを作って行けたら
楽しいなー って 強く思うわけです。

デザインの世界は 難しい。
誤解されないよう断っておきますが、
 ボクが他のサイトを真似てないワケじゃないです。

 同業者は良くないと思っているんですよ。 そこんとこヨロシクっす。

で、最近 cssを覚えるといいらしい。 そう思い立って 作ったのが
2008年8月中旬 (お盆の頃です)で ございます。

しかし・・・ 道のりは長かった。

最初、cssって 色指定をするものだと ばかり思いこんでいた。
そうしたら 違うじゃないですかセンセ。 レイアウトの基本。
現在は それが cssの役割って まったくもって知りませんでした。

あまりの 取り残され加減に 自分がイヤになるほどでした。(大げさ)

さて、cssをいろいろ 勉強するも 行き詰まり、納得いかず、
レイアウトに限界を感じ もしかして 俺は間違っている?

  Javascript

 Javascriptに目を付けた。 これを使えば なんとかなる!?

ちなみに 俺が作りたいページは 2カラム だか 3カラムだか。
未だに 用語もわからないのだが、ヘッダ・フッターがあって
左右にメニューや いろいろがあって、それでいて

別ファイル読み込みシステム

で、稼働する事であった。

つまり、別ファイルで メニュー部分や ヘッダの部分を管理できれば
毎度の更新が 馬鹿ほど楽になるからである。
ショッピングサイト等で見かける あのデザインである。 ブログもそうだしね。

で、Javascriptに手を出したのは良いが 調べてもなかなか出てこない。。。

俺の 別ファイル メニュー管理計画は 中断か・・・ そう思いかけたとき
phpという 聞き慣れないけど 聞き覚えのある単語が飛び込んできたわけだ。

ふむふむどうやら 当初の印象は css同様 やけに難しい言語だと
勝手な想像を膨らませていたのが 悪かったのかもしれない。

その php 使ってみると 以外と ラクー〜 なんですよ。

これは 使うしかないし。 別ファイル管理がしやすいのも php。

phpに出会うまで なんとまぁ 長い道のりだったことでしょう。
(文章にすると 短い道のりですが…)

そして やっとこ phpと cssを活用して 現在の ?カラムの
WebSiteが出来上がったわけですが、 あとから追加したい事や
その他がでてきそうなので、まだまだ安心できません。

今回の作りは
ヘッダ・左側メニュー・本文・フッタの構成ですが、
未使用である 右側メニューと もう1つの隠しphpがあるんです。
将来 ユーザーの使用するPC環境が (主に画面の横幅)
変わったら その時 Yahooに続いて 対応しようかな〜 と思います。

現在の Yahoo トップページの横幅は 950px
この業界の代表でもある Yahooが そうなんだから 良い選択ですよね。

なので 現在の うめやのページは 950pxが基本です。
時々 元気が良すぎて はみ出しちゃってる デザインがあるかもしれませんが、
少々の 凸凹は ご愛敬でお願いします。

そんなわけで、地道に (未熟な)WebSiteと歩んで行きますので、
どうぞ皆さんのご感想をお聞かせいただければ幸いです。

それでは 寝ます。 おやすみっす。