https://ameblo.jp/mobile-advance/ 気楽に携帯サイトを作成していく過程を書くブログです。xhtmlでモバイルサイトを制作していきたいと思います。 ja-jp https://ameblo.jp/mobile-advance/entry-10956356375.html FC２は非常に有名だから、すでに知っている人も多いかと思いますが、一応説明しておくと、無料ブログや無料ホームページを提供しているほか、アクセス解析やブログランキングなども運営、さらにはドメインやレンタルサーバを提供している会社です。特にFC2ブログは有名でしょう。FC２では無料でホームページを作れますが、PCサイトだけでなく携帯サイトのホームページも作れます。携帯サイトの作成サービスを提供している会社はいろいろありますが、そのほとんどがHTMLでしか作れないものばかりです。しかし、このFC2ホー 2011-07-17T15:52:07+09:00 https://ameblo.jp/mobile-advance/entry-10898514504.html 携帯サイトのURLは短いほうがいい。それはなぜなのか──自分の作った携帯サイトにユーザーを誘導したい場合、その方法として主に三つのやり方が挙げられます。以下、それを記述すると、QRコードを利用してもらうこと。googleなどの検索ボックスにキーワードやサイト名を打ち込んで検索してもらうこと。直接、携帯サイトのURLを携帯電話に打ち込んでアクセスしてもらうこと。この三つがあります。携帯サイトを作って思ったのが、最初に自分の作ったサイトを携帯電話に表示する時、直接URLを携帯電話に打ち込んで、アクセ 2011-05-21T15:28:07+09:00 https://ameblo.jp/mobile-advance/entry-10869939272.html モバイルでアクセスアップしようと思えば、以前ではランキングに参加するということが挙げられましたが、現在ではモバイルグーグル検索でいかに上位に表示されるかになりつつあるようですね。 ランキングサイトは最近では衰退しつつあり、モバイルユーザーも検索により目的のサイトを見つけるという傾向に変わりつつあるように思えます。さて、モバイルグーグルで検索するとき、携帯電話で検索入力欄に検索語を入力しますが、例えば『電話』というキーワードを入れた場合と、『でんわ』とひらがなで入れた場合、同じ検索結果になる 2011-04-23T13:43:22+09:00 https://ameblo.jp/mobile-advance/entry-10835280233.html 携帯サイトをデザインする一般的な手段として、CSSを使うということが挙げられます。CSSを使わなくても携帯サイトを作ることは可能ですが、できるだけ使用してサイトの見栄えをよくしたいものです。 CSSをホームページに適用する方法には、①ホームページに直接スタイルを記述する方法と②外部ファイルにスタイルを記述してそれをホームページに読み込む方法とがあります。ソフトバンクとauでは、②の外部ファイルからCSSを読み込んでスタイルを適用する方法をサポートしています。 ドコモの場合も、比較的新しい最近 2011-03-19T19:36:31+09:00 https://ameblo.jp/mobile-advance/entry-10806336070.html サイト作りはユーザビリティやアクセシビリティを考慮しながら作成していく必要があります。 ユーザビリティとは簡単に言うと「サイトの使いやすさ」であり、アクセシビリティはこちらも簡単に言うと、「サイトへのアクセスのしやすさ」になります。 それらを実現するためにも正しい文法で記述してサイトを作っていくことが望ましいと言えます。 もちろんユーザビリティやアクセシビリティなど持ち出さなくてもただ単純により良いサイトを作るために、正しく文法を書くことは必要です。 そこで、作っ 2011-02-19T14:36:16+09:00 https://ameblo.jp/mobile-advance/entry-10776208277.html align 属性とは、例えば文字を右寄せにしたり、中央寄せにしたりすることに使う属性のことなのですが、これを span 要素で使えるのか調べてみました。 例えば文字の位置を中央寄せしようと以下のように記述してみても、どうもこれでは文字は中央寄せされないようです。 <span style="text-align:center;">中央寄せ</span> 文字を中央寄せにする場合、 <div style="text-align:center;"> 2011-01-22T15:46:03+09:00 https://ameblo.jp/mobile-advance/entry-10745325308.html CMSのXOOPS関連の話です。これは経験したことなのですが、picoの記事を何度も何度も更新していると、タグが反映されない、もしくは改行されないバグに遭遇します。 こうなったときは、バグってしまったページの内容をコピーして、新しいページを作り、そこに貼り付け投稿しなおします。 つまり、さっさとバグってしまったページを削除し、新しくページを作り直すということです。 バグの原因はパソコンにあるのかXOOPSにあるのか原因はよく分かりませんが、とにかくそうなったら上記の 2010-12-23T14:13:34+09:00 https://ameblo.jp/mobile-advance/entry-10720638305.html PCのブラウザで携帯サイトの表示をシミュレートしてくれるUser Agent Switcherというアドオンをインストールしていたのですが、わけあって削除し、もう一度ダウンロードしてインストールしてみました。User Agent Switcherのダウンロードサイトすると、以前は確か画像１のようにユーザーエージェント一覧もインストールされていた ? と思うのですが、(どのように一覧が追加されていたのかもしくは追加したのかちょっと覚えていない・。 )新たにインストールしたUser Agent 2010-11-28T13:26:32+09:00 https://ameblo.jp/mobile-advance/entry-10699891857.html PCサイトでは見栄えよくデザイン、レイアウトするために枠線がよく使われています。枠線は下図のように上下左右、もしくは一部の辺に対して引き、それぞれの領域を区切るなどしてデザインしていきます。携帯サイトでもこの border 属性を使用して線を引ければサイト作りの大きな武器になりそうです。ボーダーは、<div style="border:solid 1px;">周りに枠線</div>と記述すると、一本線の枠線が 「周りに枠線」という文章の上下左右に描かれます。 参考図参照※実際は外部CSSを用い 2010-11-07T14:46:10+09:00 https://ameblo.jp/mobile-advance/entry-10672908296.html まず、alt属性には画像の説明文が入ります。 画像をサイトに表示するには、 <img src=".../images/○○.jpg" /> と記述しますが、さらに画像が表示されなかった場合などに備え、 <img src=".../images/○○.jpg" alt="画像の説明" /> とalt属性を指定しておきます。 このalt属性、PCサイトでは当たり前のように指定されていますが、では携帯サイトではどのように扱われて 2010-10-10T18:51:46+09:00