ホームページ制作の方法。WordPressを使用したホームページ制作など。
今まで、モバイルサイトを３キャリア向け表示できるように制作するには、それぞれの仕様の違いもあり苦労したが、逆に制作できるなら強みになる部分もあった。 しかし、スマートフォンの普及につれその需要は徐々に減っていくのではないかと思う。 さすがに、即ガラパゴス携帯が消えるという訳ではないが、時間の問題でほぼすべての携帯電話がスマートフォンにとって代わる日も近いのではないだろうか。 現に関連企業では今、スマートフォン向けアプリのエンジニア確保の熾烈な競争が起こっているらしい。 モバイルサイト制作者もスマートフォン用サイト制作者（HTML5、CSS3）への移行が必要かもしれない。
日, 11月 13 2011 » HTMLについて, android, html5, iphone, ホームページ制作, モバイルサイト作成 » No Comments
最近、ホームページ制作でstrongタグをあまり使わなくなった。 昔は、SEOに効果的なので重要なテキストにはstrongタグを付けていた。 でも、最近では、さほどSEOにも効果的に感じなくなり、あまり使っていない。 strongタグというと、昔大量のstrongタグを使用したスパムサイトが蔓延したため、多すぎるstrongタグはスパムとみなされてペナルティが与えられるということだった。今でもほどほどに入れるなら良いが、入れてもさほど効果が得られそうにない。 検索して上位表示されているサイトのソースをみてもあまり使ってるサイトはないようだ。
金, 11月 26 2010 » HTMLについて, ホームページのSEO, ホームページ制作 » No Comments
ホームページを制作する場合の手順や方法、使うソフトなどは人それぞれで多少ちがうと思うがここでは自分の手順。 つくるサイトのコンテンツを書き出してみる。 サイトマップ（紙に書いたもの）をつくる ラフデザインを紙に書いてみる Fireworksでデザイン制作 コンテンツのテキスト作成 画像を書き出し Dreamweaverでコーディングとテキスト流し込み だいたいこんな感じ。 あと修正や微調整、ブラウザ確認などもチェック。 WordPress使用の場合は、少し行程が増えるが大体の流れは同じ。
日, 11月 21 2010 » Fireworks, HTMLについて, WordPress, スタイルシートについて, ホームページ制作 » No Comments
モバイルサイトで画像の拡張子をキャリアごとに変えて、それぞれ違うファイルを表示させてみた。 理由としては、飾りとしての画像は３キャリアとも同じものを使っているのだが、フレーム画像やスタンプ画像の配布サイトを作っていて、それぞれキャリアごとで拡張子やら記述やら規定が違うので、それぞれのキャリアにあった画像を表示しないといけない必要ができた。 AU、ドコモ、ソフトバンクとそれぞれのページを作成するという選択肢もあるが、修正などが面倒になりそうなので、同一ファイルを使って、PHPでキャリア判別する事にした。キャリア判別でそれぞれのキャリアがわかったら画像の拡張子部分をキャリアにあった拡張子を表示するようにした。また、キャリアごとのファイルを混合しないためにそれぞれAU用、ドコモ用、ソフトバンク用のフォルダに画像を収納して、キャリア判別時にフォルダ指定もするようにした。 例えば、 au/aaaa.png この場合、最初のauフォルダ、拡張子pngがキャリア判別でそれぞれ変更される。 これによって、それぞれのキャリアごとに適切な画像が表示されることになった。
木, 11月 18 2010 » HTMLについて, スタイルシートについて, ホームページ制作, モバイルサイト作成 » No Comments
ホームページ制作時には、W3Cのチェックをしている。 最近では、あまり修正回数は減ったが、昔はかなりのミスがあり修正しまくっていた。 だいたい、こんな部分に気をつければ、１回目にでてくるエラーの量がへるのではないだろうか？ imgのalt属性を必ず記載する。 閉じタグは必ず書く。 改行タグ内のスラッシュを入れる
火, 11月 16 2010 » HTMLについて, WordPress, スタイルシートについて, ホームページ制作 » No Comments
W3CのMarkup Validation Service ホームページのW3Cのチェックができる。今更ながら・・。 URL入れてチェック。 緑色でおめでとうが出るとエラーなしのhtml。 赤色でエラーなので、下の方に掲載されてるエラー内容を見てみる。 修正して、またチェック。 おめでとうが出ると、W3Cのバナー画像掲載ができる。
土, 11月 13 2010 » HTMLについて, ホームページのSEO, ホームページ制作 » No Comments
ホームページを制作するときに、画像を使って角丸や影をつけたりして四角いボックスをデザインする場合が結構ある。 基本ボックスの一番上に上用の画像、背景画像に縦方向リピート画像、一番下に下用画像といった作り方をしている。 その場合、画像に隙間ができてうまくボックスとして表示できない場合がある。 すきまのせいで、画像がとぎれてしまう状態である。 その場合、cssで隙間のある画像に対してvertical-alignにbottomを指定する事で解決する事が結構ある。下記では、sukimaというdiv内の画像にたいして指定したものである。 .sukima img { vertical-align:bottom; }
金, 11月 12 2010 » HTMLについて, スタイルシートについて, ホームページ制作 » No Comments
先日、どこかの記事でみたのですがWordPressが世界一使われてるCMSらしいとのこと。 一時期はムーバブルタイプが流行ってたと思うのですがいつのまにかWordPressが主流になってたみたいです。 当時、WordPressを使用していたのだが、ムーバブルタイプが主流なかんじなんで、検索しても情報もムーバブルタイプ関連がやたら多かったので困ったりしてた。 商用だとライセンス料がいるのに何故ムーバブルタイプばかり使われるのか、当時疑問におもっていたのですが、時間の問題だったみたいです。
水, 11月 10 2010 » HTMLについて, WordPress, ホームページ制作 » No Comments
WordPressのプラグイン「syntaxhighlighter」を前回試してみた。 ホームページ制作に関するサイトの場合、必然的にhtmlやcssのコードを記述する機会が多くなってくる。 その場合、まんまコードをかいて投稿するとそのまま解釈されて変な表示になってしまうので、いちいち特殊文字を使ってテキストとして表示させなければならない。 一回の投稿ごとに、そうしていると大変で、しかも長いソースを延々と特殊文字をつかって書いていくのもつらい。 このプラグインを使えば面倒くさい部分を解消できる。 http://wordpress.org/extend/plugins/syntaxhighlighter/
火, 11月 9 2010 » HTMLについて, WordPress, スタイルシートについて, ホームページ制作 » No Comments
火, 11月 9 2010 » HTMLについて, WordPress, スタイルシートについて, ホームページ制作 » No Comments