Muse基本講座

リンクのスタイル

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
リンクの設定されたテキストの表示スタイルを変更するリンクスタイルの編集について解説します。
講師:
04:17

字幕

このレッスンでは リンクスタイルの編集を行います この ABOUT ME のページを開けてみましょう 下の方に行くとリンクがありますね contact page のリンクですが 青で下線付きがリンクの印となっています こういうスタイルが多いですが このデザインを変えたいという場合は デザインを変えることも可能です そのときは「ファイル」メニューの 「サイトプロパティ」を実行します するとこの中の「コンテンツ」に 「ハイパーリンク」というのがあります いま「デフォルトのリンクスタイル」と ありますが 「通常」「ホバー」「表示済」 「アクティブ」とあります 「通常」というのは何もしていない このリンクの表示ですね 「ホバー」というのはマウスを重ねたとき 「表示済」は もう行ったことのあるリンクとか 各状態を表していますが 通常時なので今は青になっていますね このスタイルを新しく作ってやることで リンクなのに違うデザインを 作ることができます ではこのアイコンをクリックして 新しく作ります そしてダブルクリックしたら 「2」と入れておきましょう Enter すると閉じてしまうので どこかをクリックします そうしたら これを変えましょう 通常はオレンジ そして他も全部オレンジと 色が変わらないようにしましょう ただこれだとリンクかどうか 分からなくなりやすいので こういった所もダブルクリックして外して 「ホバー」ーマウスを重ねたときだけ 下線が表示されるという仕様にしてみましょう これで OK すると 記憶されました ではテキストツールで この部分を選択して ハイパーリンクの ここをクリックします そして今「テキストのリンクスタイル」が 「デフォルトのリンクスタイル」に なっていますが これを「 2 」に切り替えます 色が変わりましたね 動きをこのままでは見られないので プレビューに切り替えてみましょう すると見た目オレンジであって マウスを持っていくとこのように 下線が表示されますね このように 新しいデザインを作ることができます これが有効なときは例えば これは HOME の画面ですが THINGS だけにリンクを張りたい などという場合 青になっていますが これではロゴと合わないですね こういうときも有効ですね リンクスタイルは 選択してから 「ハイパーリンク」の 「リンクスタイルを編集」からも飛べます また新しく作って これは「3」にしておきましょう 色は全部 見出しなので変えないようにして 白にして 他のものも外していって ホバーの時だけ下線が出るようにしましょう そして OK します そうしたら ここから 「 3 」を選びます そしてプレビューすると こんな感じで 見た目は さっぱりリンクっぽくないですが マウスを持っていくと パッとこのように表示されます それに加えて ここの部分に 「ハイパーリンク」から 「ツールヒント」という所に 例えばこのように文章を入れると 今度はマウスを持っていったときに このようなツールヒントが出てきますね こういったものも補って使うと より分かりやすくなります ぜひともこの機能を使ってみてください

Muse基本講座

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

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

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

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

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