yoshimi's blog

こんにちは！よしみです！
遅ればせながら2022年もよろしくどうぞ

新しい年を迎えたということで、この度HPをリニューアルいたしましたパチパチ！
​atelier yoshimi http://atelier443.ehoh.net/

昨年からコツコツとリニューアル作業進めてきておりまして、今年はじめに、やっと日の目を見ました
リニューアルするために、とても参考になったサイトはこちら
​https://helpx.adobe.com/jp/dreamweaver/how-to/create-responsive-navigation-menu.html​
アドビのチュートリアル動画です。

PC、タブレット、スマホそれぞれでの表示が変わるhtmlをdreamweaverで作る方法です。
私初心者ですが、すごく分かりやすかったでーす。
というか、今回のリニューアルしたHP、このチュートリアルのまんまなページですw

どんな感じかチラ見せしますと・・
PCで表示すると↓




Padで表示すると↓



スマホで表示すると↓


このように見る媒体によってサイズが変わりまーす（やったーできたー）
レスポンシブデザインというらしいでーす。

古いHPサイトは、PC表示のみしかできなかったので、できてとってもうれしいです
スマホからも見やすくなっているので、お時間あるときに見てみてくださいね