Web制作– tag –

ブログを作り直しました。 きっかけは、アイキャッチ画像でした。 これまでブログのアイキャッチは、AIを使って作っていました。 AIに頼めば画像そのものは作れます。 でも、記事が増えていくにつれて気になることが出てきました。 「なんだか、ブログ全体...

# 昔挫折したホームページ制作に再挑戦。HTML5とFFFTPを学んだ日 今日はHTML5の授業で、講義の中に出てきたあるソフトの名前をきっかけに、昔挫折した記憶がよみがえりました。 入学の経緯については57歳で職業訓練校へ｜面接に一度落ちてから合格した理由...

# 職業訓練のグループワークで学んだ、先入観を手放す大切さ 本日の職業訓練では、グループワークで「お金を稼ぐゲーム」に取り組みました。 2億円の所持金からスタートし、チームで相談しながら、できるだけ多くのお金を稼ぐという内容です。 普段の生活...

# CSSスプライト画像でボタンを作成｜便利さと管理の難しさを学んだ CSSスプライト画像｜ボタン作成の仕組みと感じた便利さ 職業訓練のCSS学習で、スプライト画像を使ったボタン作成に取り組みました。 スプライト画像は、複数の画像やボタンの状態を1枚の...

# CSSのdisplayはいつ使う？リンクをボタンにして理解した使い方 職業訓練の授業で、Webページの見た目を整えるCSSについて学びました。 今回学習したのは、ボックスに影を付けるbox-shadow、リンクの下線などを指定するtext-decoration、リンクの状態に応...

# 職業訓練でCSSを学習｜divで囲みすぎずclassを指定する考え方 CSS div class｜今回学んだCSSプロパティ 職業訓練で、Webページの見た目を整えるCSSについて学びました。 今回の授業では、テーブルや文章、リストの表示を調整するCSSプロパティに加えて、...

# floatの解除はいつ必要？CSS学習で感じた判断の難しさ CSS float 解除｜floatを使うと何が起きるのか 「floatを使ったら解除が必要」 私は、ずっとそのように考えていました。 ところが、職業訓練でCSSを学んでいると、floatを解除しなくても問題が起き...

# CSS初心者が「*」の意味を理解した日｜全称セレクタでブラウザの余白をリセット 職業訓練で、Webページの見た目を整えるために使う「CSS」について学びました。 今回学習したのは、Webページ内にあるすべての要素に、一括でスタイルを設定できる「全称セ...

# CSSのfloatに苦戦した初心者が、ピザ屋さんのWebサイトを完成させるまで 今日は職業訓練の授業で、これまで学習したCSSのプロパティを使い、Webサイトのトップページを装飾しました。 今回制作したのは、架空のピザ屋さんのWebサイトです。 ページには、...

# 複雑なWebレイアウトは大枠から考える｜CSSのfloatで学んだこと CSS float｜複雑なWebレイアウトを大枠から考える理由 職業訓練のWeb制作の授業で、CSSのfloatプロパティについて学びました。 floatは、画像の横に文章を表示するなど、要素の周囲に「回...

# 職業訓練で学んだ、Webサイトは「誰に何を届けるか」が大切という話 本日の職業訓練では、グループワークを通して、Webサイトを作る前に考えるべきことを学びました。 今回のお題は、認知度の低い職業をWebサイトでPRするというものです。 私たちのグル...