在宅ママのデザイン学習室

色コードの秘密…!?

今回は文字装飾のCSSについて学習します。 HTMLでも文字装飾文字装飾はできますが、 CSSではさらに細かく指定できる他、HTMLファイルをごちゃごちゃさせないメリットもあります。 文字色の指定 ・color:値 文字 …

在宅ママのデザイン学習室

div要素とspan要素の違いは?使い分け方法紹介!

HTMLやCSSを使って、装飾をすることはできますが、 同じ装飾を広範囲にしなければいけない場合は、 少し面倒ですよね。 そのときに活躍するのが「div要素」と「span要素」です! 特定の範囲のグループ化 特定の範囲を …

CSSの「.」と「#」は何が違う?

私がCSSを独学でちらほらと編集するようになってぶつかったのが、 セレクタ(CSSの一番最初の部分)の「#」と「.」の違いです。 一番初めにCSSを編集するようになったツールでは、 必ず「#」を使っていたのですが、 その …

在宅ママのデザイン学習室

CSSがブラウザに表示されてしまったときの対処法!

さて、今日はHTMLにCSSを記述したときのトラブル防止についてです。 ・CSSがうまく表示されない!・ブラウザにCSSが表示されちゃってる!・どこになんのCSSを書いたかわからなくなった! など場合の対処法をご紹介しま …

在宅ママのデザイン学習室

CSSはどこに書くのが正しい!?

さて、今日はCSSの記述場所についてです。 CSSを記述する場所は二つあります。 ①CSSファイルに記述する ②HTMLファイル内に記述する CSSファイルに記述する 「CSSファイル」とは、CSSだけをまとめて記述した …

在宅ママのデザイン学習室

忘れちゃいけない、CSSの書き方!

今日は、CSSの記述の基本を学びます。 私は基本、調べる→コピーする→張り付ける、の手順でやってまいりました。 構造をしっかりと理解するのは初めてです(笑) 並び順、書き方は、すべて同じです。 まずは基本を覚えましょう! …

在宅ママのデザイン学習室

表現力が変わるCSSの力!

さて、今日はついにHTMLについての学習がおわり、CSSのお話になります。 フォントサイズや背景、行間、余白など、見栄えに関する書式を「スタイル」と言います。 CSSではこのスタイルを記述、指定してHTMLファイルで記述 …

在宅ママのデザイン学習室

SEO対策にもなる!リンクの付け方

さて、今日はリンクタグの学習です。 私が仕事としてやっているアフィリエイトでも、リンクはとても重要!見てほしいページを載せたり、出典を載せる時にも便利です。 リンク ファイルへのリンク ・<a href=”ファイル …

在宅ママのデザイン学習室

理解すれば簡単!テーブル作成

今日はテーブル作成の学習です。 私は最初、テンプレートを使って作成してました。でも、内容を編集しようとHTMLを見るとごちゃごちゃしてて何が何やら! でも、しっかりとタグの意味を理解すれば実はとってもシンプルです^^ ・ …

在宅ママのデザイン学習室

今さら聞けない!ドメインとサーバーのお話

ホームページを制作したあと、最も大切なのが、データのアップロードです。 その時にかかわってくるのが、ドメインとサーバーです。 なんとなくわかってるけどきちんと理解できてないかも…という人もいればドメインってなに?サーバー …