タグ

Mobile HTMLに関するcosmetickのブックマーク (3)

  • 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α

    「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ

  • 携帯サイトの作り方

    ここでは、携帯向けサイトの作り方を簡単に紹介します。 PC向けサイトを作ったことのある人を対象とさせていただきます。 まず、携帯版のファイルはPC版と完全に分けましょう。 共通のファイルで済まそうとするのはかなり無理があります。 PCと携帯の違い いくつかあるので順に説明します。 ファイルサイズの制限 これが一番大きなところでしょう。 後で詳しく説明しますが、携帯向けサイトでは1ページ当りのファイルサイズを 画像も含めて5Kbytes程に収めなければなりません。 5Kbytesでは足りない、と思われる方も多いと思いますが 試しに5Kbytesの文章を書いて携帯で表示させてみましょう。 携帯の小さい画面から見ればこれでもかなりの情報量だと感じるはずです。 スタイルシート関連 携帯向けサイトでは、一切のスタイルシートが使えません。 もともと、スタイルシートとは細かな装飾方法をアレンジするための

  • 携帯サイトの作り方 かんたんリファレンス|HTML構成

    携帯(ケータイ)サイト用の簡単なHTML絵文字一覧・画像の種類を解説します。携帯サイトのHTMLの構造 携帯サイトのHTML構造は、基的に簡単シンプルにしたPC用のHTML構造と変わりません。 <HTML>から始まり、</HTML>で終わる、いたって普通のHTMLです。 PCサイトとの違いは、TOPページでも説明しましたが、1ファイルサイズの制限、2スタイルシート使用不可、3JavaScript使用不可、4メーカーの規格による違い、になります。 ただ、このサイトでは、各機種共通のページを作成することを推奨していますので、基的なPCサイトとの違いは先の3つになります。 携帯サイトのHTMLタグ 携帯サイトで使用できるHTMLタグは、原則的にはPCサイトとあまり大差はありません。しかし、全く同じと言うわけではありません。 一番大きな違いは、古い機種だと<table>タグが利用でき

  • 1