カテゴリー: 学科 HTML基礎

学科 HTML基礎④

-本日のアジェンダ-

1限目
学科 HTML基礎④
固定ページについて

2限目
学科 HTML基礎④
プラグインについて

3限目
学科 HTML基礎④
バックアップについて

4限目
学科 HTML基礎④
作品の掲載について

5限目
学科 HTML基礎④
作品の掲載について

本日のテーマ

作品を掲載しましょう

参考サイト

固定ページの活用

プラグインの活用

バックアップ

その他

個人でWordPressサイトを立ち上げる時は下記のサイトを参照してみてください。

学科 HTML基礎③

-本日のアジェンダ-

1限目
学科 HTML基礎③
セレクタをまとめる

2限目
学科 HTML基礎③
widthとheight

3限目
学科 HTML基礎③
ボックスモデル

4限目
学科 HTML基礎③
課題制作

5限目
学科 HTML基礎③
課題制作

本日のテーマ

CSSを書いてみましょう。

【復習】昨日までのHTMLタグ（body内）

h1～ h6・ p ・img ・ul(li)

【復習】昨日までのCSSプロパティ

color・background-color・border
list-style
width
paddding

CSSの基本文法

CSSは、「セレクタ」「プロパティ」「値」の3つで構成されます。
それぞれを記述することで「どの要素（セレクタ）の、何を（プロパティ）、どのように（値）する」という命令文が成立します。

参考サイト

CSSのwidth（幅）とheight（高さ）の指定方法をマスターしよう
【CSS】box-sizing:border-boxの使い方｜効かない時は？

便利ツール

HTMLの記述をチェックしてみよう
　Gateway – Another HTML Lint
CSSの記述をチェックしてみよう
　CSS Validation Service
タグの意味等が思い出せない場合はこちらで調べてみよう
　HTML5リファレンス
　HTML5公式の仕様書の日本語訳
色の名前とカラーコードです
　HTMLカラーコード: WEB色見本 原色大辞典
画像圧縮ツール
　TinyJPG