210730[25]大邱AI学院一般課程Webプログラミング実習7 NAVER news 2 final+月末評価


1.勉強の内容


(1)ページ練習
NAVERニュース左、右の2つのエリアを作成し、追加のフッターエリアはありませんでしたが、自ら実習して制作しました.

◆左側のトップニュースと政治欄の右側で最も多く見たニュース

△連続領域と右側広告

△右側のTODAY

△主要領域の末尾のメディアリスト、領域リスト、フッター領域
(2)学習内容
月末評価

エラー問題フィードバック

h 1は見えず、最大幅:700 px;これだけに焦点を当てたようです.h 1サイズは調整できますが、上記のコードは調整できません.font-sizeは調整が必要です.

見ただけで慌ただしくチェックして通り過ぎましたが、毎回そうだったので、結果は間違っていました.
css code
* {
	margin: 0;
	padding: 0;

	box-sizing: border-box;
}

ol, ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: #000000;
}

img {
	vertical-align: middle;
}

button {
	border: none;
}

input, textarea {
	outline: none;
}


.clearfix {
	clear: both;
}

.container {
	width: 1130px;
	margin: 0 auto;
}


この初期化プロセスにより、ブラウザにかかわらず、後で変更する必要がないため、非常に便利です.私がチェックした答えはstyleラベルでHTMLにcssを加えて複雑にならないようにすることです.


正解は青ですが、いつもdiv tagにclassやidセレクタを入れて行っているのでdiv.test{}形式で書いたことがないので、何気なく赤を使っているようです.実際のコードを加えると青も出てきます.cssで直接tagに参加して実習していなかったので、ついスキップしてしまったので、間違っていたようです.

2.実習


ダウンソース:
naver news-2(残りの領域)HTMLの練習
https://github.com/Yeonsu-Hong/Daegu-AI-school/issues/43
naver news-2(残りの領域)実習css
https://github.com/Yeonsu-Hong/Daegu-AI-school/issues/44

3.困難な内容&解決方法

<div class = "news-main-wrap news-custon">
に示すように、divタグ内で指定したスタイル(ここではclass)はcssに貼り付けて使用する必要があります.
.news-main-wrap.news-custom
.news-main-wrap. news-custom
空いていると、別のクラスに適用されます.
それを無視して、誤字があると思ってうろうろしていた.
週末に復習しながら授業を受けるので、見逃した部分を探すべきです.

4.感想


教育課程の50%はもう終わった.
厳密に言えば、ネットプログラミングは1ヶ月ほど勉強しましたが、この間は多くの進歩を学びましたが、まだ十分ではありません.
単独でフッター領域を作成し、1人で作成した後、どこかでねじれていることに気づき、最終的にホームページのコードを参照して変換しました.
来月もこのように変形してフィードバックします
実際、コードの才能がある人なら、1ヶ月以内にネットワークプログラミングが上手にできますが、多くの不足を発見しました.(月末評価で…)