WEB制作にチャレンジ

48歳からWEB制作の勉強をしています。

デイトラ DAY6まで終わりました♪

こんにちは。

デイトラ 初級編
【新】ゼロからサイトを作ってみよう②

やっとDAY6までおわりました😊
 メインコンテンツを【ABOUT】【MENU】【SHOP】と
 作っています🐱

スペルミスの予防法は「気を付ける」ではない!
どんどんエディタの予測変換とEmmetを使う

かなり納得が出来ました😀
DAY7に進んで、のレスポンシブに入ります☕

デイトラ DAY5の途中から!7月31日初級編リニューアル 

こんにちは。

デイトラ DAY5の途中から!7月31日初級編リニューアル

初級編
【新】ゼロからサイトを作ってみよう①

  • 旧DAY5 途中で新しくなってしまいました💧
    • もう気持ちを入れ替えて進みます🤣
    • 内容はおしゃれな『仮想スイーツショップWebサイト』
    • コーディング準備で練習素材を【Googleドライブからダウンロード】
      • 参考動画と何か違っていていきなり躓きました 😂
        見本のhtmlファイルと練習用ファイルが有って、
        練習用には「何もコードが書いていない」と言てるのに
        お手本と同じコードが書いてる…❓❓❓ある程度調べて、
        『もう良いや、消して使おう』進みます😊
    • Google Fonts
      • 256timesでも使ったので、
        もっと詳しく知る事が出来ました😊
  • chromeデベロッパーツールの便利さが益々分かりました😊

DAY6の途中まで進んでます☕

デイトラ DAY4

こんにちは。

デイトラ DAY4

初級編
環境構築をしよう

  • VS Codeプラグインをインストール
    • おすすめプラグインを全部
    • つまずいたのが【Prettier Formatter】
      • 参考動画通りにやっても上手くいかず 😂
        ググって見つけました!
        VSChordの設定からで「Ctrl+,」→
        「Editer:Format On Saveにチェックを入れる」
        →ここが最小意味が解らくて「Editer:Default Formatterでesbenp.prettier-vscodeを選択」
        何度か試して見るとやっと出来ました😊
    • Live Server
      • ブラウザをリロードしなくても変更が自動でリアルタイムで反映されるプラグイン
        「面白い」かなり便利そうです♬
  • chromeの検証ツールの使い方も驚きで、わくわくです😊

DAY5からはサイト制作に入ります☕

デイトラ DAY2〜DAY3

こんにちは。

デイトラ DAY2〜DAY3

初級編
再認識と分かった事

この3つの要素からなる
『バリュー』の存在を全く意識していませんでした😅

  • font-size
    • em ・・・ 16pxの2倍で32px
    • 200% ・・・16pxの200%『16×2=32px』 

新しく覚えました😺

スタイル text-decoration: overline;
線をテキストの上
letter-spacing: 1.5em
文字間隔 1.5倍

CSSの基本をやりました😺
改めて知らない事もあったので、
楽しいです🐱

プロフィール画像

こんにちは。

プロフィールの画像
愛猫よりイラストの方がいいのでは!?
と思い10年❓ぶりに簡単なイラスト描いています😉
もう描けないとか思っていましたが、
意外と描けるもんで、
『!いい感じ』です
落書帳に下絵を描いて
スキャンして、Photoshop
線を選択範囲で抽出して色をつけてます。
今日中にしあげます👍