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

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

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

まずは自己紹介。

①自己紹介

・げんです。

・２４歳

・男

・独身

・ニート

・ウェブデザイン未経験

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

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

今日は前回の授業でやった練習問題の復習でした。

↓前回の授業内容

前回はfloatとdivとcssを用いてそれなりにモダンなウェブサイトを作る練習問題が課されました。

自分は前回の授業の時に初めてタイムオーバーになってしまったので、

今回の解説はしっかりと聞きました。

次は授業内容です。

・デザインと検索を両方とも良くする方法。

<h1>タブには検索して見てもらうための文章や文字を入れることで、

よりたくさんの人にサイトを見てもらうことができます。

文字のままだとブラウザ上でのデザイン性がないので、画像を使い良い見た目にす

ることはできますが、<img>タグを使うと検索されにくくなるので、背景に画像を

指定し、htmlは検索用に文字を残し、ブラウザではデザインを重視できます。

・背景画像を残して文字を表示しないcssの指定。

html

h1{background-image :url(指定したい背景のパス)}

height:背景画像:高さ；

text-indent:100%;

white-space:nowrap;

overflow:hidden;}

h1やメニューのリストに指定

（全ての画像を背景にしなくてOK）

・text-indentプロパティ

文字の文字だけを指定するプロパティ

p{text-indent:1em;}

pの文章の先頭一文字を下げる

em=相対単位

文字数の指定をする単位。

親要素の文字サイズが基準。

文字サイズを指定してない時は標準の16pxが基準。

・white-spaceプロパティ

white-spaceプロパティ は，テキストの 半角スペース・タブ・改行の扱い方 を指定します。

・overflowプロパティ

領域の外側の内容の表示方法を指定するプロパティ。

overflowプロパティは、ボックスの範囲内に内容が収まらない場合に、はみ出た部分の表示の仕方を指定する際に使用します。

overflow:hidden

hidden
内容がボックスに収まらない場合、収まらない部分は非表示となる。内容が収まらない場合にも、スクロールバーなどは表示されない

overflow:scroll

scroll
内容がボックスに収まらない場合、収まらない部分はボックスからはみ出さない。内容が収まらない場合には、スクロールバーなどが表示される

hidden scrollはwidthとセットで指定します。

午後からの授業は今日習ったことを全て使ってまた新しいサイトを作るように課題が出されました。

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

今日は学校から歩いて8分ほどの場所にある結構ぎりぎりの場所まで

小走りで行きました。

お昼休みの40分間の間でなんとか行ける距離なので授業が終わったらすぐに飛び出していきました。

今池駅から4分ほどの場所にある「中華料理　川菜」という町中華にいきました。

中華料理 川菜 (今池/中華料理)

いかにも町中華という感じで1人ではなかなか入りづらいですが、最近はなぜだかこうゆうお店に抵抗感なく1人で入っていけるようになりました。

むしろワクワクしながら知らない店に入っていけるようになりました。

そんな自分に少し驚きながらもなんとなく頼もしく感じました。

店に入るとソファー席が１０セットくらいあってどうやら２階建てのようでした。

お店の方はおそらく全員本場の中国の方のようでカタコトの日本語で接客していただきました。

何を食べようか迷ってパッと目についた「上海焼きそば」¥720を注文しました。

チャーハンと迷った挙句、上海焼きそばにしました。

3分ほどですぐにテーブルに届きました。

めちゃくちゃ美味しかったです。

一口食べるとガツン！！とくる焼きそばの香ばしい香りとニンニクの美味しさが鼻に抜けていきました。

豚肉の脂の乗った感じが麺に絡み合ってどんどん食欲が湧いていきました。

また、ネギやキャベツも細長く切られていてシャキシャキで食べていて楽しいと感じるくらいの美味しさでした。

こんなに美味しい焼きそばはなかなかないです。

人生の中で一番と言ってもいいくらいの焼きそばの美味しさでした。

今池に来た際はぜひ行って見てください！

また、ランチはAセットBセットなどあって飯モノ＋おかずで¥750でめちゃくちゃお得みたいなので今度行ったら絶対食べてみます。

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

今日はまた新しいcssの要素を学んでいきました。

めちゃくちゃ難しい内容になっていってこのまま着いていけるのだろうかと不安になりました。

とりあえず繰り返し、繰り返し、練習問題をこなしていってなんとかマスターしていきたいと思いました。

上海焼きそばは格別の味がしました。

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

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

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

一緒にWebデザイナー目指しましょ〜

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