ステップごとに覚えよう!

ステップ1
まずはここ。ホームページとは何か?~SEOの意味について解説。


ステップ2
ホームページを作る上での準備について解説。


ステップ3
htmlとは?書き方や確認の仕方について解説。


画像編集ソフト PictBearをインストールする方法についてわかりやすく説明

PictBear 無料ソフト

前回は、PictBearという無料ソフトをダウンロードしたところまで行いました。
今回は、ダウンロード後のPictBearインストールについて見ていきたいと思います。

「画像編集ソフト PictBearをインストールする方法についてわかりやすく説明」の続きを読む…

画像作成する為のフリーソフト PictBear 使用 photoshop

PictBear 画像編集ソフト

これまで、ホームページのタイトルや見出しの付け方、本文の記述方法などを解説してきました。

文字だけだと訪問者さんも退屈してしまいますので、今回は、ホームページに画像を表示する為の画像作成から簡単に行なっていきます。

「画像作成する為のフリーソフト PictBear 使用 photoshop」の続きを読む…

ホームページ作成 本文を改行(br)し読みやすくしよう

ホームページ作成 本文を改行

前回は、見出し要素についてご説明させて頂きました。
見出しをつけることで、訪問者様にもSEO的にも良いということがわかります。
わかりやすい見出しをつけて良いホームページ作成を行いましょう。
さて今回は、改行についてふれていきたいと思います。
「ホームページ作成 本文を改行(br)し読みやすくしよう」の続きを読む…

ホームページ作成 見出し h1の使い方とは?SEO対策・効果もある?!

ホームページ 見出しについて

今回は、見出しをつける作業を行なっていきます。

■見出しとは?
色々な意味でとることができますが、今回の場合は「本文中の見出しを作る」といったイメージです。

「ホームページ作成 見出し h1の使い方とは?SEO対策・効果もある?!」の続きを読む…

htmlソースを表示する ブラウザの表上では見えない部分を確認

htmlソース確認方法

前回は、ホームページの説明文を記述する作業を行いました。
description(説明文)は、ブラウザ上では通常表示されない為、タイトルや本文のように確認することができません。
今回はその確認方法についてみていきます。
「htmlソースを表示する ブラウザの表上では見えない部分を確認」の続きを読む…

ホームページ作成 サイト説明文を書こう SEO対策 description

訪問者にもやさしいサイト作り

前回、SEO対策でも重要でありホームページ(ウェブサイト)の基本となる、
タイトル要素について行いました。

今回は、もうひとつSEOにも関係する部分にふれていきたいと思います。

「ホームページ作成 サイト説明文を書こう SEO対策 description」の続きを読む…

html文字コード宣言 文字化けを防ごう

html文字コードを宣言しよう

前回はブラウザにてhtmlファイルの内容を確認する作業を行いました。

ホームページの表示内容を確認することで、どこまで出来上がっているかイメージしやすいですし、こまめにチェックすることでモチベーションを上げることができ作成にも力が入ると思います。

「html文字コード宣言 文字化けを防ごう」の続きを読む…