大田区蒲田のホームページ屋【e蒲田.com】試行錯誤編: 2009

テキストではなく表組みなどのテーブルを中央へ配置したい場合のスタイルシート
■CSS
#table-2{border:1px #cccccc solid; border-collapse:collapse; border-spacing:0; margin-bottom:15px; width:95%; margin-left:auto; margin-right:auto;}
#table-2 td{padding:5px; border:1px #cccccc solid;}
■HTML
table id="table-2" で指定

2009年9月4日金曜日

HTMLに単位や記号などを表記する

■HTML特殊文字一覧　すばらしいっ
http://rikiy.jp/report/web/20080120.html

2009年9月2日水曜日

GoogleMapの埋め込み地図の吹き出しを取る

大きな地図で見る

ルート・乗換案内の埋め込みHTMLなら吹き出しが出ないことを発見した。
やったー！！
もうジャマでしょうがなかったのよぉ。。。。

大きな地図で見る　をクリックするとルート検索ページに飛ぶので
B（到着地）の方で検索しておけば、使いやすいと思った。

2009年8月26日水曜日

結局NG例☆bbs作ろうと思ったのでbbpressインストール

1.サーバ側でMySQLの設定

2.bbpressをダウンロード
http://bbpress.org/

3.bb-config-sample.php　を　bb-config.phpにリネーム、テキストエディタで開いて
63行目　define( 'BB_LANG', '' );　を　define( 'BB_LANG', 'ja' );　に変更と
▽14行目サーバの設定に従って変更
// ** MySQL settings ** //
define(’BBDB_NAME’, ‘bbpress’); // The name of the database
define(’BBDB_USER’, ‘username’); // Your MySQL username
define(’BBDB_PASSWORD’, ‘password’); // …and password
define(’BBDB_HOST’, ‘localhost’); // 99% chance you won’t need to change these last few

4.日本語化
ja.moとja.poをbb-includes～languagesフォルダを作って格納
http://ja.forums.wordpress.org/topic/164

★入れたけどメニューとか日本語になってません。

別に設置していたwordpressのページがぶっ飛んだ。。。
エラー: データベースに接続できません

たぶんbbpressのせい。MySQLの設定のせい。
あぁぁぁぁｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌ

絶句。。。

bbpressは携帯表示プラグイン無いみたい

★wordpressは元データをバックアップして再インストールした。
アップされた画像、ユーザ情報は残っていたけど
プラグイン、スタイルシートを設定しなおさなきゃならない
プラグインはwp-content～plugins旧フォルダから入れて管理画面でスイッチオン。
スタイルシートはwp-content～themes

picasaウェブアルバムについて

限定公開はGoogleのIDが必要
メールアドレスなどで個別に指定するのは不可。

■picasaウェブアルバム
http://picasaweb.google.com/home

2009年8月4日火曜日

翻訳ツールを使った外国語対応ウェブサイト～蒲田ビジネスホテル新力

増加する外国のお客様向けにホームページに翻訳ツールを追加することになりました。

外国の方にとっては日本語は話せてもなかなか読み書きは難しいことです。
少しでも理解を深めていただくのに良い方法なのではないでしょうか。

※画像部分が翻訳されない、固有名詞も翻訳されてしまうので注意です。
※英語・中国語・韓国語・フランス語・ドイツ語・イタリア語・スペイン語・ポルトガル語に対応（エキサイトブログパーツを利用しています）

■蒲田ビジネスホテル新力
http://www.shinriki.com/
■蒲田ビジネスホテル新力モバイル（これもe蒲田.comが制作したものです）
http://www.shinriki.com/i

2009年8月1日土曜日

大田区ホームページのトップにバナーを載せられる！

月平均約12万件のアクセスがある大田区ホームページのトップに月20,000円でバナー掲載ができるようになりました。

e蒲田ではレギュレーションに従った画像を1点5,000円で作成いたします。
大田区ホームページバナー掲載についてをよくお読みの上、お申し込みください。

