HPを作るっ!! ⑧

ProgateのHTLM&CSS 中級編の一番目のページを作るっ

http://ponyohtml.web.fc2.com/

今の段階はこんな感じ。
(ロゴは テキトーに作ったから 後で作り替えよう)

これから 作る レッスン一覧の所は
今まで勉強した言語一覧にしてみよう。

これ、Progateさんに おんぶにだっこだけど、
一通り完成したら レイアウトを変えてみよう。

実際にレイアウトサイズを 変えてみる事は 大切。


今日の教訓。
　

HPを作るっ!! ⑦

ProgateのHTLM&CSS 中級編の一番目のページを作るっ

http://ponyohtml.web.fc2.com/

Progateでは Font Awesome を使って
簡単に Facebook や Twitter の アイコンを
ボタンに付けることが出来た。

しかし、これが やっても やっても 自分のHPでは
同じ様に ボタンに アイコンを付けることが出来ないんだな。
これが。

Progateは 何がしら 登録していて
Font Awesome の アイコンが使える様になっているのかな。

ググってみた。
【保存版】Font Awesomeの使い方：Webアイコンフォントを使おう
に載ってた。

ありがとうございます。
サルワカ 様。

新しいバージョン5 の方法でした。
(Progateは 以前のバージョンでした)

また、タグは
<span class="fa fa-twitter"></span>
ではなく
<i class="fab fa-facebook-square"></i>
で 使用出来ました。

すごく脳がすっきり！！

( ただ <i> タグは 斜体のハズ... )

今日の教訓。
　やっと、HP作りが 楽しくなってきた。

HPの修復。

ProgateのHTLM&CSS 中級編の一番目のページを作るっ
http://ponyohtml.web.fc2.com/

少しだけ 直したよ。
これだけだけ。



今日の教訓。
　更新できないな。

HPの修復。

ProgateのHTLM&CSS 中級編の一番目のページを作るっ
http://ponyohtml.web.fc2.com/

本当に少しだけ 治してます。

本当にわずか。

言い訳だけど 少し忙しい。
だけど このブログは 毎日必ず更新したい。



今日の教訓。
　明日は少しだけ頑張ろう。

HPの原因。

ProgateのHTLM&CSS 中級編の一番目のページを作るっ
http://ponyohtml.web.fc2.com/

実は、更新できてないではなく、
HTMLの index のテキストが 真っ白になっていた。

おい、笑えるよね。

今まで 作っていたのが まっさらだ。

Javaで色々な物を作っていたときは、
必ずバックアップを作っていたんだけど、
今回は作っていませんでした。

アホすぎる〜〜〜

また、作り直そう。

いい復習になるしね。

今日の教訓。
　地味だけど 続けなければね。

HPを作るっ!! ⑥

ProgateのHTLM&CSS 中級編の一番目のページを作るっ

http://ponyohtml.web.fc2.com/

また FileZillaで更新できなかった、
何で よく出来なかったのか
よく解らん。

最近は 勉強もよく出来てないからな。

今日の教訓
　地味だけど 続けなければね。

Java入門教室 Lesson11 「スレッドについて」

「Java入門教室」
スレッドについて。

自分の中で スレッドの理解がイマイチ何だよな。
スレッドを上手く使える様になって、
動きのある 何かを また 作りたいな。　

今日の教訓
 また、色々 作りたくなってきた。

最近の状況

Progateで HTML&CSS を勉強しています。
追々 JavaScript や PHP も 勉強しなくてはならないな。

HTMLは 基本だから 自分のHP 位は作れる様になりたい。

だけど、HTMLは 全く 楽しくない。
面白くない。

必要に迫られたら、
HTMLを勉強しよう。
自身のHPは 常に更新するのだ。

今日の教訓
 嫌な事を時間を使って 勉強するのは 嫌だ。

Java入門教室 Lesson14-10「ミニゲームを作る」2週目 ①

「Java入門教室」
　 Javaの事も忘れたくない。
　少しだけ毎日復習してます。

　そんな訳で この本の　集大成を 無口に打ち込んでいます。

　私は やっぱり Javaとか 好きだな。

今日の教訓
 Java とか C#とか 大好きなんだよ。

HPを作るっ!! ⑤

ProgateのHTLM&CSS 中級編の一番目のページを作るっ

http://ponyohtml.web.fc2.com/

前回、FileZillaで更新できなかった、
HPを更新する事がでけた。

原因はわからないけど、
background-imageの画像を変えてみたら、
更新出来た。

何故だかは解らない。

ただ、画像を "クマさん" の足もとまで 表示させたい。
auto や cover でも上手くいかないから、

パーセント や 長さで 調整出来るそうだから、
やってみよう。

今日の教訓
　とにかく、自分の物を作り上げよう。

HPを作るっ!! ④

ProgateのHTLM&CSS 中級編の一番目のページを作るっ

http://ponyohtml.web.fc2.com/

とりあえず、前回 イマイチだった background-image を
撮り直した。
ブラウザで確認したんだけど、
前回よりは良い感じ。

でもって、FileZillaで更新。

ここで、止まった。

imagesフォルダーが更新できず。
エラ〜メッセージ。

どうして何だろう。

たぶん、ファイルの削除とか
色々 すれば 更新できるのかな。

今日の教訓
　実際に あげてみると 色々な事につまずくな。
　それで 上達。

C とか C++ とか C＃とか

勉強出来なかったな。

本を読むよりも、
実際に手を動かして 色々 作り出した方が成長できます。
(たぶんね)

