HTML・CSS
ランディングページ
中級

デザイン提供

Muse Academy
課題
ヒント

この画面を開発してください。
全く同じに作れなくても構いません。自分の技術でできる範囲に仕様を変えてみましょう。
分からない部分は、インターネットで調べたり、「#Codiary」タグで質問して皆で助け合いましょう!

素材はこちら
仕様の説明

Webページの訪問者が最初に見るページ、いわゆるトップページのことを、ランディングページ(LP)と呼びます。

ヒーロー画像や段組みを活用して、インパクトのあるLPを作りましょう。

【応用】LPデザイン内にあるリンクは、他の課題でつくったページや、自分で用意したページに遷移させてみましょう。

投稿する
ヒント

完成したら、サイトをインターネットに公開してから、Twitterでシェアしましょう。
「#Codiary」のタグをつけてつぶやくと、あなたのつくったサイトが「みんなの投稿」で紹介されます。(最大で1日程度の時間がかかります。)
サイトをインターネットに公開する方法は、こちらのチュートリアルで解説しています。

ツイートする
みんなの投稿