[東京の四季]#2021/15開発ログ

8561 ワード

What I did


<準備完了>

・質問&最終的に答弁とカテゴリグループとの連絡が完了した.本当に頭を使って、本当に疲れて、完成したものを見て、私自身もとても喜んでいます......(涙がザラザラ)

・データベースに入れる観光地コレクション表の仕組みを把握している.そうすればいいんだよね…?残り40個を処理しなければなりません...長時間の手動操作が必要です...あきらめないよ.)
<ホーム>
・イメージサイズを調整するため、下でつまんなく脚注を作った.
字句のほか、このブログに移動できるリンクフォント[ブログを表示]も加わっています!大したことじゃないけど不思議...
しかし、フォントの位置を調整するのは思ったより難しいです.調整に励む
🎈
    .footer {
        width: 100%;
        text-align: center;
        padding: 1px;
        color: white;
        background-color: darkslateblue;
    }

    .velog {
        padding-left: 1300px;
        color: white;
    }
    
    <footer>
<p>©Four seasons in Tokyo by ine </p>
<a href="https://velog.io/@lolly66" target="_blank" class="velog">블로그 보기</a>
『季刊』
スタートバーのカードラベルを使ってカードを作り、画像を挿入して飾ります.そこでmoreボタンをクリックして、東京観光公式サイトの四半期ガイドブックページに設定し、新しいページに移動!!
简単にこんなことをしたのは本当に不思議で嬉しいです...!
サイズに合った画像を探すのに少し時間がかかりましたが、ページ自体も私が想像していたようにシンプルでエレガントなので大満足~~フフフ
この効果を与えるには
🎈
<div class="cards" style="width: 18rem;">
    <img class="card-img-top"
         src="https://images.pexels.com/photos/4210811/pexels-photo-4210811.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"
         alt="Card image cap">
    <div class="card-body">
        <h5 class="card-title"></h5>
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the
            card's
            content.</p>
        <a href="https://www.gotokyo.org/kr/story/guide/spring/index.html" target="_blank"
           class="btn btn-outline-danger btn-lg">more</a>
    </div>
</div>

아래는 카드들의 CSS 코드! 가운데 정렬 및 글자 크기등을 조절해 보았다.
        .cards {
        flex-basis: 240px;
        padding-top: .12rem;
        margin: 3rem;
    }

    .card-body {
        text-align: center;
        font-size: 18px;
    }
    
  
クリックすると、今見ているページではなく、新しいページウィンドウが開きます!!初めて知りましたが、簡単すぎます.
🎈 target=「blank」子供をハイパーリンクラベルに詰め込む!
       <div>
https://www.gotokyo.org/kr/story/guide/spring/index.html "target="_blank"class="btn btn-outline-danger btn-lg">more
    </div >

Doing...


・データベース用の観光スポット情報入力完了(40個…)
・マッチング後のディスククラックを考えて入力する
・ある程度の開始ページを作成する
・任意のページでドメイン、開始ページ、四半期ページを自由に移動できる

What to do


・今日は宿題を終えて指導者に報告する.次のスケジュールを確認!
・季刊誌閲覧の効果
・ホームページ以外のページに適用
・スタートページの連動構造コードを知る

Comment & Thought


-単純労働時間が長すぎますが、少し道が見えます.
-一つ一つ質問し、内容を理解し、前進し続ける.
-季刊誌のページがきれいで好きです…!!へへへ
-今週末はPythonコードで観光スポット情報を挿入!!