４・２５　HTML/CSS基礎

HTML/CSS基礎を実践で学んだ。

オンラインの時は英文の羅列でパッと見て終わったなと思ったけれど、小谷先生の教え方が分かりやすかったから何とかついていけている。

楽しもう！

トレーニング用HTML

使用したソフト：Terapad(作成時間：９０分)

トレーニング用のHTMLを使ってウェブサイト制作をしました。

何度かチェックサイトで頑張りましょうになりましたが、落ち着いたら間違いが見れるようになり、こんなにちいさな間違いでもたくさんのエラーになることを気づけました。

<要素名>内容（コンテンツ）</要素名>
<要素名属性=”属性値”>内容（コンテンツ）</要素名>
<要素名属性=”属性値”>

記述例	属性	意味
<meta charset=”UTF-8″>	charset=””	文字コード
<meta name=”description” content=”説明文”>	name=”description” content=””	サイトの説明文 nameとcontentはセットです。

1限目
学科 HTML/CSS基礎②
ファイル管理について

2限目
学科 HTML/CSS基礎②
Webページ制作実践

3限目
学科 HTML/CSS基礎②
Webページ制作実践

4限目
学科 HTML/CSS基礎②
Webページ制作実践

5限目
学科 HTML/CSS基礎②
本日の講義のまとめ

HTML記述してみましょう

Webサイト開発時には、HTMLファイル、CSSファイル、JavaScriptファイル、画像ファイルなど多くのファイルを使用します。また、各ファイルは随時変更されるので適切なバックアップも必要です。

フォルダ名やファイル名の命名規則やフォルダ構成などを決めて管理しておかないと、どのファイルが、どこにあるのかわからないという状況になってしまいます。また、作業時には理解していても後日に確認すると「わからない！」というのは良くある話です。

本サイトの右側にある「ファイル管理について」などを確認して適切なファイル管理ができるようになりましょう。

ファイルを指定するためには、絶対パスでの指定方法と相対パスでの指定方法があります。それぞれの特徴を理解して使い分けましょう。