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ヶ月以内にネットワークプログラミングが上手にできますが、多くの不足を発見しました.(月末評価で…)
Reference
この問題について(210730[25]大邱AI学院一般課程Webプログラミング実習7 NAVER news 2 final+月末評価), 我々は、より多くの情報をここで見つけました
https://velog.io/@yeonsuhong5684/21073025대구-AI스쿨일반과정웹-프로그래밍실습8NAVERnews2final월말평가
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
* {
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;
}
ダウンソース:
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ヶ月以内にネットワークプログラミングが上手にできますが、多くの不足を発見しました.(月末評価で…)
Reference
この問題について(210730[25]大邱AI学院一般課程Webプログラミング実習7 NAVER news 2 final+月末評価), 我々は、より多くの情報をここで見つけました
https://velog.io/@yeonsuhong5684/21073025대구-AI스쿨일반과정웹-프로그래밍실습8NAVERnews2final월말평가
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<div class = "news-main-wrap news-custon">
.news-main-wrap.news-custom
.news-main-wrap. news-custom
教育課程の50%はもう終わった.
厳密に言えば、ネットプログラミングは1ヶ月ほど勉強しましたが、この間は多くの進歩を学びましたが、まだ十分ではありません.
単独でフッター領域を作成し、1人で作成した後、どこかでねじれていることに気づき、最終的にホームページのコードを参照して変換しました.
来月もこのように変形してフィードバックします
実際、コードの才能がある人なら、1ヶ月以内にネットワークプログラミングが上手にできますが、多くの不足を発見しました.(月末評価で…)
Reference
この問題について(210730[25]大邱AI学院一般課程Webプログラミング実習7 NAVER news 2 final+月末評価), 我々は、より多くの情報をここで見つけました https://velog.io/@yeonsuhong5684/21073025대구-AI스쿨일반과정웹-프로그래밍실습8NAVERnews2final월말평가テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol