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

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

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

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

表現力が変わるCSSの力!

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

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

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

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

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

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

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

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

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

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

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

第一印象ががらりと変わる、イメージファイルの使い方!

今日は、イメージファイル、つまり画像の記述方法です。 サイト制作ツールを使った場合は、画像をアップロードし、選択するだけで簡単に挿入できますが、細かい設定やHTMLを見ながらの編集の場合にはしっかりと理解しておく必要があ …

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

直帰率が変わる!?文字装飾の力!

さて、今日は文字装飾についてです。ウェブページをより見やすく、そして理解しやすくしてもらうためにも、文字装飾はとても重要です。 仕切り 改行 ・<br> 改行したい位置に記述すると、その位置で改行されます。< …

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

HTMLの理解が早まる”段落”を理解する!

今日は【段落】の理解です。この段落を理解しているのとしていないのでは、表現方法の理解に大きな変化があります。事実、私は段落の意味を知って、今までうまく解決できていなかった部分が明快になりました! 【段落】 ・<p> …

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

キーワードでアクセス数が変わる!タイトル・文字コードの指定

【タイトルと付加情報の指定】 ・<title></title> HTMLファイルのタイトルを設定します。タイトルは、ブラウザのタイトルバーに表示されます。 ・<meta http-equiv …

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

文字化けを防ぐ方法!言語の指定

バタバタと忙しく久しぶりの更新になってしまいました。今回の内容はシンプルですが、基本の一つである”言語の指定”についてです。 【言語の指定】 <html lang=”言語コード”></html …