2021.06.15. 開発ログ

今日の勉強内容

10.国内外サイトCat（NAVERブログ1編）

1-2)ブログホームページ上部/ブログホームページ左側

今日はNAVERホームページ、ショッピングページ、漫画ページに続いてブログホームページを試してみました.

昨日まで行われていた漫画ページと同様に、上端に検索ウィンドウを作成し、navメニューバーを作成しました.

の下の左側のエリアには、ブログの投稿を紹介するバナー3つとページをめくることができる数字ボタンが入っていますが、リンクはありません.

の下には、隣人の新しい文章を確認できる横断幕があります.隣の文章は、作者の名前、執筆時間、タイトル、文章のプレビュー(略語処理)、画像の横断幕空間を提供し、下部に区切り線を作成します.

の右側に広告バナーがあり、ページをめくることができる数字ボタンも挿入されています.

今日のTip)
可変widthまたはheight値を与える場合、calcを使用すると便利です.

width: calc(100% - 40px);

難しいところ&解決していないもの

隣の人が新しい文章を何枚も書いたとき、立てるべきだったのに、ずっと重なっているように見えたので、直すのに時間がかかりました...ううう

解決方法

バーグが見つからず、講座を聞き直しながら、順番にやり直した.

感想

似たような構造が多く、同じ形を繰り返すことが多いので、今は少し慣れているようです.それでももがいている私自身はアミバに似ている.ほほほ