Muse基本講座

リンクを作成する

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
特定のテキストや画像などにリンクを設定し、それを様々な方法で開くためのテクニックを解説します。
講師:
03:28

字幕

このレッスンでは リンクの作成について解説します Web ページを作る上で リンクはとても大切なものです たとえばこの ABOUT ME というページを開けて この中に contact page という記載がありますが contact pageから 「コンタクト下さい」と言っているのですが ここですぐクリックできて移動できると コンタクトしてくれるかも知れませんね そういう場合には このサイトの中の こちらの CONTACT ME というページに リンクを張りたいわけですが そのとき 同じサイト内でリンクを張りたいときは まずテキストツールを選びます そして該当する部分のテキストを選びます その状態でこちらを見ると ここに「ハイパーリンク」「リンクを 追加またはフィルター」という部分があるので この▼を押してメニューを出すと ここにサイト内のページが表示されています ここで「 CONTACT ME 」を選ぶと このように色が変わって リンクの色になりましたね たとえばここで「ハイパーリンク」 という所をクリックして 「新規ウインドウまたは新規タブで リンクを開く」にチェックが入っていると 同じタブ ウィンドウではなく 別のタブやウィンドウで開くようになります 外部のサイトにリンクを張るとき 自分のページを閉じられないように チェックを入れると良いですね ではこの状態でプレビューしてみましょう ブラウザで実際にプレビューしてみると ABOUT ME の中に contact page というリンクがあって クリックすると CONTACT ME にちゃんとリンクしていますね こうして個々にリンクを張っていく他に 例えばマスターページを開けて ズームレベルを少し下げます すると全ページに共通して この SNS のアイコン Twitter, Facebook, google+ を 1 箇所でやっておけば OK です これはみんな画像なんですけれど 画像もクリックして選択すると 同じものが出てくるので 今度は外部サイトですね こういった場合には じかにURL (アドレス) を入れます たとえば http://twitter.com Enter すると 入りますね これは手打ちだと本当は間違いやすいので コピペで入れてもらうと良いと思います Facebook も http://facebook.com と google+ も同じように http://plus.google.comと こんなふうに入れてあげます これをブラウザでサイトプレビューしてみると たとえば Twitter をクリックすれば ちゃんと Twitter に行きますね 戻って 他のページで 今度は Facebook に行ってみようとすると ちゃんと Facebook にアクセスして Facebook に行きますね このようにして全ページ共通の要素に 画像もリンクの張り方は全く同じです このテキストや画像にリンクを張る方法は 基本中の基本なので ぜひとも覚えておいてください

Muse基本講座

Adobe MuseはHTMLやCSSといった専門知識がなくても、IllustratorやInDesignを使うような感覚で手軽にWebサイトをデザインできるソフトです。このコースではMuseを使ってページに文章や写真をレイアウトするやり方やグラフィックの作成、モバイル機器に対応したサイトの作成方法などについて学習します。

3時間55分 (72 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2015年05月20日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。