今日はなんも書くことは出来ませんでした。

もっと、自分に制限を持たせないとね。
(制限とは 期限)

で、
本屋さんに寄って、
言い訳のように 本を買おうと思いました。

JavaScript の本。
まだ、勉強してないけど、HTMLの中で書くのかな。

PHP
勉強しないとね。

本屋さんで 手にとって びっくりした事。

やさしいシリーズで 
「C＃」があった。

なんだこれ、
立ち読みしただけで これは解る。
理解できる。
びっくりだ。

ただ、ｃ＃という言語がどのように使われているのが
わからない。

C＋＋も Cも 多分 解ってる。

自分の好きな言語もあるけど、
どのように使われているのか 理解できてない自分が弱い。

今日の教訓
　C# ってどんな言語だろう。

HPを作るっ!! ③

ProgateのHTLM&CSS 中級編の一番目のページを
パクったHPを作ってみた。

http://ponyohtml.web.fc2.com/

前回、imagesのフォルダーに background-imageを
入れていたんだけど、
一回 上のフォルダーに移動しないといけなかったんだね。
今までは HTMLはメインのフォルダーに
置いといたんだけど、
CSSはその下の フォルダーにあったから気が付かなかった。
(今まで usrや srcは HTMLに記入していたからね)

とりあえず、 出来上がった物をFC2に上げました。
まず、画像を撮り直したい。

だけど、まずは 自分で作った物をあげたい。
(どうしょうもない物だけどね。)

あとは、少しずつ付け加えて行こう。

今日の教訓
　大きな岩は まず転がそう。
　あとは 慣性がつくハズだ。

HPを作るっ!! ②

ProgateのHTLM&CSS 中級編の一番目のページを
パクったHPを作ってみよう。

ちゃんと書いたつもりなのに
background-image が表示されない。
これがさー imagesというフォルダーに入れてるんだけど、
どうなんだろう。

progateのbackground-imageのURLにしてみると、
うまく表示している。。。

一応、stylesheetのコピー

body {

    margin: 0;

    font-family: "Hiragino Kaku Gothic ProN";

}

a {

  text-decoration: none;

}

.container {

    width: 1170px;

    padding: 0 15px;

    margin: 0 auto;

}

.top-wrapper {

    padding: 180px 0 100px 0;

    background-image: url(images/background_image.png);

    color: gray;

    background-size: auto;

}

今日の教訓
　よく、「覚える必要はない」
　「ググれる様になろう」と twitter等で見かけるんだけど
　本当だった。

HPを作るっ!! ①

ProgateのHTLM&CSS 中級編の一番目のページを
パクったHPを作ってみよう。

今日はここまで。
(なんて 進捗がない BLOG なんだろう)

background-image

こんな感じ

今日の教訓
　学ぶの語源は「真似る」。

HTML&CSS 道場コース初級編

ProgateのHTLM&CSS 道場コース
これがさっ、全く出来ないんだよ。

楽勝で出来る ハズだった ヘッダーさえ
作れない。

これは、やっぱり 作る事に慣れてないんだな。

陸地でクロールの練習をしても仕方ないんだな。

やっぱり 水に飛び込まないと。

27日までに 一枚だけの HPを上げよう。

それを このBLOGに公開しよう。
(作りかけのを 毎日上げよう)


今日の教訓
　まずは やろう。

HTLM&CSS 初級コース 3回目

ProgateのHTLM&CSS 初級コースを また繰り返してみた。
もう３回目だ。

何回 打ち込んでも 憶えないこの指。
少し情けない。

ただ、救いなのは 今回 ヒントを見ずに完走できた事。
「スライドを見る」や「答えを見る」を使わずに
完走できた。

中級編も 何回か繰り返せば
この様に 完走出来る様になるのかな。


今日の教訓
　すぐに、手っ取り早く ではない。

スラスラわかるHTML&CSSのきほん

スラスラわかるHTML&CSSのきほん
再び写経中。

Javaとは違い 覚えるのではなく、
HTMLは 作業をこなせばこなす程 上達するのかな。
今回は この本にある様にするのではなく、
ページを増やしたり アレンジしてみよう。


今日の教訓
　デザインのサンプルの本を物色しよう。

ウェブカツ を目指してみよう。

決めた。

今、やっているProgateの HTML&CSS と (まだやってない)JS を
ある程度 理解したら ウェブカツに申し込もう。
(11月末までにだ ← 期間は決めないとね)

今になって、少しだけ自信がついた事。
挫折したRubyの本をペラペラとめくってみた。
たのしいRubyだ。

この本、くっそ楽しくないRubyを
たのしいと偽っている本。

実際に何回も放り投げた。

今になって。
楽だわ Ruby。。。
変数や代数が まるで ドラえもんの四次元ポケットだわっ。。。
なんでも入るぞっ!!
おまけに「p」
defだけでいいの？？
voidは どこへ行った!!
明日、少し Rubyやってみよう。
(今度は楽しくつきあえるさ)

あと11月末にウェブカツに申し込もう。
やっぱり 中途半端はいけないよ。。。

今日の教訓
 何回も書いてるけど 独学には無理がある。

Progate HTML&CSS 中級コース終了。

ProgateのHTLM&CSS 中級コース終了。
これがね、本当に七転八倒。
ヒントを何回も見ながら、やっと終了。

初級コースと 中級コースを何回も繰り返して覚えよう。


今日の教訓
　せめて七転び八起きであって欲しい。