Webであなたの夢が叶う! -94ページ目

Webであなたの夢が叶う!

Webを活用して一歩ずつ「夢」に近づきませんか?
みなさんのサポートブログです。    

こんにちは。
Webであなたの夢が叶う!のHirokoです。

googleマップとYahoo!マップを
ホームページやブログに掲載する方法をお伝えしましたが、
今回はWebページだけでなく、
普段よく使う文書などにも活用できる方法です。

イベントのチラシやショップカード、
リーフレットなどを作成する場合、
お店、サロン、教室の地図を簡単に
Excel,Word,PowerPointなどに貼り付けることができます。

googleマップは「実サイズでプレビュー」
Yahoo!マップは「地図のプレビュー」
で画面上に
プレビューを表示するところまでは
昨日、一昨日の内容を確認してくださいね。

では、カスタマイズ済みの地図が
画面に表示されている状態で

① まず、
画面のスクリーンショットを撮ります。


 Windowsをお使いの方は、
  
キーボードの[Print Screen]キーを押します。

 Mac
をお使いの方は、
  キーボードの
  [Command]キー + [Shift]キー + [3]キー
  [Command]キー + [Shift]キー + [4]キー を押します。

② つぎに
Excel,Word,PowerPointなど、
  地図を貼り付けるプログラムを開きます。

 Windowsをお使いの方は、
  
[Ctrl]キー + [V]キーでペーストします。

 Macをお使いの方は、
  [Command]キー + [V]キーでペーストします。

 ここまでで、地図の貼り付けは完了です。

③ 最後に地図の形を整えます。

  Excelでは、
貼り付けた画像を選択後、
  [書式]をクリック、画面右上の[トリミング]を選択して、
  不要な部分をカットしていきます。

  地図がきれいにできあがったら、
  他プログラムにも活用してみてくださいね。


今日も最後まで読んでいただいてありがとうございました。

こんにちは。
Webであなたの夢が叶う!のHirokoです。

ホームページやブログのアクセスページに
地図を掲載する方法Vol.2は、
yahoo!マップ
のカスタマイズ方法です。

Web上のアクセスページはとても大切なページで、
住所、連絡先電話番号、目的地までの行き方、地図から
お客さまに正確な情報を受け取っていただけます。

そして、ページを運営する側にとっては
SEO対策にもなるとお伝えしました。


では早速、
↓にアクセスしてください。
http://map.yahoo.co.jp/

画面に入力スペースが表示されますので、
ここに
 ・お店の住所
 ・サロンの住所
 ・教室の住所
など、表示させたいところの住所を入れます。



検索マークをクリックすると、地図が表示されます。



地図右上の「URL」アイコンをクリックすると、
ダイアログが出てきます。
その一番下の「地図のカスタマイズとプレビュー」をクリック。



すると、このような別ウインドウ表示になります。



「●地図の大きさ」のラジオボタンを「自由設定」にして、
横幅と縦幅に数値を入力します。

アメブロに貼り付ける場合、
2カラムなら幅300px × 高さ300px、
3カラムなら幅180px × 高さ200px
でしたね。

「地図のプレビュー」で地図を確認してくださいね。

確認OKであれば、
「この地図をブログ、サイトにはりつける」の
入力スペースのコードをコピーして、

フリープラグインに貼り付けてください。

ホームページなどに貼り付ける場合は、
横幅のサイズを調整して、
対象ページのHTMLにコピーしてくださいね。


今日も最後まで読んでいただいてありがとうございました。

こんにちは。
Webであなたの夢が叶う!のHirokoです。

Web上でお店、サロン、教室など人が集まるところの
アクセスページはとても大切なページです。

住所、連絡先電話番号、目的地までの行き方、
そして地図が掲載されていると、
お客さまは正確に情報を受け取れますね。

また、ページを運営する側にとっても
地図を掲載することでSEO対策にもなります。

ホームページやブログのアクセスページに
地図を掲載する方法Vol.1は、
googleマップ
のカスタマイズ方法です。

まず、↓にアクセスしてください。
http://maps.google.co.jp/

左上に入力スペースが表示されますので、
ここに
 ・お店の住所
 ・サロンの住所
 ・教室の住所
