HP構造
HomePageの構造に関するメモです。
まじで自分向けのやつです。
基本的にはCSやHTML、文言の統一などを羅列しています。
HTML
HTMLは大きく2部から構成される。
- head HPの情報を記述する。
- body 記事の記述を行う。
タイトルやディスクリプションがここ。
実際に表示される場所。
head
body
- header logo,groval_naviがここに分類されている。
- main main,sidebarがここに分類されている。
- footer footer_naviがここに分類されている。
(グローバルナビゲーションの正しい綴は"Global Navigation")
main内のmainの中にbread_crumbが有る。
ID
- groval_navi navタグのグローバルナビゲーション
- sidebar divタグのサイトバー
デザイン
ホームページ幅:980px
メインコンテンツ幅:730px
サイドバー幅:240px
767px以下だとスマートフォンサイズになる。
スライド作成
サンプル付き!簡単にスライドを作れるライブラリSwiper.js超解説(基礎編)
最終更新:2021/08/24