日曜エンジニアのIT道場
ITを学び、DXに備える
    作ったアプリ

    雀荘のランディングページを作ってみた

    HTMLとCSSだけで簡単なWebページを作ってみました。

    • 架空の雀荘のランディングページです。
    • HTMLとCSSで作った静的ページです。

     

    実際につくったWebページはこちら:東金の雀荘こしあん

     

     

    必要な技術

    必要な技術を一覧にまとめました。

    • ヘッダーの固定
    • navメニューの横並び
    • 画像を丸く切り抜く
    • グーグルマップの埋め込み
    • タップすると電話をかけるリンク
    • CSSで改行する
    • レスポンシブ化

     

     

    意識したこと

    • HTMLタグを適切に使用する(header、main、footer)
    • スタイル、配置がうまくいかない時は、一度「background-color」で要素に色をつけてテストする。
    • わからないことはひたすらググる。

     

     

    まとめ

    Progateを終えたら「シンプルなWebページをマネして作ってみる」と力がついていきます。最初から覚えようとせず、マネからやってみるといいと思います。よければ参考にしてみてください。

    架空の雀荘サイト