なめろう~副業挑戦中~

副業初心者#ﾌﾟﾛｸﾞﾗﾐﾝｸﾞ#webデザイン#ブログ 挑戦記録

[なめろう~副業挑戦中~ @satoshi50409]

background-imageはCSSsw入れると学んだ

[なめろう~副業挑戦中~ @satoshi50409]

「HTML & CSS 道場レッスン 初級編」レッスンを修了しました！ https://t.co/XrNOsXMqV8 #Progate

[なめろう~副業挑戦中~ @satoshi50409]

HTML&CSS　道場コース勉強中。
どこを起点として、空間のスペースを調整するのかが掴めていない。意外と難しい。

[なめろう~副業挑戦中~ @satoshi50409]

【プログラミング学習のProgate】HTML & CSSのレベルが34にUPしました！ https://t.co/XrNOsXMqV8 #Progate

[なめろう~副業挑戦中~ @satoshi50409]

【ﾌﾟﾛｸﾞﾗﾐﾝｸﾞweb製作進め方】
①基礎学習を終わらせる
②手を動かす（サイト模写）（word press化）
③仕事を受注（ﾗﾝｻｰｽﾞ/ｸﾗｳﾄﾞﾜｰｸｽ）

[なめろう~副業挑戦中~ @satoshi50409]

【プログラミング学習のProgate】HTML & CSSのレベルが33にUPしました！ https://t.co/XrNOsXMqV8 #Progate

[なめろう~副業挑戦中~ @satoshi50409]

〈Tech Academy基礎学習〉
・はじめてのHTML入門講座
・はじめてのCSS入門講座

[なめろう~副業挑戦中~ @satoshi50409]

基礎学習を終わらせる
<Progate>全2週間で終える
　HTML/CSS:学習&道場レッスン初級・中級
　JavaScript:レッスン1〜7
　JQuery:初級・中級

<Tech academy>
　webアプリケーション1週間無料コース

<ドットインストール>
　3コース（初めてのHTMLCSS/JavaScript/PHP）

[なめろう~副業挑戦中~ @satoshi50409]

【１週目】基礎学習期間
Progate道場レッスン
１から自身でコードを書きはじめる。
思っていたよりも、難しい。
暗記するのは無意味だと感じた。

困ったら右クリックで「検証」し、正しいコードを学びながらどんどん数こなして行こう！

[なめろう~副業挑戦中~ @satoshi50409]

【web製作3ヶ月後に月5万を目指す】
・1〜2週間:基礎学習
・3〜6週間:サイト模写
・6〜9週間:ポートフォリオ作成
・9〜12週間:案件受注

頑張っていこう！

[なめろう~副業挑戦中~ @satoshi50409]

「HTML & CSS 学習レッスン 中級編」レッスンを修了しました！ https://t.co/YeODWslDIz #Progate

[なめろう~副業挑戦中~ @satoshi50409]

【プログラミング学習のProgate】HTML & CSSのレベルが32にUPしました！ https://t.co/YeODWslDIz #Progate

[なめろう~副業挑戦中~ @satoshi50409]

【プログラミング学習のProgate】HTML & CSSのレベルが31にUPしました！ https://t.co/YeODWslDIz #Progate

[なめろう~副業挑戦中~ @satoshi50409]

【プログラミング学習のProgate】HTML & CSSのレベルが30にUPしました！ https://t.co/YeODWslDIz #Progate

[なめろう~副業挑戦中~ @satoshi50409]

「HTML & CSS 学習レッスン 初級編」レッスンを修了しました！ https://t.co/skRhnWjmRU #Progate

[なめろう~副業挑戦中~ @satoshi50409]

【プログラミング学習のProgate】HTML & CSSのレベルが29にUPしました！ https://t.co/skRhnWjmRU #Progate

[なめろう~副業挑戦中~ @satoshi50409]

送信ボタンを作る際も＜input＞を使用する。
<input>要素にはtype属性を指定することができる

<input type="submit">と指定するとデフォルトの設定で「送信」と表示されるようになる。

[なめろう~副業挑戦中~ @satoshi50409]

<input>要素は１行のテキスト入力を受け取るための要素
※ 終了タブは不要
<textarea>要素は複数行のテキスト入力を受け取るための要素

[なめろう~副業挑戦中~ @satoshi50409]

boderの
内側の余白：padding
外側の余白：margin

[なめろう~副業挑戦中~ @satoshi50409]

CSSを適用させたい場合は、<span>要素で囲む