1限目
学科 HTML/CSS基礎②
ファイル管理について
2限目
学科 HTML/CSS基礎②
Webページ制作実践
3限目
学科 HTML/CSS基礎②
Webページ制作実践
4限目
学科 HTML/CSS基礎②
Webページ制作実践
5限目
学科 HTML/CSS基礎②
本日の講義のまとめ
本日のテーマ
HTML記述してみましょう
ファイル管理について
Webサイト開発時には、HTMLファイル、CSSファイル、JavaScriptファイル、画像ファイルなど多くのファイルを使用します。また、各ファイルは随時変更されるので適切なバックアップも必要です。
フォルダ名やファイル名の命名規則やフォルダ構成などを決めて管理しておかないと、どのファイルが、どこにあるのかわからないという状況になってしまいます。また、作業時には理解していても後日に確認すると「わからない！」というのは良くある話です。
本サイトの右側にある「ファイル管理について」などを確認して適切なファイル管理ができるようになりましょう。
Webページ制作実践①
実際にサンプルファイルを使用してWebページ制作の手順を確認していきましょう。
- HTMLの基本構造
- 文書情報について
- 文書本文について
- HTML：構造化タグ
- HTML：コンテンツのグループ化タグ
- ウェブページの保存は半角英数字で作成する🐹
- テラパットでの保存方法
- UTF-8Nで作成、index.htmlでファイル保存する📁
- テラパット、表示、フォントサイズ、16、タブの文字数、2、
- インデントを揃えることが大事。揃えたい部分を選択してtabキーで揃える。
- 編集したら、アスタリスク(*)がつく。
- こまめに保存することが大事。control＋S
- HTMLとCSSの基礎をまとめたサイト
- 一個づつ作成して更新して確認する。
HTML・CSSの基礎 |トレーニング用 Sample
Webサイトの基本的な内容をここに記述してあります。
samplesdl.me
佐藤タカアキ | TAKAAKI SATO
デザイナー兼カメラマン、佐藤タカアキのポートフォリオサイトです。
sato-takaaki.work
UNDERLINE
大阪でフリーランスのホームページ制作を行っているUNDERLINEです。デザイン、コーディング、CMSを使った更新性の高いサイトをメインに、クライアントの目線で心に残るようなものを制作...
u-d-l.jp
課題
Webページ制作実践で作成したページのキャプチャを取得してWordPressの投稿ページに貼り付けを行いましょう。（出来たところまでで大丈夫です）
感想
今日から本格的にHTMLについて勉強が始まりました💻
画像も入れれるようになって嬉しいです🐰🩷
コメント