プログラミング

TechBoost講座。サンプルページを作ろう!

こんにちは!年末年始中でもきちんと勉強しましたはるです。

ちょっと前の自分だと年末年始は完全お休みモードだったので信じられないですねw

「これは出来る!やりたい!」って思ったプログラミングなので頑張れていると思ってます。

内容はシンプル。でも根気がいる!

やっている事自体はシンプルであると前回の記事HTMLとCSSを使ってサイト構築で書きました。

確かにシンプルです。必要なコードを配置し、組み合わせを探す。

ですが思い通りにやろうとするとめちゃめちゃ根気がいりますね!

現在の課題はこの画像のようなページを作れという内容なのですが、前回の内容から組み合わせをあーでもないこーでもないと色々と試しています。

数時間かけてなんとかこんな形に↓

まだ途中経過なので色々整っていませんw

左寄せ(float: left;)のCSSを使い、写真とブログタイトルを縦並びするように左側に配置。

右側に新着記事が縦並びするように配置。

やる事のイメージはついていますが、いざやってみると文章が思い通りに並んでくれません。実際、画像は思い通りになってないです。

「なんでやー!」と言いながらあれこれ試して数時間経ってる感じですw

でも、サンプルが実際に出来ているのだから出来ない事はない。どっかでタグの閉じ忘れとか、ドットがカンマになってたりとか、見落としやミスがあるんですよね。

「あんたがこう指示してるからこう表示しとるだけやで」という結果なので、プログラムされた側が自分で間違うわけないですから。

次回には課題クリアできたぞーって言えるように頑張ります!

それではまた!

 


スポンサードリンク