Web
  メイキングWebデザイン【初級編】Adobe GoLive & Live Motionではじめよう!
page: 1 2 3 4 5 6 7 8 9 10 11 12
5.Eメールリンクをつくる
contact」のページには、クリックすると訪問者側のメールソフトが立ち上がる「Eメールリンク」を設定した。まず、「オブジェクト」パレットの「サイトタブ」から[アドレス]アイコンをドラッグして「外部参照タブ」に入れる。
Eメールリンクをつくる Eメールリンクをつくる
「untitled address」という項目が追加さる。名前は「info」とした([アドレスグループ]アイコンをドラッグして、その中に[アドレス]を複数つくることも可能)
インスペクタが「参照インスペクタ」に変化するので、[URL]にメールアドレスを入力する。入力前は「mailto:untitled@1/」と表示されるが、注意してほしいのは「mailto:」の部分を残す、ということ。 参照インスペクタ
「untitled address」という項目が追加さる。名前は「info」とした([アドレスグループ]アイコンをドラッグして、その中に[アドレス]を複数つくることも可能)


6.文字列にEメールリンクを適用
リンクを張りたい文字列を選択してインスペクタパレットの「リンクタブ」を選び、[新規リンク]ボタンをクリック。「ポイント&シュート」を使って、「外部参照タブ」の「info」につなげる。

文字列にEメールリンクを適用
文字列にEメールリンクを適用 今回はリンクを張る文字列自体もメールアドレスにしたが、当然「click here !」のような文字にも張れる


各ページにリンクを張ってWebサイトを完成させる KEYWORD リンク サイトウィンドウ
Webサイトを構成するページを作成したら、それらをリンクで相互につなぎサイトを完成させよう。すべてのページに配置してあるナビゲーションバーのボタンから、各ページにジャンプできるよう指定する。


1.「HOME」ボタンにリンクを設定
最初に「サイトウインドウ」が拡張表示(左右に分割)されているか確認する。右側のウインドウにある「エクストラタブ」をクリックし「rainbow.data」フォルダとその内容を表示。「Components」フォルダに「navi.html」があるので、ダブルクリックして起ち上げる。この「navi.html」ページのナビゲーションバーにある「HOME」ボタンの画像をクリック。この操作でインスペクタは「画像インスペクタ」にかわる。ここで「リンクタブ」を選択し、チェーンのようなマークの[新規リンク]ボタンをクリックする。

ボタンにリンクを設定
外部URLへのリンクについての説明を参照
ボタンにリンクを設定


トップに戻る


back next
メイキングWebデザイン【初級編】
Webデザインの潮流
Webサイト全体の構造
新規Webサイトを製作するための準備
ナビゲーションの製作
画像の配置と整列
コンテンツページのレイアウト
ページを仕上げる
外部URLへのリンクと
  Eメールリンクの設定

各ページにリンクを張って
  Webサイトを完成させる
 
メイキングWebデザイン
【初級編】
【中級編】
【上級編】

ダウンロード
サンプルテンプレート

フリーボタン素材
・印刷用PDF
STEP1〜3 (PDF: 337KB/3 ページ)
- GoLiveによるWebサイト構築
STEP4〜8 (PDF: 530KB/5 ページ)
- Rainbow Graphicsの製作過程
STEP9〜10 (PDF: 272KB/3 ページ)
- LiveMotionでアニメーション製作
STEP11〜12 (PDF: 126KB/1 ページ)
- サイトの完成、公開の準備