今回の講義では、Web標準に準拠したページ構成と、CSSを用いたデザイン調整について学んだ。HTMLでは見出しや段落、画像などのタグを適切に使うことで、情報を分かりやすく整理できることを理解した。また、CSSを利用することで、ページの余白や画像サイズを調整でき、サイト全体の見やすさを高められることも学んだ。
今回のサイト更新では、トップページに「About Us」の説明を追加し、このサイトの目的や内容が訪問者に伝わるようにした。また、最初の記事として、東京のおすすめ観光スポットである東京タワーについて紹介する記事を公開した。記事では、東京タワーの魅力やおすすめポイントをまとめ、記事の最後には場所が分かりやすいようにGoogleマップも追加した。
難しかった点は、Googleマップを記事内に挿入する作業である。地図の埋め込みコードを正しく貼り付け、記事の下部に自然に表示されるように調整するのに時間がかかった。また、画像を入れる際にはサイズが大きすぎるとページ全体のバランスが崩れるため、画像の大きさや配置にも注意する必要があった。
今回の作業を通して、記事を作成するときは文章だけでなく、画像や地図などの情報も含めて、読みやすく使いやすいページにすることが重要だと感じた。次回は、観光記事の内容をさらに増やし、サイト全体のデザインにも統一感を持たせたい。
- コメントを投稿するにはログインしてください