しろんぱ!

目指せWEBデザイナー!初心者がWebデザイナーを目指して頑張るブログです。

トレースに挑戦!

こんばんわ、しろです。

コーディングの授業も残り3回となりました。

大まかではありますが、完成に近づいて来たので残りの授業で完成できそうなので、家での自分の課題としてトレースを始めました。

…が、ソッコー躓いてる私なのでした…

ナビゲーションいっぱいの謎

f:id:S1r023:20171203223129p:plain

このタイプのコーディングトレスしてます。

 

一番上の部分が無いバージョンは今スクールで作ってるのですが、ヘッダーの中にナビゲーション?を入れようと打ち込んでみるとズレ込んでしまうのです…

 

f:id:S1r023:20171203231043p:plain

こんな感じに…(-ω-;)ウーン

 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分でも触る時間を頑張って習慣づけていきたいですね。

作ることで分からないことも出てくるので、それをちゃんと理解して覚えれるように努力していきたいです。

最終的には、ちゃんと学んだことを自分のものにしたいですね。

 

明日からもがんばるぞー(*´▽`*)

それでわ!