コース: MuseでWebサイトを作ろう
今すぐ登録して、24,000件以上登録されている、業界エキスパート指導のコースを受講しましょう。
フッターの位置を設定
このレッスンではフッターの位置を修正して ページの高さを最適なものに直します。 それではホームのページは 一通りのものが入って あるべきものが、あるべき位置にあって 完成した状態になっています。 ただ他のページを見てみると 例えばこっちですね、他の所見てみると メニューがあって大分余白があって フッターがあるといった状態になってます。 これから他のページは 別の内容が入るわけなんですが これがこんなにいっぱいの スペースが要るとは限らず 場合によっては余計なスペースが 空いてしまうということもありえます。 これなんですが、このホームのページの レイアウトの影響が残ってるので この様な余計なスペースが 空いてしまっています。 なので余計なスペースが 空かないようにマスターのぺージで フッターの位置を 最適に直してみましょう。 ではまず下準備なんですが このマスターを右クリックすると 出てくる項目の中で 「ページプロパティ...」、これを選びます そうすると「最小の高さ」というのが 1642 ピクセルになってます。 これは実はこのホームの内容を入れるのに 最適なピクセル数だったわけなんですが これがマスターに残ってしまってるので 本来、空でなければいけない部分にも この数字の影響で スペースができてしまっています。 ではこの「最小の高さ」、これを 700 ピクセルぐらいに直しましょう。 700 としましょう。 そして OK します。 そうすると、 マスターを開けるとページの高さが 低くなってますけど フッターが見えなくなってしまっています。 フッターどこに行ったかというと だいぶ下までスクロールすると こちらにちゃんと置いてあるので これを選択します。 選択したら 上にドラッグしていきます。 ドラッグしていって、フッターのエリアが 設定されている所まで持っていきます。 この部分ですね。 そしたら ちゃんと中央に赤線が表示されて センターにあることを確認して そしてフッターのエリア内 この線より下に置いてやります。 そうすると、これが 700 ピクセルに 収まってる状態です。 この状態にするとどうなるかというと 他のページを開けてみると 同じように、この様に 余計なスペースがなくなって 最適な高さとなっています。 一方「ホーム」ページを見てみると…
エクササイズファイルを使って実践してみましょう。
インストラクターがコースで使用しているファイルはダウンロードできます。見て、聞いて、練習することで、理解度を深めることができます。
コースをダウンロードして学習しましょう。
ラーニングコースをダウンロードしてオフラインで視聴しましょう。ダウンロードしたコースはLinkedInラーニングのモバイルアプリ (iOSまたはAndroid) で視聴できます。