など、表示させたいところの住所を入れます。


検索マークをクリックすると、地図が表示されます。


左下の「歯車」マークをクリックすると、
吹き出しが出てきます。
その一番上の「地図を共有または埋め込む」をクリック。

このようなダイアログだ表示されますので、
「地図を埋め込む」タグをクリック。



左上のリストボックスをクリックして、
「カスタムサイズ」を選択します。
ここで地図サイズをカスタマイズします。

アメブロに貼り付ける場合、
2カラムなら幅300px × 高さ300px、
3カラムなら幅180px × 高さ200px

でしたね。

「実サイズでプレビュー」をクリックして、
地図を確認してくださいね。

確認OKであれば、
入力スペースのコードをコピーして、
フリープラグインに貼り付けてください。

ホームページなどに貼り付ける場合は、
横幅のサイズを調整して、
対象ページのHTMLにコピーしてくださいね。


今日も最後まで読んでいただいてありがとうございました。


こんにちは。
Webであなたの夢が叶う!のHirokoです。

Web用語について、お問い合わせをいただくことが
多くなってきていますので、
いくつかをピックアップしています。

ホームページ制作では、主に
 HTML:ホームページの仕組み、構造
 CSS:
ホームページのデザイン
 JaveScript:
ホームページの働き

を使ってコーディングしていきます。

今日jQuery(ジェイクエリー)についてです。

jQuery(ジェイクエリー)とは?

Webブラウザ用のJaveScript(ジャバスクリプト)のコードを
簡単に記述できるように軽量化された
ライブラリのこと。

ライブラリとは、
あるプログラムのよく使う機能を、
他のプログラムからも利用できるようにパーツ化して
一つのファイルにまとめたもの。
ライブラリは他のプログラムの一部としてのみ動作します。

jQuery(ジェイクエリー)は、
コードを書く人と
JaveScript(ジャバスクリプト)の
橋渡し役です。

この
jQuery(ジェイクエリー)には
プラグインが充実しています。

プラグインとは、
機能を追加する小さなプログラムのこと。
プラグインは差し込むという意味を持っています。
旅行のオプションツアーや

アイスクリームのトッピングをイメージすると
かりやすいでしょうか?

・項目が多くて長い「登録フォーム」を分割し、
          すっきり見せてくれるプラグイン
「もっと見る」ボタンを設置するプラグイン

などは組み込んですぐに使える便利なツールです。


今日も最後まで読んでいただいてありがとうございました。




こんにちは。
Webであなたの夢が叶う!のHirokoです。

Web用語について、お問い合わせをいただくことが
多くなってきていますので、
いくつかをピックアップしています。

ホームページ制作では、主に
 HTML:ホームページの仕組み、構造
 CSS:
ホームページのデザイン
 JaveScript:
ホームページの働き

を使ってコーディングしていきます。

今日はJaveScriptについてです。

JaveScript(ジャバスクリプト)とは?

Web上で双方向対話型のページを実現するために
開発された
スクリプト言語のことをいいます。
スクリプト言語とは、
プログラミング言語の一種で、
OSやアプリケーションソフトの動作や機能などを
台本(script)のように記述しておく
簡易プログラミング言語のことをいいます。

Webページで、ユーザーがある操作をすることで、
何らかの反応を返す性質のものがあります。
例えば、
画像をクリックすると大きな画像に切り替わったり、
マウスオーバーするとボタンの色が変わったり、
しますね。

このように、
JaveScript
(ジャバスクリプト)では、
HTMLやCSSでは表現できないような機能を
付け加えることができます。

例えば、
 ・簡単な四則演算
 ・三角関数や円周率の計算
 ・誕生日から年齢を算出
 ・カレンダーから日数を割り出す
などの計算や、
ホームページ上に
 ・ツイッターのツイートを表示
 ・Google Map を表示
 ・Facebookの「いいね!」ボタンを表示
 ・Amazonの書籍データを表示
などを可能にしてくれます。

便利なJaveScript(ジャバスクリプト)ですが、
これをもう少し簡単にしたものに
jQuery
(ジェイクエリー)があるのですが、
次回は、この
jQuery(ジェイクエリー)についてお伝えしますね



今日も最後まで読んでいただいてありがとうございました。