ハタラクカタチのWebサイトを作ります

employees_view add:グーグルフォント追加 2 years ago
hataraku_view fix:ファイルの場所 2 years ago
img add:ハタラクカタチのヘッダー 2 years ago
presidents_view add:グーグルフォント追加 2 years ago
voice add:グーグルフォント追加 2 years ago
README.md Update README.md 2 years ago
hataraku.css add:グーグルフォント追加 2 years ago
rule.tx add:ハタラクカタチのhtml cssファイル追加 2 years ago
README.md

hatarakuweb

ハタラクカタチのWebサイトを作ります

メンバー

  • 伊藤理乃
  • 児玉一真
  • 小林龍永

作るページの種類

  • 企業紹介ページ(デザイン完成してるやつ)りの
  • 社長ページ ※りゅうえい
  • 社員ページ ※りの、りゅうえい
  • バスツアーページ ※りの、りゅうえい
  • みんなの声ページ(保留) こだま

作るときのルール

  • フォント Google Fonts の「Noto Sans」と「Noto Sans JP」を使用します。(まだ未定)

  • コンテンツ幅 コンテンツの最大幅は1200pxで横のパディングは16px(変更する可能性あり) グローバルナビゲーションとフッター背景だけ全幅(width:100%;)にします。

  • ヘッダー PC、スマホ時ともに固定する。 ロゴの下に全幅のグローバルナビゲーションを配置する。 グローバルナビゲーションのメニューは1200pxの中におさめます。

  • 企業一覧エリア、サイドバー メインエリアとサイドバーを横並びに配置します。(flex) それぞれのコンテンツの横幅は、レスポンシブ時にはflexが上下に変わるようにする。 社長編エリア、サイドバーともに記事の抜粋が多いので、articleタグを使う

  • フッター 一番下にコピーライトを載せる

  • CSSはわかりやすく、探しやすく、再利用しやすく、拡張しやすくする

  • h2タグにはsection-titleというclass名をつけて全てのページを共通化させる