一人で抱え込まないで下さい

状況を丁寧に伺い、今できることを整理。初めての方にも、わかりやすくご案内します。

frame-F1-FULL-image1-2menu

  • 単純に画像を1枚おいただけのタイプです。
  • 画面をスクロールで上下させると、ヘッダーが消えたり出現したりします。
  • デモでは少ないコンテンツ量でもアクションが確認できるよう、sectionにインラインスタイルを直接指定しています。実際にはこのsectionは使わないで下さい。無駄な余白が発生します。
  • html側にメニューブロックが2箇所あります。1つはheader内、もう1つはhtmlの下の方です。それぞれ書き換えて下さい。
  • 画面幅800px以下の端末向けに小さな画像を使いたい場合は、htmlのsrcsetで指定されている画像ファイル名を準備したものに書き換えて下さい。デフォルトでは大きな端末用と同じファイルが指定されています。mediaの値はcssのメディアクエリと同じなので、例えば縦長端末用などの指定もできます。
  • テキストブロックはデフォルトでセンタリングされますが、左寄せしたいなら「text-parts」を「text-parts left-parts」に、右寄せにしたいなら「text-parts right-parts」にして下さい。
《Web Design:Template-Party》