デイトラ【Web制作コース】中級最終課題【Onomichi】
当サイトはアフィリエイト広告を利用していますデイトラの「Web制作 コース中級最終課題」
架空の、尾道の観光案内紹介の、トップページ
中級の段階では、WordPressは使っていません。
HTML・CSS(Sass)・JavaScript(jQuery)で作った静的ページです。
実際のページ表示リンク
架空サービスなのでBasic認証で、表示にはパスワードが必要です。
—
ID:shu-web
Password:pass
—
を入力してください。
CSS
absoluteとvw、%、clamp()などによるレスポンシブ配置
グリッドレイアウトによる複数行表示(画像)
iframeを使ったmapの埋め込み(画像)
JavaScript(jQuery)
スマホ表示時のハンバーガーメニュー
close:右上の三本線ボタン
open:画面全体を覆うモーダル
Topに戻るボタン
Topから、指定px下に移動で表示、画面右下固定表示