こんにちは。


ホームページ作成に挑戦しているHPチャレンジャーです。



携帯サイトを作成しています。


以下のスケジュールで携帯サイトを作成しています。


ホームページ作成に挑戦!~テンプレートでプロ級に~-携帯サイトスケジュール



今回は第2回 タイトルバーにタイトルを掲載する手順です。



下の状態から文字を入れていきます。


ホームページ作成に挑戦!~テンプレートでプロ級に~-携帯テンプレート



変更する箇所は流れる文章タイトルバーです。



ソースでは赤枠のところになります(クリックで拡大できます)。


ホームページ作成に挑戦!~テンプレートでプロ級に~-mobile-title



赤枠の部分を例えば「携帯サイトを作成中!」という文章を入れると ↓ のようになります。



ホームページ作成に挑戦!~テンプレートでプロ級に~-mobile-title2


さらに、画像の上にサイトタイトルを入れます。



これはソースに文字を入れるのではなく、画像の上に文字を入れる形になります。



具体的には、JTrimという画像加工ソフトを使います。



これを使って例えば「ホームページ作成サービス」というサイトタイトルを入れると ↓ のようになります。



ホームページ作成に挑戦!~テンプレートでプロ級に~-mobile-title3


少しぼやけていますが、ここはいくらでも修正ができます。



今回はここまでです。



次回は第3回 メインコンテンツに情報を追加する手順についてです。





こんにちは。


ホームページ作成に挑戦しているHPチャレンジャーです。



携帯サイトの作成を開始します。


以下のスケジュールで携帯サイトを作成していきます。


ホームページ作成に挑戦!~テンプレートでプロ級に~-携帯サイトスケジュール


今回は第1回 ホームページの基本情報を変更する手順です。



使うテンプレートはこれです。↓



ホームページ作成に挑戦!~テンプレートでプロ級に~-携帯テンプレート



携帯サイトの作成をPC上で行います。



下のようなiモードシュミレータというものを使い、携帯と同じ大きさの画面で確認しながら作成していきます。


ホームページ作成に挑戦!~テンプレートでプロ級に~-imode-simulator



右の画面にテンプレートのHTMLアイコンを乗せると上のようなテンプレートの画面がでます。



今回は基本情報の変更をします。



下のソースの赤枠のところを変更します(クリックで拡大できます)。


ホームページ作成に挑戦!~テンプレートでプロ級に~-html-1



descriptionはこのホームページの内容の説明、keywordsは内容に合ったキーワードをいくつか記入します。



その下のtitleの部分にホームページのタイトルを記入します。




これらの情報はホームページには表示されませんが、SEOの基本として必要になります。



他のすべてのページで同じことを行います。



今回の作業はこれでおしまいです。




次回は第2回 タイトルバーにタイトルを掲載する手順についてです。



こんにちは。


ホームページ作成に挑戦しているHPチャレンジャーです。



今回から携帯サイトを作成していきます。



まず、使用するテンプレートはこれです。↓



ホームページ作成に挑戦!~テンプレートでプロ級に~-携帯テンプレート



このテンプレートを使って携帯サイトを作成していきます。


変更するところは、文字が書かれているところと画像です。


作業自体はPC用ホームページと同じです。


画面が小さいので、PC用ホームページよりもシンプルになります。


画像もたくさん使うわけではありません。



完成までの時間もかなり短くなります。



これまでPC用のホームページを時間をかけて作成してきましたので、非常に楽に感じますね。


初心者であれば、こちらの方が簡単かもしれませんね。



次回から、このテンプレートに文字や画像を入れていきます。