Muse基本講座

手動でメニューを作成

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
ページが1つしか無い状態でアンカーにリンクするような場合のために、手動でメニューの項目を増やす手順を解説します。
講師:
04:03

字幕

このレッスンでは 手動でメニューを作る手順を解説します 今 このファイルのページは 「 HOME 」の1ページだけです まだ メニューが作られていなくて この「 HOME 」のページ中には アンカーが設置してあります では メニューを作るために 「マスター」のページを開けます そうしたら「ウィジェットライブラリ」から 「メニュー」の「水平方向」 これをドラッグして出してきます そうすると ボタンがでっかい1個だけ 「 HOME 」だけのメニューができました 自動でできる ダイナミックメニューの場合は ページ数に応じて自動で作られるので ページが1ページしかないので 1個しかできないのです これを手動で増やしてみましょう メニューを選んでいる状態で 青丸をクリックして 「メニューの種類」が今 「トップレベルページ」となっていますが これを「手動」にします すると「 HOME 」ではなくて [NAME] という名前になりました これを2回クリックすると この様に + (プラス)が表示されます そして + をクリックすると ボタンが増えます この様にクリックして さらに + をクリックすると ボタンが増えていきます 全部で5個のボタンにしてみましょう これをドラッグすると動くので 上の所へ持っていきます そして 上下の幅を合わせて 横も延ばしてみましょう これで メニューの基本ができました そうしたら「テキストツール」にして それぞれの名前の所を書いていきましょう 最初が「 HOME 」 次が「 SERVICES 」 次が「 WORK 」 次が「 TEAM 」 最後が「 CONTACT 」 それぞれの内容を入れていきます そうしたら次に ここのボタンの部分をクリックして この「リンク」の所を開けると アンカーが出てきますので これで例えば「 HOME 」だけ「 top 」です 「 HOME 」は「 top 」にあたります 次に「 SERVICES 」ですが これですね あとは書いてある項目と一緒です 「 WORK 」です これを2回クリックします 1回2回クリックすると ボタン単体で選べます ここを気を付けてください 1回クリックして解除して 「 CONTACT 」を1回2回 これで選択できます こんな風になりました では 「 HOME 」の画面に行って プレビューしてみましょう すると それぞれのボタンの 例えば 「 SERVICES 」をクリックすると アンカーのある位置に移動します 「 WORK 」はここです 「 TEAM 」はここで 「 CONTACT 」はここです こんな感じに 好きな数だけ ボタンを作ることができました こんな感じで 自動で作られる機能では 1個のボタンになってしまう この「 HOME 」だけ 1ページだけの構成でも マニュアルで手動で作れば 好きな数のボタンの メニューを作ることが可能です

Muse基本講座

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

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

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

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

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