2012年8月31日金曜日

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



■注意点

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



7つのポイント

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

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

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

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

2012年7月7日土曜日

Outlook受信メールの文字化け

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

2012年6月3日日曜日

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

■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

2012年5月10日木曜日

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

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

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

2012年3月14日水曜日

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

■プロカメラマンのフリー写真素材
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/

2012年2月6日月曜日

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

悩むよねぇ。。。

文字数参考まで

タイトル 全角26字(半角52字)
紹介文 40~80字

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

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

2012年1月31日火曜日

すばらしい!JavaScript

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

2012年1月27日金曜日

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

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

同意書に同意が必要ですが、 
会員登録せずに300MBまで送信が可能です。

▼データ便

なるべく送信するデータを1フォルダにまとめ、
zipに圧縮して送信します。

■圧縮・解凍ソフト +Lhaca
インストールしたらデスクトップ上のショートカットへ
圧縮したいフォルダをドラッグ&ドロップでzipファイルが作成されます。

印刷屋さん

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

2012年1月19日木曜日

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

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

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

2012年1月13日金曜日

2012年1月12日木曜日

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

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

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

2012年1月3日火曜日

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

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

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

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

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