2021.06.15. 開発ログ

969 ワード

今日の勉強内容


10.国内外サイトCat(NAVERブログ1編)


1-2)ブログホームページ上部/ブログホームページ左側
  • 今日はNAVERホームページ、ショッピングページ、漫画ページに続いてブログホームページを試してみました.
  • 昨日まで行われていた漫画ページと同様に、上端に検索ウィンドウを作成し、navメニューバーを作成しました.
  • の下の左側のエリアには、ブログの投稿を紹介するバナー3つとページをめくることができる数字ボタンが入っていますが、リンクはありません.
  • の下には、隣人の新しい文章を確認できる横断幕があります.隣の文章は、作者の名前、執筆時間、タイトル、文章のプレビュー(略語処理)、画像の横断幕空間を提供し、下部に区切り線を作成します.
  • の右側に広告バナーがあり、ページをめくることができる数字ボタンも挿入されています.

  • 今日のTip)
    可変widthまたはheight値を与える場合、calcを使用すると便利です.
    width: calc(100% - 40px);

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


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

    解決方法


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

    感想


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