ブログサイトを作りましょう
作成したポートフォリオサイトのデザインに合わせて、ブログの一覧とブログの詳細の2ページを作成しましょう。
一覧ページからブログ記事カードをクリックすると、詳細ページが表示されるというフローになります。
今回作成するサイト
サンプルサイトはこちらで見ることができますので、ご確認をお願いいたします。
素材について
画像や使用するテキストをまとめてあります。 素材タブ、もしくは以下のリンクをクリックしてDLしてください。
ファイル構成
独自スタイルの指定は【BOOTSTRAP課題】ポートフォリオサイト制作で使用したcssファイルに書き加えてください。
一枚のcssファイル(style.cssなど)に、以下3ページ分のスタイルをすべて書く形です。
- 前回作成したindex.html
- 今回作るブログ一覧
- 今回作るブログ詳細
提出方法
完成したらフォルダごと圧縮して以下のメールアドレスまでお送りください。
support@skillhub.jp
次のステップ
以上ができたら次のレッスンに進んで制作を始めましょう。