 |
 |
 |
 |
携帯用webサイト自動構築・管理 概要
|
 |
|
|
 |
★携帯用ホームページ作成ツールを使って、携帯用webサイトを自動構築
|
 |
 「 携帯用ホームページ作成ツール」は、弊社が開発したwebアプリケーションです。
 htmlの知識の無い方でも、簡単操作で携帯用ホームページを作成できます。
左図は、携帯用webサイトトップページのサンプルです。
 PCのブラウザを立ち上げ、「 携帯用ホームページ作成ツール」(携帯用webサイト管理画面)にアクセスして、必要事項を入力したり、画像をアップして携帯用ホームページを新規作成します。同様に更新、変更も可能です。
 ここで操作した更新、変更は、瞬時に携帯webサイトに反映します。また、更新、変更を反映させる日時を設定しておくこともできます。
|
 管理画面から、 【新規登録】ボタンを押して、新規でホームページを作成。
【編集する】ボタンを押して、すでに登録されている内容の編集。
【複写する】ボタンを押して、作成済みのwebページを基に新たに別のページを作成する場合に使います。一部分のみを変更して連番ページを作成するなどの場合に便利です。
|
|
|
 |
★携帯用webページ編集
|
 |
【画面左側】
すでに登録されているメニューが一覧表示されています。各メニューをクリックすると、メニュー追加、またはページ編集が可能です。
【画面中央】携帯イメージ画面の中に、選択しているページがプレビュー表示されます。携帯画面での見え方がおおよそ掴めます。
【画面中央】webページの内容を編集するエリアです。「メニューの変更・追加・削除モード」か、「ページ編集モード」に画面表示が切り替わります。また、予め登録しておいた画像を指定して表示させることができます。
【メニューに対する設定】
表示順:メニュー掲載の表示順を指定します。
NEWフラグ:メニュータイトル横に【NEW】マークが表示されます。
上線:タイトル上部に、ラインが表示されます。
下線:タイトル下部に、ラインが表示されます。
画像追加:予め登録された画像を選択します。
画像挿入箇所:上線の上/リンクの上/リンクの下/下線の下
|
 |
 |
 |
★携帯用webページ編集(タグボタンの使用法)
|
 |
【htmlタグアイコン】左図上部
左から、「中央寄せ」「右寄せ」「左寄せ」「文字色」「線」「絵文字」。下部の図は「文字色」「線」「絵文字」に対応する各パレット。
【使用方法】
 修飾対象となる文字を選択。
 該当のアイコンをクリック。
 その部分のソースにhtmlタグが自動入力されます。
 文字色変更は、「カラーパレット」から色を選択。
 線と絵文字については、編集中の内容の最後に専用タグが入力されます(自動入力されたタグをコピーペーストで移動させることは可能)。
|
 |
|
|
 |
★携帯用webページ編集(画像管理)
|
 |
【画像の登録】
 携帯用webサイトで使用する画像を予め登録しておきます。ここで登録した画像は、ページ登録・削除画面の「画像追加エリア」から、いつでも画像を選択することで、ページ内に表示させることができます。画像が選択されると、「%IMG_XX%」という画像用タグが自動挿入され、管理されます。
 画像の登録は、【参照】ボタンをクリックし、表示されるダイアログから、ご自分のPC内や外付けHDD、USBメモリーなどの画像を選択します。【画像】と書かれたエリアに画像のファイル名が表示されます。
 次に、画像のタイトルを決め、【タイトル】と書かれたエリアに入力します。タイトルは、時間が経過しても、画像ファイルを分りやすく管理するための名称です(各画像の右側にある名称)。
 以上が終わったら、【画像の追加】ボタンをクリックして登録完了です。続けて画像を登録する場合は、同じことを繰り返します。
【画像の削除】
 各画像の左側にある【削除】ボタンをクリックします。すると削除の確認画面になりますので、ここで、【削除する】ボタンをクリックすると、画像が削除されます。削除を取りやめる場合は、なにも押さず前のページへ戻ってください。
|
|
 |
 |
 |