トレースに挑戦!
こんばんわ、しろです。
コーディングの授業も残り3回となりました。
大まかではありますが、完成に近づいて来たので残りの授業で完成できそうなので、家での自分の課題としてトレースを始めました。
…が、ソッコー躓いてる私なのでした…
ナビゲーションいっぱいの謎
このタイプのコーディングトレスしてます。
一番上の部分が無いバージョンは今スクールで作ってるのですが、ヘッダーの中にナビゲーション?を入れようと打ち込んでみるとズレ込んでしまうのです…
こんな感じに…(-ω-;)ウーン
HTML
<header>
<img class="L" src="img/head_logo02.png" alt="MTG ONLINE SHOP">
<nav id="head_nav">
<ul>
<li><a href="#">ご利用ガイド</a></li>
<li><a href="#">お問い合わせ</a></li>
<li><input type="text" value="検索"><a href="#"><img src="img/head_icon_search.png" alt="検索"></a></li>
</ul>
</nav>
</header>
CSS
header{
text-align:left;
}
nav#head_nav ul{
overflow: hidden;
text-align: right;
}
nav#head_nav li{
display: inline-block;
box-sizing: border-box;
}
自分の作ってるコーディングみたりしながら、打ってみたのですが…
な、なにが違うんだーーーΣ(゚д゚lll)
そもそも何が違うのかも分からないというこの…感じです…
次のスクールまで調べては打ち込んで確認の繰り返しですね(笑)
1週間頑張って、わからないことは先生に聞くぞーー!(* ̄0 ̄)/ オゥッ!!
習って満足していた?
習ってる時は出来てしまうので、出来る気になってしまう気がします。
やはり、習ったらあとは復習やトレースをして少しでもコーディングに触れることが大事なんだな、と改めて感じました。
5分でも触る時間を頑張って習慣づけていきたいですね。
作ることで分からないことも出てくるので、それをちゃんと理解して覚えれるように努力していきたいです。
最終的には、ちゃんと学んだことを自分のものにしたいですね。
明日からもがんばるぞー(*´▽`*)
それでわ!