▼大田区トップページ下部に掲載されているものがあります。
http://www.city.ota.tokyo.jp
※審査あり。
※大きさ　天地　35ピクセル（固定）、左右　95ピクセル（固定）、
※ファイルサイズ　4キロバイト以内、
※ファイル形式　GIF形式（アニメーションGIF不可）
掲載料　1枠　月額2万円（1ヶ月単位最長1年）約30枠
月初めから掲載、申し込みは掲載希望月の前前月の末日

■大田区ホームページ　バナー掲載について
http://www.city.ota.tokyo.jp/jigyousha/banakoukoku/index.html

2009年7月31日金曜日

Internet Explorerバージョンダウン～8から7へ

XPの場合
スタート～プログラムの追加と削除～プログラムの変更と削除～
インターネットエクスプローラ8を削除する。

サポートではSSL証明書など設定も削除されると言われたがうちの場合、残っていた。

▼Vista、XPの場合のバージョンダウン方法～マイクロソフト
http://support.microsoft.com/kb/969176/ja

なんでバージョンダウンしなきゃいけないのかっていうと。。。
自動車のETCオンラインセットアップのソフトが使えなくなってしまった。
原因はされるがままIEを7から8にバージョンアップしたから。
自分のパソコンにソフトをインストールしてオンライン。というシステムの場合
要注意ですなぁ。。。

2009年7月24日金曜日

外部JavaScriptをリンクさせ、ボタンでCSSを切り替える

数種類のcssファイルとjsをリンクさせる。
画像ボタンからでも文字ボタンからでも切替可能。
rollover.jsとも共存可能
再表示は最後にセットしたcssで表示される。
■サンプル
http://www.ekamata.com/web/css_switcher.html

2009年7月9日木曜日

無料画像処理ソフトGIMP2.6の機能と使い方ざくっとサイトを作りました。

ウェブデザインについて教えて欲しいと依頼があり、どうしても避けられない画像作成について説明するのにサイトを作りました。
ローカルで使うのももったいないので公開します。
無料ソフトのGIMP2.6を使って（これがまたクセがあるけど多機能なソフトで。。。
・画像の自動生成
・フィルター一覧
・パターン一覧
・文字の装飾方法
を載せています。
http://www.ekamata.com/gimp2/

Googleウェブマスターツールでもって携帯ホームページのSEO対策

Googleアカウントが必要。
テキストエディタでファイルを作成、アップする。

■つくりかた
http://www.ekamata.com/web/m_google_sitemap.html

外国語対応のホームページを作る。（カンタン・バージョン）

私の子育てブログで使っている翻訳の機能を自分のホームページに埋め込めないかしら。という相談を受けました。

さすがコスモポリタン蒲田。やっぱり外国語対応のホームページがあったらなぁ。
というのが人情でしょう。

調べてみるとこれが簡単！
検閲ナシのオートマチックなので結果は？？？？ですが、
元になる文章を分かりやすくすることで思いは通じるかもしれないですね！

■エキサイトブログパーツ（英語・中国語・韓国語・フランス語・ドイツ語・イタリア語・スペイン語・ポルトガル語に対応）
http://www.excite.co.jp/world/blogparts/

e蒲田.comではこの様な改造パーツを使った便利で低予算のホームページをお作りできます☆彡

また、モニターの大型化に従ってホームページも幅広になっています。機能的であることを考えれば1ページに二ヶ国語を同時表示なんていうのも良いですよね！

※翻訳されたくない固有名詞は注意が必要。ローマ字表記を【】で囲むとどの言語でもそのまま表示される。
※GoogleMapと同ページに置くとMapが表示されないエラー
※W3Cに準拠させたい場合は
script src="http://www.excite.co.jp/world/js/blogparts/exblog/web/" type="text/javascript"
太字のようにスクリプトタイプを入れるとOKです。
▼サンプル（ページを開いて左下W3Cのアイコンをクリックするとチェックできます）
http://www.ekamata.com/

