最新情報
- 05月18日・・・HTMLタグ－画像を表示する
- 05月03日・・・携帯サイトのHTMLタグ一覧
- 05月03日・・・HTMLタグ－左寄せで表示する
- 05月01日・・・HTMLタグ－背景の色などを変える
- 04月28日・・・モバイルトレジャーで携帯サイト作成
HTMLタグ－画像を表示する
携帯サイトに画像を表示する場合、画像はサーバーにアップロードしなければなりません。
ドメイン直下に画像フォルダ[img]を作ります。
画像は全て[img]の中にアップロードすると分かりやすいです。
[img]フォルダの中の[01.gif]という画像をトップページに表示する場合は、表示したい位置で↓のように書きます。
<img src="./img/01.gif" alt="画像名" width="サイズ" hight="サイズ">
画像名は省略することもできます。
検索エンジンのロボットに認識させるためには、付けておいた方が良いです。
画像のサイズは、PCに保存されている画像にマウスを合わせると、大きさが○○×○○と表示されますので、その数字を入力します。
省略することもできます。
携帯サイトの場合は、キャリアによって表示できる画像が違います。
Docomo : JPEG,GIF
AU : JPEG,GIF,PNG,BMP
SoftBank : JPEG,PNG
全てのキャリアで表示できるのはJPEG画像です。
デコメ画像はGIFアニメで作ると、SoftBankのデコメ対応機種でも表示されます。
GIFの静止画は、SoftBankの3G携帯なら表示されますので、GIF画像を使っても問題ないと思われます。
あまり容量の大きな画像を使うと、表示に時間がかかったり、表示されないこともありますので注意してください。
5KB以下のものが望ましいです。
タグ
2011年5月18日｜
カテゴリー：携帯サイトのHTMLタグ
携帯サイトのHTMLタグ一覧
携帯サイトで使うHTMLタグの一覧です。
クリックすると各HTMLタグの使い方説明ページへ移動します。
全体の表示 文字の装飾 表示位置の指定 リンクするタグ
2011年5月 3日｜
カテゴリー：携帯サイトのHTMLタグ
HTMLタグ－左寄せで表示する
何も指定しない場合、ＨＰ上では左寄せ表示になります。
全体を中央寄せにしていて、一部のみ左寄せにしたいような場合は、
<div align="left">を使います。
<div align="left">この部分が左寄せで表示されます。</div>
上のタグで↓のようになります。
タグ
2011年5月 3日｜
カテゴリー：携帯サイトのHTMLタグ
HTMLタグ－背景の色などを変える
特別の指定をしない場合、HPの背景は白、文字の色は黒、リンクは青、選択済みのリンクは紫になります。
これらを変更する場合は、
<body>タグを <body bgcolor="背景色" text="文字色" link="リンク色" vlink="選択済みリンク色">のように変更します。
それぞれの色はカラーコードで指定します。
タグ
2011年5月 1日｜
カテゴリー：携帯サイトのHTMLタグ
モバイルトレジャーで携帯サイト作成
携帯サイトを作るツールが発売されました。
モバイルトレジャーです。
ツールを使うと、ブログのような感覚で、HTMLタグを使わなくても携帯サイトを作れます。
テンプレートやトップバナー画像が用意されているので、最初から見栄えの良い携帯サイトが作れます。
RSSや広告の自動取得機能を使って、記事を自動生成することもできます。
この辺のことなら、他にも同じような機能を持ったツールがあります。
モバイルトレジャーは、アクセスアップのための機能も付いています。
リンク集やブックマークに登録することができます。
更に、モバイルトレジャーを使って作成した携帯サイトを相互リンクする機能もあります。
私が一番注目したのは、この相互リンク機能です。
あと、他の人と同じようなサイトを自動生成するだけのツールなら買うつもりはなかったんですが、ヘッダー画像は147個もあるし、テンプレートのカスタマイズも可能なので、スパムになる心配はないかなと思いました。
これから実際にモバイルトレジャーを使ってみます。
タグ
2011年4月28日｜
カテゴリー：独自ドメインサイト
携帯サイト作成に無料ソフト「HTML Project2」を使う
携帯サイトは、デザインに凝ることもできませんし、使えるHTMLタグも限られているので、簡単に作ることができます。
ホームページ作成ソフトを使わなくても、TeraPadのようなテキストエディターで作れるのですが、ちょっと問題が・・・
HTMLタグが間違っていても気づきにくいのです。
表示が乱れても、どこがおかしいのか分かりにくかったり、多少の間違いならきれいに表示されてしまったりします。
私が使っているのは、「HTML Project2」という無料ソフトです。
→ HTML Project2のダウンロードはこちら
HTMLタグをプルダウンメニューから選んで入力できますし、タグのエラーチェック機能もあります。
携帯HP作成に「HTML Project2」のページに図解がありますが、
こうすると携帯サイトの作成には便利です。
プレビュー画面を更新して、確認しながら作成できますよ。
タグ
2011年4月27日｜
カテゴリー：独自ドメインサイト
HTMLタグ－HPの構成に使うタグ
携帯サイトの構成に最低限必要なタグの構成は次の通りです。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>タイトル</title>
</head>
<body>
携帯サイトの内容
</body>
</html>
TeraPadなどにコピーして使ってください。
タイトルを入力し、携帯サイトの内容の所に文章を書いたり、画像を貼ったりします。
「index.html」というファイル名で保存すれば、携帯サイトのトップページになります。
保存したファイルを開くと、ブラウザで表示されます。
実際に携帯で見るには、サーバーにアップロードする作業が必要になります。
タグ
2011年4月22日｜
カテゴリー：携帯サイトのHTMLタグ
HTMLタグ－流れる文字
<marquee>で流れる文字を表示できます。
携帯サイトは１行に表示できる文字数が少ないので、右から左に流れる文字を使ってアピール文などを書きます。
使い方は、↓のようにします。
<marquee bgcolor="カラーコード"><font color="カラーコード">流れる文字です。</font></marquee>
bgcolorに下地の色、font colorに文字の色を入れます。
キャリア(携帯会社)によっては背景色が出ないので、サイトの背景色と流れる文字の色が同じにならないようにしておきましょう。
下地をピンク、文字を赤にすると↓のようになります。
タグ
2011年4月15日｜
カテゴリー：携帯サイトのHTMLタグ
独自ドメインの取得
ドメインとは、インターネット上の住所と説明されていますが、
○○○.com のように表わされるもので、取得した人だけが使えます。
取得したドメインを独自ドメインと言っています。
サーバーをレンタルし、独自ドメインが使えるように設定し、携帯サイトをアップロードすると、http://○○○.com/ で携帯サイトが表示されるようになります。
PCサイトでも携帯サイトでもドメインに違いはありません。
取得したドメインをPCサイト、ブログ、携帯サイトのどれにでも使えます。
ドメインの取得は有料です。
.com .net .info .biz などなら年間1000円以下です。
ドメインを安く取得できるのは
キャンペーンをやっていると、かなり格安になっていることがあります。
最近は、おなまえ.comが特に安くてお勧めです。
ドメインを取得した後は、設定が必要になりますが、ドメインとレンタルサーバーの運営者が同じだと簡単にできます。
例えば、次のような組み合わせです。
ムームードメイン＋ロリポップ
バリュードメイン＋XREA
さくらサーバーやエックスサーバーでもドメインを取得できますが割高です。
バリュードメインで取得したドメインを、さくらサーバーで使うような場合も、ヘルプもあるし特別難しくないので、料金を基準に選んで問題ありません。
タグ
2011年3月30日｜
カテゴリー：独自ドメインサイト
テキストエディター TeraPadで携帯サイト作成
携帯サイトは、HP作成ソフトを使わなくても、テキストエディターでHTMLを書くことで作成できます。
Windowsに付属しているメモ帳でもできますが、TeraPadというフリーソフトの方が使い勝手が良いです。
TeraPadは、行番号の表示、１行の桁数を指定して折り返し表示、URLのカラー表示などができます。
設定を変更して、使いやすくカスタマイズしてください。
TeraPadで作成したものを通常通りに保存すると文書扱いになりますが、「○○○.html」というように拡張子をhtmlにして保存すると、ブラウザで表示することができます。
ただ、文字を入力するだけでは不十分で、ＨＴＭＬタグを使って書かなければなりません。
携帯サイトで使うＨＴＭＬタグは限られているので、実際に携帯サイトを作りながら覚えていけば大丈夫です。
独自ドメインで携帯サイトを作る場合は、TeraPadで作成したものをサーバーにアップロードすれば完了です。
無料HPスペースで携帯サイトを作る時も、入力スペースが小さくて作業しづらいなら、TeraPadで入力したものをコピーすると作りやすいです。
タグ
2010年11月 1日｜
カテゴリー：便利なソフト・ツール, 独自ドメインサイト