1から始めるブロスタ道

今日は対面で授業を受けながら、Visual Studioを使ってプロフィールの作成に取り組みました。今回は、CSSを用いて画像を挿入したり、Webページにプロフィールの内容を追加したりしました。対面授業だったため、分からないところを確認しながら作業を進めることができましたが、自分の思った通りに表示されない部分もあり、何度もコードを見直しながら進めました。

特に苦労したのは、CSSを使って画像を表示させる部分です。コードを書いても画像だけがうまく挿入されないことがあり、画像ファイルの名前や保存場所、HTMLやCSSでの指定の仕方を何度も確認しました。画像が表示されない原因は、コードの書き方だけでなく、ファイルの場所や読み込み方にも関係していることが分かり、細かい部分まで注意する必要があると感じました。

また、作成したprofileをVirtualminに保存する際にも苦戦しました。適したファイルの場所に、適した名前で保存しなければWebページが正しく表示されないため、どのフォルダに保存するのか、ファイル名は正しいかを確認する必要がありました。普段はあまり意識していなかったファイルの保存場所や名前も、Webページを公開するうえではとても重要だと感じました。

さらに、Webページにプロフィールを追加する作業では、ホームページ全体のレイアウトが思うようにいかず苦労しました。画像とプロフィールの表を横に並べたり、背景や枠線のデザインを整えたりしましたが、少し設定を変えるだけで全体の見た目が崩れてしまうことがありました。CSSでは、一つひとつの設定がページ全体の配置や見やすさに影響するため、ただコードを写すだけでなく、どの部分がどの見た目に関係しているのかを理解することが大切だと思いました。

今回の授業を通して、画像の挿入やレイアウトの調整、Virtualminへの保存は思っていたよりも難しいと感じました。しかし、うまく表示されない原因を探しながら修正していくことで、HTMLとCSSの関係やファイル管理の大切さを少しずつ理解できたと思います。今後は、画像の保存場所やCSSの指定方法、ファイル名に気をつけながら、見やすくて分かりやすいWebページを作れるようにしていきたいです。