サイトのURLはこちら⇨https://work1.tt-web.xyz/
制作の目的
HTML/CSS/jQueryの知識があり、一からコーディングしてサイト作成ができることを認知していただくため。
制作期間
1週間
PC版のサイト構成
①ヘッダーナビは左側に配置し、位置はスクロールしても固定。
②画面右側にメインコンテンツを配置
③「建築事例をご紹介」「明るいHOUSEの特徴」の背景を透過させ、なおかつ下に行くほど画面が暗くなるよう設定
④「家ができるまでの流れ」の部分はフロー図は画像を使わずにCSSで作成
⑤お問い合わせの「資料請求」「Web説明会」「個別相談」はマウスを当てると、線が太くなるように設定
⑥サイト画面をTOPより700px以上したへ移動させると右下にTOPへ戻るアイコンが出現
スマホ版のサイト構成
①ヘッダーを上部に固定。
②ヘッダー右側の３本線のアイコンをクリックすると、左側よりメニューが出現するように設定。背景画像を暗くする。