■Google翻訳にもツールあり。小窓で言語を選ぶタイプ
※GoogleMapと同ページに置くと翻訳が表示されないエラー
http://translate.google.com/translate_tools?hl=ja

2009年7月7日火曜日

メールリンクの文字化け解決方法

HPからのメールの問合せ
宛先、件名、内容を前もって入れておきたい場合。。。

FirefoxからもChromeからもメーラーを立ち上げると文字化け。困りますねぇ。。。

タグの日本語部分をエンコードすることで解決できます。

■くわしい方法は別ページですが。。。こちらです。
http://www.ekamata.com/web/table_mailto.html

2009年6月16日火曜日

はじまりは空メールか。

ユーザは住所や名前をフォームで送信するのは気が引けるものだろう。
SSL暗号化サーバを契約するにも経費がかかる。

そこで、メールマガジンの登録などで空メールを送る方法がある。
これはユーザにしてみれば手っ取り早くて便利。

携帯ユーザならQRコードを読み込んで送信。
あとはこちらから連絡する。

これは結構スムーズ＆シンプルでよい方法かもしれないですね。

2009年6月11日木曜日

ホームページにスライドショーを表示

GoogleのPicasaウェブアルバムでスライドショーを作り、ホームページに表示することができます。
これのすごいところは撮影場所をGoogleマップに登録できるところ。
（スライドショーをクリックで確認）
説明も入力して表示させれば地域や店舗の情報提供に使えます。

※W3CでのチェックはNG
※表示時間・方法など細かい設定はPicasaアプリケーションが必要

CGIカウンタなどで設定が必要な場合がある。グリニッジ標準時

日本のGMT=+9:00
GMTはWindos～コンパネ～日付と時刻～タイムゾーンで調べられる。

グリニッジ標準時、Greenwich mean timeとは
http://ja.wikipedia.org/wiki/GMT

※カウンタ設定
Please select time zone:GMT+9:00（日本）
Frame Thickness:0
style:E
Counter Name,Counter Name (no .dat):名前を付ける
※W3C準拠させる場合、/>で終わる、altを入れる。

2009年6月9日火曜日

メーラー起動タグ★このサイトをススメール（古いか）、○○へ送信するなどに利用

クリックでメーラーが起動、送信先、件名、本文を前もって入力できる。
※Firefoxは日本語文字化け。

<a href="mailto:メールアドレス?subject=件名&body=本文">メールを送信</a>

2009年6月4日木曜日

高齢者・障害を持った方向けホームページ作成のために／アクセシビリティ関連

■高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第３部：ウェブコンテンツ／閲覧のみ（JIS／X8341-3）
http://www.jisc.go.jp/app/pager?id=53618
■そのJIS X8341-3に対応したチェックをしてくれるソフト
富士通WebInspector（ウェブインスペクター）
http://jp.fujitsu.com/about/design/ud/assistance/webinspector/

たとえばこんなことに気をつけてホームページを制作するということ。
■日立情報システムズ／アクセシビリティガイドライン
http://www.hitachijoho.com/policy/webaccessibility.html

■WEBアクセシビリティポータルInfoaxia（チェック用ツールバーあり）
http://www.infoaxia.com/

2009年6月2日火曜日

おもしろい写真集と辞書。

Amazon.co.jp ウィジェット

2009年5月27日水曜日

インデザイン良く使って忘れるショートカット。

inDesign
■マスターページにページ番号を設定
Alt+Shift+Ctrl+N
書式～特殊文字の挿入～マーカー～現在のページ番号
■希望の場所でインデント
Ctrl+￥
インデントしたい場所で右クリック～特殊文字の挿入～その他～ここまでインデント文字
■段落境界線
Alt+Ctrl+J
段落パレット右上▼～段落境界線
■改ページ
Ctrl+Num+Enter
書式～特殊文字の挿入～改ページ
■前後のページを表示
Shift+PageUp(Down)

2009年5月19日火曜日

自分でやる！ホームページの更新・修正方法

