CSSで定義するフォントについて

CSSに定義するフォントですが、一般的なものはなんでしょうか。
海外のテンプレートを使う場合、日本向けのフォントに修正したほうがいいのか。

いろいろグーグルで調べてみたのですがよく解らず、とりあえず

  font-family: "メイリオ", Meiryo "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

にしておきます。

Firefoxのアドオンツールで日本語の部分が文字化けしていたので、
以下のサイトを参考ににCSSに　@charset "utf-8";　を追加
ファイルを utf-8　で保存すると文字化けしなくなりました。

参考サイト　　Firebugでfont-familyが文字化けする原因

まずは、Google プレイスの登録

作成中の知り合いの日本料理店、PC用サイトと携帯サイトを
とりあえず、インターネット上にアップしました。

まだ、作っただけの状態です。ずっと自分のパソコンだけに抱えておくと
作業が、進まない気がしたので、とりあえずインターネット上に上げました。

公開して、講座の先生の教えを乞うのが一番だと思ったのと、
食べログなどの無料の店舗紹介にも必要となるので、文章がすかすかで
コーディングもできていませんが、むりやりアップしました。

本当はいろいろなチェック項目を先に行ってからアップロード、というのが
良いのでしょうが、

何をチェックし、それにどれぐらいの時間が掛かるのか、また、それができる
のかが不明なので、やりながら考えながらのスタイルになってしまいます。

これでほぼ完成した。と思った時に振り返って、やってきたことをまとめる
ようにしようと思います。

前置きはこれぐらいにして、タイトルにあるように、お店をGoogleプレイスに
登録する作業を、残しておきます。

Google プレースの登録リンクはここ
http://www.google.co.jp/landing/placepages/

参考にさせていただいたサイトは以下です

Googleプレイスに無料で店舗を登録する方法ガイド 

Googleプレイスに店舗を登録して上位表示する方法

Googleプレイスの登録

登録ページの店の写真や文章など、もう少し良いものにしたいと思ってますが、
まずは登録完了してから見直すということにします。

現在、Google からのはがき待ちです。

HP作成時の文字コードとエディタについて

HP作成時の文字コードとエディタについて

サイト構築時の文字コードと使用するHTMLエディタについて
ですが、いろいろ検討した結果、現時点、以下を使うこととした。

PC用は　
文字コード　UTF－8
エディタは　KompoZer　を使う。
KompoZerは無料で使いやすそうなので。　KompoZer

携帯用は
文字コード　Shift_JIS
エディタは　Crescent Eve　を使う

これは、携帯の機種によっては、Shift_JIS にしか対応できない為。
Crescent Eveは携帯用サイト構築の書籍に紹介されていて
使いやすそうなことと、文字コードがShift_JISベースのエディタの
ようなので使ってみることにした。　　Crescent Eve

HTML文書の文法チェック

作成サイトのHTML文書の文法チェックの方法

以下のサイトでのHTML文法のチェツクができます。
Another HTML-lint

WEB上のファイル、ローカルのファイル、両方のHTML文法チェックできるので便利です。

どの行のどの部分が、どうよくないかを表示しれくれます。
評価として、「がんばりましょう」、「ふつうです」、「よくできました」の評価が出ます。

「よくできました。」を目指しましょう。

サイトトップページからの携帯端末リダイレクト

サイトトップページからの携帯端末リダイレクトについてのまとめ


ファイル　.thaccess の記述でできるようです。

今回２つの設定が必要になりました。
１、トップページから携帯端末用フォルダ /m/へのリダイレクト
２、携帯のファイル書式（拡張子）が.xhtml

項目２は、使用した携帯のサイト用のテンプレートが、.xhtmlだった為、
index.xhtmlを読み込ます設定をしないと、うまく表示されないようでした。

以下、参考サイトと設定内容ですが、正しい方法かどうかは自身ありません。

index.html 以外をトップページにする

優先順位を.htaccessで指定できる。

index.php やindex.cgi をindex.htmlよりも優先したい場合は
DirectoryIndex index.php index.cgi index.html index.shtml

これを参考にして  以下を記述し　.htaccess　をwwwのトップディレクトリにアップしました。

RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|DDIPOKET|UP.Browser|J-PHONE|Vodafone|SoftBank)
RewriteRule ^$ /m/ [R]
DirectoryIndex index.xhtml index.html

これでいけるとおもうのですが・・・・・・

携帯端末のサイトは、色々難しい部分があって、少し考えて作りこまないと
いけないようです。

慣れるまではかなり大変なようです。

ドメインの設定の覚え書き

使用サーバー
さくらのレンタルサーバ ライト（一番安いやつです。）
PHPはなし、CGIは使えます。

ドメイン　お名前.com

当初、さくらレンタルサーバーを使う場合、ドメインをさくらで取るか
他の業者で取った場合には、移管が必要と思っていました。
.comの場合、さくらでは取得または移管に１８００円が必要です。

ですが、
１、お名前.comでネームサーバー設定変更と
２、さくらレンタルでドメイン設定でいけました。

お名前.comでキャンペーン、.info 50円は安いので１つ取って
たのが使えるので、助かりました。

設定作業は簡単

１、参考サイト
さくらインターネットサーバでドメインはお名前.comのドメイン設定

https://www.onamae.com/navi/domain.html
ログインすると取得したドメインの行にネームサーバー変更ボタンがあり
選択して次画面で「ネームサーバー情報を入力する」を選択、最大で14のネームサーバー情報を入れる項目がありますよ。

さくらのデフォルトのNSは
プライマリは　ns1.dns.ne.jp
セカンダリは　ns2.dns.ne.jp
のはずです。

２、さくらレンタル側の設定・・・・省略

ブログのテンプレートについて

ブログのテンプレートを標準のものに戻しました。

コメントの投稿ができないと言われたので、設定を確認してみたのですが、設定は
問題なく設定されているようでした。

なので、テンプレートが怪しいと思い。標準のものに戻すと、コメント投稿
できるようになりました。

色々調べれば、前のテンプレートを修正してできるかもしれませんが。
時間に余裕がないので、google 標準テンプレートに戻します。

google の解析タグも設定し直す必要があると思いますが、
解析は別のサイトで勉強するので、アカウント削除しました。