allgreen998の備忘録

HP構造

HomePageの構造に関するメモです。
まじで自分向けのやつです。
基本的にはCSやHTML、文言の統一などを羅列しています。

HTML

HTMLは大きく2部から構成される。

  • head
  • HPの情報を記述する。
    タイトルやディスクリプションがここ。
  • body
  • 記事の記述を行う。
    実際に表示される場所。

head

body

  • header
  • logo,groval_naviがここに分類されている。
    (グローバルナビゲーションの正しい綴は"Global Navigation")
  • main
  • main,sidebarがここに分類されている。
    main内のmainの中にbread_crumbが有る。
  • footer
  • footer_naviがここに分類されている。

ID

  • groval_navi
  • navタグのグローバルナビゲーション
  • sidebar
  • divタグのサイトバー

デザイン

ホームページ幅:980px
メインコンテンツ幅:730px
サイドバー幅:240px
767px以下だとスマートフォンサイズになる。

スライド作成

サンプル付き!簡単にスライドを作れるライブラリSwiper.js超解説(基礎編)

最終更新:2021/08/24