必要なソフトは無料のFFFTPとメモ帳だけです。
ネット接続可能であればHTMLが分からなくてもちょっとした文字の変更が可能です。
※XHTML&CSSでデータを作ったものは以前よりも見やすくなっています。
e蒲田ご利用のお客様にはご希望により、ホームページ更新ガイドを作成しています。

▼概要はこちらです。
http://www.ekamata.com/web/howto_update.html

2009年5月15日金曜日

ituneインストールで必要ないファイルが貴重なメモリを食べている。

Ctrl+Alt+Delete～タスクマネージャー

iTunesHelper.exe
iTunesHelper.exe
iTunesHelper.Resources（フォルダ）

削除しても今のところ問題ない。

2009年5月12日火曜日

サイトチェック

やったほうが良いのかやらなくて良いのか。W3Cチェックツール。
■XHTML　Markup Validation Service
http://validator.w3.org/
■翻訳
http://www.excite-webtl.jp/world/english/web/?wb_url=http%3A%2F%2Fvalidator.w3.org%2F&wb_lp=ENJA&wb_dis=2&wb_submit=+%96%7C+%96%F3+

※altを入れないとエラーが出ます。
※Yahooの検索窓はNGが出ました。

■スタイルシート
http://jigsaw.w3.org/css-validator/

■The Search ツール　メタタグチェック他に便利です～
http://tools.the-search.jp/

2009年5月1日金曜日

cssテキスト制御

ユーザーが文字の大きさを変えたい場合を考えてemか%で指定。
レイアウトを変えたくない場合はptで指定。
行間はデフォルトだと詰まっているので指定したほうが良い。

■サンプル
http://www.ekamata.com/web/css_text.html

テーブルで見やすいリストのレイアウト。

IE表示可能だけど線が太い。。。
■サンプル
http://www.ekamata.com/web/table_list.html

テーブル枠と罫線サンプルtable,hr

HTMLで指定する様々なボーダー。
■サンプル
http://www.ekamata.com/web/table_border.html

外部スタイルシート

