ランキング

 今回の授業では、HTMLとCSSを使ってプロフィールページを作成した。HTMLでは表を使って、名前、血液型、特技、趣味、好きな言葉などの情報を整理して表示した。また、CSSファイルを別に作成し、HTMLから読み込むことで、ページの背景色などのデザインを変更できるようにした。

 特に重要だと感じたことは、HTMLファイルから見たCSSや画像ファイルのパスを正しく指定することである。同じフォルダにある場合や、cssフォルダ、imgフォルダの中にある場合で指定の仕方が変わるため、ファイルの位置関係を意識する必要があると感じた。

 また、Webサイト内では、日本、ヨーロッパ、その他のアジアという大まかなカテゴリーを作成し、その中に東京や台湾、ドイツなどの記事を想定したページを仮に作成した。そして、トップページから各カテゴリーや記事へすぐ移動できるように設定を行った。この作業を通して、情報を分かりやすく整理し、利用者が目的の記事へ素早くアクセスできるようなサイト構成を考えることの重要性を感じた。また、記事数が増えた場合でも見やすさを維持できるよう、カテゴリーごとに整理しておくことが大切だと学んだ。

 次回は、CSSをさらに工夫して、表の見た目や文字の大きさ、余白などを調整したい。また、画像の配置やページ全体のデザインにも気をつけて、より見やすく分かりやすいプロフィールページにしていきたい。さらに、今回学んだHTMLやCSSの知識を活用し、実際のWebサイトでも利用できるようなレイアウトや装飾を取り入れながら、閲覧者にとって使いやすく魅力的なページを作成していきたい。

タグ