スマートフォン対応サイト作成参考

■注意点

320×480のリキッドレイアウトで作る
スクロールバー無しの設定

http://allabout.co.jp/gm/gc/381464/

■7つのポイント

http://ascii.jp/elem/000/000/549/549206/

■無料ホームページテンプレート

http://tempnate.com/smartphone/

 ■PCサイトとスマホサイトの自動振り分け

スマートフォンサイトは spフォルダ内　index.htmlとしておく

JavaScriptで動作させる場合
PCサイトindex.htmlの内に記述すること
http://html5-css3.jp/smartphone/pc-iphone-android-php-javascript-htaccess.html

Outlook受信メールの文字化け

その他のアクション～エンコード～日本語（自動選択）
チェックが入っていても、もう一度選択する

ホームページにサイト内検索窓を付ける。

■Googleカスタム検索（IDが必要
http://www.google.co.jp/cse/

■Yahoo（IDが必要
広告はないが内部CSSとJAVAでソースの量が多い。味濃いめなので調整が必要。
大きいバナー（ロゴ）を表示する場合はw800がピッタリ。
http://custom.search.yahoo.co.jp/

テストで作った
http://www.ekamata.com/web/searchbox_yahoo.html

チェック機能付きメールフォームスクリプト

sformmail
http://www.sapphirus.biz/php/sformmail2/

htmlファイルの文字コードを変更すると文字化けしちゃうの
要注意。。。

写真、素材、フォントなど材料のダウンロードができるサイト

■プロカメラマンのフリー写真素材
http://pro.foto.ne.jp/

■fineshot　写真素材
クレジット・振込で購入可能
1点（長辺が640px）　100円～
http://fineshot.net/ 

■stoc.foto　写真素材
クレジット・振込で購入可能
1点（長辺が640px）　189円～
http://www.foto.ne.jp/

■PIXTA　写真・イラスト・映像素材
1点（低解像 640 x 420px）　525円～
クレジット・振込で購入可能
http://pixta.jp/

■photo project http://free.foto.ne.jp/

フォントとクリップアート
http://ufonts.com/

■飾り罫など
http://free-style.mkstyle.net/web/ 

■ホームページ・ブログ制作用素材
http://www.material-land.com/

▼広報紙向けクリップアート（スバラシイことにベクターデータ）あり
■Print out factory
http://www.printout.jp/

結局SEOのメタタグタイトルと紹介文て何文字にすればいいのよ！！？？

悩むよねぇ。。。

文字数参考まで

タイトル　全角26字（半角52字）
紹介文　40～80字

メタタグの　キーワードって　入れてもあんまり効果無い気がする。。。

それよりもページ数多くて　本文中のキーワードが有効と見ている

すばらしい！JavaScript

ステキなやつがいっぱいある～
http://solidstate.jp/

大容量ファイル送信サイトと解凍・圧縮ソフト

メール添付では20MBくらいまでしか送信できませんが、
大容量データを送りたい場合、データ便を使うと便利です。

同意書に同意が必要ですが、 

会員登録せずに300MBまで送信が可能です。

▼データ便

http://www.datadeliver.net/

なるべく送信するデータを1フォルダにまとめ、

zipに圧縮して送信します。

■圧縮・解凍ソフト　+Lhaca

インストールしたらデスクトップ上のショートカットへ

圧縮したいフォルダをドラッグ＆ドロップでzipファイルが作成されます。

http://www.vector.co.jp/soft/win95/util/se130263.html

印刷屋さん

プリントネット
http://odahara.jp/

画像をマウスオーバーで他の写真を表示させる

小さい画像にマウスオーバすると大きな画像が表示される
htmlに外部java scriptファイルをリンクさせてみた

http://www.ekamata.com/web/img_rollover.html

SEO対策（サイトの登録

アカウントを取って登録

Google
https://www.google.com/webmasters/
Bing
http://www.bing.com/toolbox/webmaster/

IEでもFFでも同じように表示する罫線のhrタグ

HRを点線にすると
Internet ExplorerとFirefoxでプレビューが違っちゃう。。。

▼このスタイルシート設定なら　まぁ　妥協点
hr{height:1px; border:none; border-top:1px #666666 dotted; margin:10px 0px;}

PDFファイルにタイトルを付ける

ホームページ作成（SEO対策）において
PDFファイルにタイトルを付けたい場合

AcrobatProfessional でファイルを開く
編集～プロパティ～（Cnrl+D）で
タイトル、サブタイトル（紹介文）、キーワードを入れ、アップロードする

ブラウザのタブには表示されないが、PDFのURLを検索すると
タイトル、 紹介文が表示される

ブラウザのタブに表示させたくて　調べたんだけど。。。
IEもFFも表示されません。。。