/*罫線*/
hr{border-top:1px dashed #ffe4e1; margin:10px 0px;}

/*テーブル罫線なし*/
#table00{border:0px; border-collapse:collapse; border-spacing:0;}
#table00 td{padding:5px;}
/*テーブル外枠のみ罫線あり*/
#table01{border:1px #999999 dotted;}
#table01 td{padding:5px;}
/*テーブル罫線あり*/
#table02{bjavascript:void(0)order:1px #999999 dotted; border-collapse:collapse; border-spacing:0;}
#table02 td{padding:5px; border:1px #999999 dotted; vertical-align:top;}

インラインフレーム（iframe）

■サンプル
http://www.ekamata.com/web/iframe.html

時間を指定して強制的に他のページへジャンプさせるJavaScript

■サンプル
http://www.ekamata.com/web/java_jump.html

2009年4月30日木曜日

インターネット回線スピードのテスト

■価格.comで計測（Javaソフトウェアが必要）
http://kakaku.com/bb/speed.asp
□2009.4.30 なかなか速いそう。
下り34.1Mbps
上り19.4Mbps

2007.3.14
○マイパソ測定結果
下り　32.6Mbps
上り　26Mbps
○ダンパソ測定結果
下り　22.2Mbps
上り　14.5Mbps

2007.3.28
○六郷パソ測定結果
下り　44.2Mbps
上り　25.7Mbps
蒲田、六郷に負けた。。。

2009年4月28日火曜日

Canon MP970印刷コスト

■はがき片面カラーの場合　\32.8／1枚
PMマット　\630／50枚＝12.6／1枚
インク　　\20.2／1枚
時間　　　30秒／1枚
■用紙一覧
http://cweb.canon.jp/pixus/supply/product/paper-all.html
■PIXUS MP970機種仕様
http://cweb.canon.jp/e-support/qa/1055/app/servlet/qadoc?qa=049142
■印刷コスト/印刷スピード測定環境について
http://cweb.canon.jp/e-support/qa/1055/app/servlet/qadoc?qa=049267

2009年4月24日金曜日

特定のタグを消す。DW

検索置換～設定する。

携帯サイト作成関連

■（社）電気通信事業者協会（TCA）
　携帯の契約数が毎月集計されている。

■作ろうiモードコンテンツ
■ソフトバンク Mobile Creation
■ez-web（au by KDDI） EZfactory

携帯サイトのプレビューが見られるシュミレータソフト
■docomo　iモードHTMLシミュレータII（iモード対応HTML他）
■au Openwave SDK 3.3.1J（HDML）
■Softbank　ウェブコンテンツヴューア（HTML編集可能、XHTMLシュミレーション）
　会員登録が必要

■3キャリア対応QRコード「QRのススメ」
■絵文字変換対応表（PDF）

■携帯サイトフォーマット
http://www.ekamata.com/web/m_format.html

■読みたい本

携帯サイトのSEOメモ

■Yahoo!モバイルお店PR　無料でモバイルサイトが作れる。端末機種により利用できないことがある。

サイトの登録
■Yahoo!モバイル
カテゴリを選んでサイトの推薦
タイトル全角20字、対応する携帯電話のキャリア、コメント全角40字、付記全角200字　などが必要
■Googleモバイル　PCと同じ方法で登録？？
■infoseekモバイル各キャリアからアクセスして登録
http://m.infoseek.co.jp/
■gooモバイル
個別登録なし～参照／WEBクローラーについて参照
■Windows Live(msn) ID必要
■Livedoorモバイル

2009年4月21日火曜日

お天気のブログパーツ

■（財）日本気象協会
ID不要。タグを入れるだけ。種類と設定いろいろ。
http://tenki.jp/webservice/blogparts/

■Yahoo!天気情報（全国・地方・都道府県が選べる）
ID不要。タグを入れるだけ。
http://weather.yahoo.co.jp/weather/promo/blogparts/

※他にニュースやアンケートのパーツもある。
http://public.news.yahoo.co.jp/blogparts/

2009年4月17日金曜日

バナーいろいろ

HP製作の際にご希望であればバナーもおつくりします。他のページからリンクしてもらうのもページを見てもらうために必要ですよね。バナーがあれば個性もピカリ。
色々サイズがあるので標準的なものをご紹介します。
ttp://www.ekamata.com/web/ban.html

使いそうなJavaScriptメモ

■一時間ごとに表示テキストを変える
http://www.ekamata.com/web/java_1hour.html
■日付のカウントアップとダウン
http://www.ekamata.com/web/java_count.html
■指定日時・期間にテキストを表示
http://www.ekamata.com/web/java_kikan.html
■サムネイルをクリックで画像を切り替える。
http://www.ekamata.com/web/java_photo.html

2009年4月16日木曜日

イメージカラーセット表を作ってみました。

○○な感じはどんな色が適しているか。参考に。
http://www.ekamata.com/web/colorset.html

SEO対策～登録しよう検索エンジン

e蒲田の行っているSEO対策デス。し、試行錯誤です。
ホームページがYahooやGoogleでキーワード検索→上位表示されるために、
ページの見えないところに工夫を施し、登録して行きます。

主要検索エンジンはモチロン、業種に会わせたサイトを探して登録するようにしています。
主婦の考えるケチケチコースなので無料のものをセレクショーン。
まずはGoogle、Yahooに登録！
結果を見ながら他のサイトに登録を依頼していってます。

■Yahoo!Japan　無料登録はYahooIDが必要
■Yahoo!Japan　カテゴリ登録（非商用は無料）
■Google　URLの登録と更新（goo、excite、Livedoor、infoseek楽天に反映？
■dmoz 登録するディレクトリのページを表示させ、 URLを推薦
パートナーサイトはAOL Search、Alta Vista、Hot bot、Google、Lycos、Netscape、Searchなど
■LiveSearch(MSN)　各ページのURL登録をする

これもどうかな。
■iタウンページ(2w) URL掲載（リンクなし）は無料登録できる

地図サイト
■MapFanWeb(5d)　会員登録してココメモへ投稿すると一般公開できる
■Google Map　アカウントが必要
画像を10 枚（1枚／1MB以下）までUP可。登録から2W以内に郵便が届き情報を入力する。

■goo地域　ID必要店舗有料？イベント登録あり

大田区系
■e-まちタウン大田区　goo地域に反映、投稿あり、登録無料
■大田区産業振興協会　大田区企業リンク　代行無効自分で登録してネ登録無料
■東横インリンク　相互リンク

■ブログのSEO対策
Googleブログ検索
Yahooブログ検索

神奈川・千葉系
■海ほたるネット千葉房総あるいは神奈川県内に存在する観光事業関連の自治体、団体、商店などの関係者は登録無料

契約しているプロバイダの会員向け検索エンジンにも登録できたりします。

確認用には
検索デスクが便利です。

アマゾンのアフィリエイト。

ためしにインスタントストアというのを作ってみました。
http://astore.amazon.co.jp/ekamata-22

SEO対策～UK編

日本のGoogleで検索結果が出ていればUKでも通用する様子です。

UKではGoogleが主流らしい。
■Google
■Yahoo!UK&Ireland

地域サイトUpminster,Essex
http://essex.gumtree.com/

HP製作の上で参考になる材料サイト一覧

■原色大辞典　RGB、CMYKカラー表示あり
http://www.colordic.org/
■Color Slider　WEB配色見本　背景色・文字色のシュミレーション
http://report.s22.xrea.com/
■色とJavaScriptで遊ぶD. project　配色シュミレーション
http://www.hi-ho.ne.jp/douton/index.html
■Yahoo! ブログパーツ　登録は必要なしタグを貼るだけ。
http://public.news.yahoo.co.jp/
■ブログパーツポータル
http://www.blog-parts.com/
■Googleカレンダー
http://www.google.com/intl/ja/googlecalendar/tour.html
■3キャリア対応QRコード「QRのススメ」
http://qr.quel.jp/
■写真Free Photo
http://www.freefoto.com/
■和文フォント
タイプラボ
商用利用可の和文書体の無料配布も
http://www.type-labo.jp/
■欧文フォント
欧文書体のデータベース
http://www.fonts.com/
1001freefonts
http://www.1001freefonts.com/
■フリーウェア
ベクター
http://www.vector.co.jp/
窓の杜
http://www.forest.impress.co.jp/

A4に原寸印刷可能な大きさ

A4に実寸印刷可能な大きさ
W650×H978px

ホームページ製作前の準備メモ。

製作依頼が来てから打ち合わせでお聞きすること。
■ホームページを置く場所
なければドメイン取得、HPデータの置き場所、メールアドレス（複数可）をご用意できます。
・契約プロバイダ（プロバイダ契約書があれば用意してください）
・HP容量
・ホームページアドレス
・FTPホスト
・ディレクトリ
・ログイン
・パスワード
■ホームページを作る目的は何ですか？
企業・サークル・店舗などの紹介、集客、雇用募集、販売、アンケート
■誰にホームページを見てほしいですか？
・携帯用サイトは必要？
・外国語サイトは必要？（テキストデータを頂ければ対応できます）
■欲しいイメージの色、雰囲気（やさしい、堅実、国際的・・・など）
・気に入ったサイトがあれば見本としてそのURL
■見てもらうために
・どんな言葉で検索されたら見てもらえるかを考え、優先順位を付ける
・地域性が重要か、どの言葉が最も重要か
■メタタグ
・キーワード（70W）
・紹介文
・ページ内にキーワードを入れた文章を。
■材料（できればデジタルデータ）
・ロゴマーク
・カタログ、名刺など印刷物（DTPデータがあれば尚良い）
・写真　デジカメで撮影またはポジ、プリントも可
・テキスト

その他メモ
■ホームページからの連絡先へのリンクはE-mailだとスパム処理に困るのでフォームの方が良い。
セキュリティがかかっているものが好ましい。
メールでのやり取りが苦手であればFAX用紙ページ（PDF）を作って印刷～送信してもらうことも可。
■検索エンジンや他サイトへのリンク願い用にメールアドレスを用意すると良い。

無料ホームページスペース

有料版ドメインとメールアドレス複数取得でも手ごろな価格で契約できる。
無料版はたいてい広告がある。
無料サービスは終了したりする恐れがあるので安全そうなものをピックアップしてみた。

■Yahoo!ジオシティーズ（商用不可、50MB、CGI不可）
■Yahoo！BB会員（広告なし、商用可、300MB、CGI不可）
http://geocities.yahoo.co.jp/services/

■infoseek楽天isweb（50MB、CGI/SSI使用可）
http://isweb.www.infoseek.co.jp/

■FC2（広告なし（powered by fc2 表示あり）、商用可、1GB、CGI不可）
http://fc2.com/
□無料版・有料版との比較
http://fc2hpmanual.blog95.fc2.com/blog-entry-41.html

情報収集サイト

■インターネット利用状況～ビデオリサーチインタラクティブ
http://www.videoi.co.jp/
■ インターネットに関するリサーチ結果～
http://japan.internet.com/
■インプレス
http://internet.watch.impress.co.jp/
■総務省　情報通信政策研究所（IICP）
http://www.soumu.go.jp/iicp/
■総務省　情報通信統計データベース
http://www.johotsusintokei.soumu.go.jp/
■（社）電気通信事業者協会（TCA）　携帯の契約数が毎月集計されている。
http://www.tca.or.jp

パソコン用XHTMLと外部CSS、jsロールオーバーフォーマット

すばらしい味のソース見つけた★マックとウィンドウズで動作確認済
■サンプル
http://www.ekamata.com/web/rollover.html

□その他のロールオーバー方法について
1枚の画像にonとoverを作って表示位置を変えて表示するやり方は自分環境マックのIEでNG。

■XHTML、スタイルシート、外部jsでのロールオーバー基本セット
http://www.ekamata.com/web/format_xhtml.html

コピーライト記号のタグ

■携帯サイトなどに短いバージョン
©2009 e蒲田
□タグ
©2009 e蒲田

■ちょいと短めバージョン
©2009 e蒲田 Co.,Ltd.
□タグ
©2009 e蒲田 Co.,Ltd.

■長バージョン
Copyright©2009 e蒲田 Co.,Ltd. All Rights Reserved.
□タグ
Copyright©2009 e蒲田 Co.,Ltd. All Rights Reserved.

■特殊なタグを入れず半角カッコで表記も。
Copyright (C) 2009 e蒲田 Corporation. All Rights Reserved.

人間にしっくりくるらしい比率。

■A判B判とも縦横比1：1.4
■エジプトから来る黄金率（黄金比）　縦横比1：1.618

bloggerの設定

画像の横幅430px
IEでログインしているのにクイック編集ボタンが表示されない。
target="blank"　を手で入れること。

2009年4月9日木曜日

Outlook2003　メール設定

ツール～アカウント～新規または変更ボタン

Windowsのバージョン確認方法

スタート～ファイル名を指定して実行～

winvir

と入力したら教えてくれる。

Outlook Express6　メール設定

ツール～アカウント～新しく作るときは追加ボタンを。
修正のときはアカウントをダブルクリック。
Outlookのバージョンによって表記順が違うので注意。。。

2009年4月2日木曜日

携帯サイト作成　基本フォーマット

■頭に入れること。
XHTML／Shift_JIS
1ページ／30KB以下
jpg画像を使用128×128
横全角10文字（半角時は20文字）×縦6行
CSS、JavaScript使用不可
CGI=imodeのみ対応

■SEOに関して。
altを入れる。パンくずをできれば上部に

■metaはiモードシュミレーターで無視されると出る。