ホームページに取り込もう. » 今回、大きく変わっています。 » もちろん・・・ブラウザや GM バージョンに よって外観が微妙に違う。 » 試行中で、ユーザー選択により 移行するはずだが、 Windows8 ではアップデート時に自動移行 しているらしい。 » （今回は元バージョンを使う） 右上から、選択.

Presentation on theme: "ホームページに取り込もう. » 今回、大きく変わっています。 » もちろん・・・ブラウザや GM バージョンに よって外観が微妙に違う。 » 試行中で、ユーザー選択により 移行するはずだが、 Windows8 ではアップデート時に自動移行 しているらしい。 » （今回は元バージョンを使う） 右上から、選択."— Presentation transcript:

1 ホームページに取り込もう

2 » 今回、大きく変わっています。 » もちろん・・・ブラウザや GM バージョンに よって外観が微妙に違う。 » 試行中で、ユーザー選択により 移行するはずだが、 Windows8 ではアップデート時に自動移行 しているらしい。 » （今回は元バージョンを使う） 右上から、選択

3

4 検索窓 左側パネル地図パネル ルート・乗換案内 マイプレイス 印刷 リンク 左パネル を閉じる

5 » ① 場所を調べる。 → 印刷 » ② ルートを調べる。 → 印刷 » ③ 場所を知らせる。 → はがき、メール、 HP » ④ 調べる・遊ぶ・・・検索・ルート・スト リートビュー・ 3D » ⑤ ホームページコンテンツ

6 » １．検索窓に入力 ˃ 住所・建物名・電話番号・郵便番号・ほぼ何でも！ ˃ 札幌シニアネットはだめ。登録する。 » ２．マーカーが付いて中央に。マーカー » ３．印刷ボタン » ４．印刷は原則タテ。 ˃ 右上に情報欄があるので、検索名や理由などを入れる。 ˃ 適当な大きさ（場所と最寄駅など）に変えると便利。

7 » １．ルート・乗換案内 ˃ 車・公共・歩 選ぶ。 ˃ 上 A 出発地 ˃ 下 B 到着地 ˃ （検索） » ２．パネル → » ３．地図 ・・ 出発地と到着地に 緑マーカー

8 » １．ルート・乗換案内の２ » ２．目的地の追加 ˃ クリック ˃ 中継地を記入。 ˃ 緑の ● を順序の場所に 移動させる » ３．オプション ˃ 車 ↓ 電車 →

9 » はがきで送る・渡す。 ˃ １．印刷したものをそのまま使用（切り貼りなど）。 ˃ ２．複数印刷：データとして使用する場合・・・ キャプチャ：「プリントスクリーン」「スニッピング」 » メールに添付・・・ 短縮 URL → 送信 » ホームページに表示 ˃ キャプチャ・短縮 URL も OK インラインフレーム ˃ 上図の下側 インラインフレーム での貼付。

10 » ④ 調べる・遊ぶ・・・ 検索・ルート・ストリートビュー・ 3D (1) 空想の旅。 (2) 地球探検 (3) 写真 (4) ストリートビューで札幌ドーム (5) 地球儀ソフト (G アース ) で 3D » ⑤ ホームページのコンテンツとして利用 ˃ 例：地図クラブ 例：長島さん 例：新田さん {blog}地図クラブ長島さん新田さん ˃ 例：橋本さん（参考：電子国土）橋本さん（参考：電子国土） ˃ 例：友野さん キャプチャ → イメージマップ友野さん

11 » 検索 札幌駅 と入れる。 » アイコン（赤いマーカー）を確認 プラスを三回クリック。 » 印刷ボタンクリック → 印刷プレビュー この画面でも移動、拡大・縮小できます。 » メモに、集合場所：札幌駅と書く。 » 印刷ボタンを確認

12 ルート・乗換案内 » (1) ルート・乗換案内をクリック。 » (2) 電車を選択。 » (3) A に、琴似駅と書き、琴似駅 (JR) を選ぶ （枠に入る） » (4) B に、市民活動プラザ星園と書き選択。 » (5) 検索 » (6) ルート一覧から選ぶ。地図確認 ˃4 番目に、歩いて地下鉄に行くルートがある！ ( 安！ )

13 » ( ブラウザ )G マップは、ホームページに貼り 付けるためのソースを用意 右クリック コピー ˃ 推奨：メモ帳に貼付 » ( ビルダー ) 地図挿入場所にカーソル → ページソースを開き、右クリック貼り付け

14 大きな地図で見る

15 » ◆ 貼付操作に慣れたらカスタマイズ ˃ 小： width="300" height="300" ˃ 中： width="425" height="350" ˃ 大： width="640" height="480" ˃ カスタム + カスタムに ● したら、幅と高さを入力 » 一番下のソースをコピー » メモ帳に貼り付け

16

17 » １）メモ帳を立ち上げておく » ２）地図を開く » ３）札幌駅を検索 » ４）「埋め込み地図のカスタマイズとプレ ビュー」小に ● » ５） HTML ソースをコピー » ６）メモ帳に貼り付け

18 » １）メモ帳はそのまま立ち上げておく » ２）地図に戻る » ３）「ルート・乗換案内」 A 札幌駅 B 釧路駅 → 検索 » ４）カスタマイズとプレビュー カスタマイズ 900×100 » ５） HTML ソースをコピー » ６）メモ帳に貼り付け » ７）ブラウザを閉じる

19 » ビルダーを立ち上げ » サイトの新規作成 → 「 map 」 → 既存ページ をトップページとして使用 → 参照 » デスクトップ →2013 年例会 →2013.10.07. 例 会資料 →map→index.html » 次へ → 上に ●→ 完了 上に ● » Index.html ・・・完成ページ 右 » 「練習ページを開く」右 → 「リンク先ペー ジを開く」 → 名前を付けて保存。

20 » メモ帳の札幌駅のソースをコピー » 真ん中のセルにカーソルを入れる。 » 「ページ／ソース」を開く » の前にカーソルを入れて、右クリック 貼り付け

21 » メモ帳の『あおぞら』のソースをコピー » 下のセルにカーソルを入れる。 » 「ページ／ソース」を開く » の前にカーソルを入れて、右クリック 貼り付け

22 » 上書き保存 » ブラウザで確認 » ftp 転送して確認 ˃ ネット地図の場合は、インターネット上のサーバを直接利用し ますので、セキュリティ上、 PC 上ではうまく動かないことがあ ります。 作成ページを自分のサイトに転送して、正常に動くかどうか、 確認してください。 » 良くできました◎

23