webデザイナー職業訓練校日記2022/4@15日目

2022年4月18日職業訓練校のウェブデザイナー科の15日目の授業があった。

その日のあったことを備忘録的に記載していく。

まずは自己紹介。

①自己紹介

・げんです。

・２４歳

・男

・独身

・ニート

・ウェブデザイン未経験

・とにかくフリーランスになりたいです！！！！

webデザイナー科15日目の授業内容

・いままでの総復習

まずはこれまでやってきた授業の総復習を2時間ほど教えていただきました。

HTML a p be font color h1 タグなどの付け方とその機能的役割。

cssではback ground color やfont sizeプロパティなどを使って簡単な文字色替えや、サイズ変更をして見た目を変えていきました。

・font-familyプロパティについて

font-familyプロパティとは、

　CSSのfont-familyプロパティは、WebサイトやHTMLメールのフォントを指定するために使用されます。コンテンツの大半はテキスト情報です。指定したフォント次第で、読み易くも、読み難くもなるため、font-familyはとても重要な役割を果たします。

/* h1見出しのフォント指定 */
h1 {
font-family: "メイリオ" ;
}

/* ナビゲーションメニューのフォント指定 */
nav ul li {
font-family: "メイリオ" ;
}

↑のように実装することによりfontを任意に変更ができます。

しかし、各人のブラウザ設定やそもそもそのフォントが搭載されていないなんてこともありますので注意が必要です。

【2023年版】font-familyの正しい指定方法・タイプ別おすすめフォント設定例

・paddingについて

paddingとは上下左右のパディングをまとめて指定するプロパティです。上下左右を異なるパディング幅にしたい場合は、スペースで区切ることで複数の値を指定することができます。
以下の値で指定します。

・marginについて

margin
境界線の外側の余白を指定する際に使用します。 <img class="alignnone size-full wp-image-16874"src="https://blog.codecamp.jp/wp-content/uploads/2015/12/margin-padding2-639-639x216.png"alt="margin-padding2-639"/>

こんな感じで、内と外の余白を生み出すことでサイトを見やすくしていきます。

marginとpaddingとは？基礎から解説！ゼロから始めるHTML/CSS講座Vol08

今日のランチタイムで食べたもの＠15日目

今日は学校から歩いて5分ほどの場所にある松屋に入りました。

最初牛丼の並盛りをサクッと食べて帰ろうと思ったが、雨が降っていて半袖でめちゃくちゃ寒かったので、初めて食べる『ゴロゴロチキンカレー』を食べました。

味はめちゃくちゃ美味かったです！

正直牛丼屋のレベルでは無いです。

普通にCoCo壱とかカレーの専門店で出されても合格点の美味しさでした。

一口大のチキンと、スパイスの深み、ルーのまろやかさなど全てが一体化して絶妙なハーモニーを奏でていました。

体も次第にポカポカしてきて元気が出てきました。

松屋に行った際はぜひぜひ味わってくださいね！

大人気「ごろごろ煮込みチキンカレー」発売｜松屋フーズ

WEBデザイナー科15日目のまとめ

今日はこれまでの復習に多くの時間を割きました。

自分も記憶が曖昧な部分がいくつかあったため、大変勉強になる回でした。

訓練校が始まって3週間ほどが経ちました。

雰囲気にも慣れてきて、授業もcssに突入したためここから確実に難しい内容になるから頑張っていきたいと思います。

明日はどんな授業があるのだろうか？

そんな感じで職業訓練校についてリアルな授業風景を自分の備忘録的に記録していきますのでよろしくお願いいたします。

僕と同じように未経験からwebデザイナーを目指している方、すでにWEBデザイナーの方などもちろん何となくこのブログを見た方、ぜひお気軽にコメントください！一緒にWebデザイナー目指しましょ〜

これから職業訓練でWEBデザイナー科を検討している人にとってこの拙い日記が何かの手がかりになれば幸いです。