yachin29 https://blog.hatena.ne.jp/yachin29/ WEBサイト制作の勉強 https://yachin29.hatenablog.com/ Webサイト制作 今回の制作のポイント メインビジュアルはヒーローヘッダーでbxsliderを使ってフェードで見せる お知らせ部分はajaxを使って外部データを読み込む Movie部分にmp4データを設置 Menu部分にモーダルウィンドを設置（jQuery） Access部分にGoogleMapを設置 Form部分にGoogleAPIを使ってお問い合わせフォームを導入 最近、よく見かける「１枚画像」を画面全体に表示させているようなフルスクリーンレイアウト。 「ヒーローヘッダー」と呼ばれています。 ヒーローヘッダー（Hero Header）とは、ウェブサイトのファーストビューに全画面の画像を使用するなど、巨大なイ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyachin29.hatenablog.com%2Fentry%2F2020%2F03%2F03%2F020955" title="ヒーローヘッダーを使ったサイト制作 - WEBサイト制作の勉強" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/yachin29/20170209/20170209004414.jpg Hatena Blog https://hatena.blog 2021-01-15 18:30:00 rich https://yachin29.hatenablog.com/entry/2020/03/03/020955 1.0 100%