WEBデザイン
【気に入られる/嫌われるサイト？？】
インターネットショッピングをする時って、 色んなサイトがある中からお気に入りのSHOPを見つけると思いますが、 何が決め手になるんでしょうか。 もちろん価格が重要だと思いますが、では同じ価格で同じような規模の会社が 運営していて、サービスも同じような感じだった場合、何で選びますか？ 私の場合は、絶対サイトの見た目とか作りです！ 見にくいサイトとそうでないサイトの差が激しいと思います。 色使いやページのボリュームや画像の入れ具合など、見た時に差がすごくあります。 webデザインの勉強をした事がある人は知っていると思いますが、 一般的に嫌われるサイト、気に入られるサイトというのがあります。 webサイトを立ち上げる際に、色んな情報を詰め込みたい気持ちは分かりますが、 1ページ内に情報量が多すぎると、パッと見た時にゴチャゴチャして見えていしまい、 情報一つ一つを見る気持ちが失せてしまう可能性があります。 あと、linkの量にも要注意です。 個人で立ち上げているブログに多いのですが、 linkをベタベタと貼りまくってあるブログは、情報量が多すぎてしまいますし、 何かの宣伝なのかな？とやり過ぎ感が出てしまいます。 人と話す時もそうですが前置きが長すぎる人や、本題に入る前に 無駄に脱線しすぎてしまう人って、肝心な伝えたい情報がなんなのか ハッキリと分からず、聞く手は困ってしまいます。 これと同じでwebサイトも、あまり必要ない情報が多いと 肝心な見てもらいたい所がどこなのか理解してもらえず、 逆効果になってしまうのです。 全部必要な情報で、切り捨てるものなどないという事であれば、 ページを分けてあげてあげるなどした方が見る側にとっても親切ですし、 サイト運営者も見てもらう可能性が大きくなるので結果的に良くなります！ 【PR】 —————————————————————————————————————————- 香港 会社設立をお考えの企業様にオススメです！ 優良な香港進出サポート企業を一括比較Ｄｉｇｉｍａ～出島～ —————————————————————————————————————————- ベトナム 会社設立をお考えの企業様にオススメです！ 各ジャンルに特化したベトナム進出サポート企業の中から御社にぴったりの ベトナム進出サポート企業が無料で見つけられます。 —————————————————————————————————————————- シンガポール 会社設立をお考えの企業様にオススメです！ シンガポール進出の優良サポート企業を一括比較Ｄｉｇｉｍａ～出島～ —————————————————————————————————————————-
.htaccessでアクセス制限をかける
テストサイトなどで、必要となってくるアクセス制限。 使用しているサーバーによっては、管理画面上でも行えますが .htaccessでのアクセス制限を覚えておくととても便利です。 アクセス制限（Basic認証）の方法 .htaccessファイルを作成 .htpassedファイルを作成 サーバーに設置する
Googleカスタム検索のエラーの解決方法！
少し前にGoogleカスタム検索がエラーになりました。 私は、少し気がつくのが遅かったようで、調べたら6月頃からエラーがでるようになったようです。 原因は、定かではないのですが、どうもgoogleのエラーのようですね。 もうそろそろ10月なのに、未だエラーがでるので、修正することにしました。
デザインの案に困ったら便利なまとめサイトへ
最近、私の仕事でサイトの制作案件が増えてきたました。 近頃、サイト制作よりもサイト運営や管理系の仕事が多かったので 久々にデザイン案をつくることに♪ 大体のレイアウトは決まっているものの、細かい部分や自分のデザインに納得いかないことが多々あります。 そういう時に、私が利用するのが下記のまとめサイト達です。
Yahoo!ロコのプライスページ作成
少し前に始まった、Yahoo!の新しいサービスのYahoo!ロコのプレイスページをはじめて作成しました。 細かい設定ができないので、頑張らないと残念な感じになってしまうんですよね。 HTMLもCSSも設定できないので、テキストと画像を挿入してなんとかするしかないって感じです。 なので、やってみてわかってキレイに見えるポイントを紹介します。 ■基本情報入力 初めに、基本情報の登録があるのですが、 ここは後でも変更可能なのでとりあえず、情報を記入していいきます。 ■テンプレートの選択 テンプレートは、カテゴリー毎にあるのでそこから選べます。
【IE6バグ問題】position:absoluteで指定したボックスが表示されない
現在Internet Explorerは、バージョン9まで出ていますが、まだIE6に対応しないといけない事も多いです。 少し前に、position:absoluteで指定したボックスがIE6で表示されない問題があったので、メモがてら紹介します。 ■Firefox,Chome,Safari,Internet Explorer7.8.9 上記は表示される状態で、念のためIE6を確認したところ、ボックス自体が表示されていない状態でした。 ソースを確認したところhtmlには、ボックスのソースが記述してあるので、 問題はCSSの設定と判断して、調べてみることに。。 調べた結果は、floatが影響を及ぼして消える事があるということ。
デザイナもPHPの勉強が必要なのだ。 【sendmailの問合せフォーム】
私は、webデザインで会社に入ってきたのですが、うちの会社は人が少ないし、プログラマがいない会社なんですよね。 なので、web制作で少しでもPHPなどのプログラムが入ってくると、外注しないといけないんです。 それって、外注した分、利益が減るってことですから、あまりしたくないんですよね。 でも、HTMLとCSSを覚えたばかりの私には、チョット敷居が高い・・・。 でも、お問い合せフォームくらいは自分でやりたいですね。 ということで、PHPの勉強をはじめて見ました。 まずは、いままでのお問い合せフォームのプログラムをみて修正する作業からはじめてみました。 詳しいことは、良くわからないけど、お問い合せフォームくらいなら書き直すだけでOK！ってことで 苦手意識が高かったPHPだけど、以外とすんなりできちゃいました。 今回のお問い合せページは、3枚仕立てです。「入力・確認・完了ページ」です。
HTML5の新しいタグ紹介
まだ、あまり見かけないHTML5のサイトですが、そろそろ勉強しようと思い、 新しいタグをまとめてみました。 現在幅広く使われているHTML4.01やXHTML1.0との違いをまとめていきたいと思います。 DOCTYPE（文書型宣言） [XHTML1.0] <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> [HTML5] <!DOCTYPE html> かなり、すっきり短くなりました。 今までは、文章型定義(DTD)をする必要があったのですが、HTML5ではブラウザを標準にするために文章型宣言をするため、文章型定義（DTD）を逆にいれる必要がなくなったようです。 HTML要素 [XHTML1.0] <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”ja” lang=”ja”> [HTML5] <html lang=”ja”> こちらもかなり、すっきり短くなりました。 最初の文章だけでもかなりスッキリしたようですね。基本的に、言語コードだけで良くなりました。
webで躓いた事を書いて行きます！
こんにちわ♪ このブログでは、仕事やプライベートでwebに躓いて調べたことを書いていこうと思います。 webデザイン担当なんですけど、webサイトの運用、管理などwebサイトに関連することを幅広くやらせてもらっているので、わからない事もたくさん・・・・。 そういう時に、よく色々なブログを読ませてもらって、とても勉強になったので、そんな経験を踏まえて、自分も今までぶち当たった壁、今後の課題などをこのブログに書いていきたいと思います。 ほぼ素人で、web業界に入ってHTMLとか勉強したので、最初にブチ当たった壁は、IE6のバグです。 おかげさまで今は、ほぼIE6のバグに悩まされる事なくスムーズにコーディングできちゃいます。 これ、とっても進歩しました。もうIE9なのに以外とIE6ユーザってまだいるんですよね。 早くなくなってくれればいいのにって思いますけど、なくなったら無くなったで寂しくなるかも〜！！ ってことで、これからよろしくお願いします。 インターネット フィルタリングとは セキュリティ システムとは セキュリティ