Web初心者がまず試したいホームページを作る３つの方法【ゼロからのhtmlとcss】

サムネイル：Designed by Rawpixel.com

まだまだWeb初心者のmafiです。

今回は、『これからホームページを作りたいけれど、初心者にはどの方法がいいの？』と考えている人に読んでもらいたいと思い、記事を書きました。

僕も、医療・福祉分野という意業界から初心者で勉強を始めた経験があるので、参考にしてください。

ホームページを作る技法的種類

初めはホームページを作るためにどういう技術的方法があるのか調べました。

ここには大きく３つの方法しか書いていませんが、もちろんこのほかにもworpressなどHPを作成する方法は無数にあります。

[chat face=”sakana1.jpg” name=”mafi” align=”right” border=”gray” bg=”none”] 興味があれば、他にも調べてみてくださいね。 [/chat]

方法１：作成ソフトを使う

ホームページビルダーなど、市販のHP作成ソフトを購入してHPを作る方法。

ホームページビルダーはWordやPowerpointerのように視覚的にホームページを作ることができます。
お絵描きをするようにHPを作るソフト。

でもこのソフトを最初に使った僕の印象は、『このソフトの使い方になれるまでに時間がかかるぞ』でした。
僕にはあまりにも知識がなかったので、ホームページの構造の作り方もわからない上に、ソフトの使い方まで学ぶ時間はめんどうだったのです。

ホームページビルダーには無料体験版があるので、良かったら試してみてください。

[amazonjs asin=”B01LOMMT60″ locale=”JP” title=”ホームページ・ビルダー21 スタンダード通常版”]

・HP作成ソフトの維持費がかかる
・独特の操作方法の習得が必要
・サーバーが必要

・視覚的にHP作成ができる

ホームページ自体は自分のPC上で作ることができます。

ただ、作ったホームページはインターネット上のサーバーに置くことでみんなと共有することができるようになります。

サーバーとは、インターネット上のホームページの置き場所のことです。
ドメイン＝『住所（〇〇市△△町～）』だとすると、サーバー＝『家を借りる』みたいな感じです。

方法２：テキストエディタに直接入力

次に見つけたのは、Windowsのメモ帳に『html』『css』のコードを直接入力してHPを作成する方法。

【僕のスペック】
・Windows使用

メモ帳は、スタートボタン（シャットダウンするときに使う左下のボタン）→アクセサリ→「メモ帳」で表示できます。

メモ帳を開き、以下のコードを書きます。

1<div class="box1">
BOX1
</div>

これが『html』というタグです。

このタグを書いていくことで、ホームページを作成することができます。

書いたら保存します。

[chat face=”sakana1.jpg” name=”mafi” align=”right” border=”gray” bg=”none”] 保存する名前は、『index.html』にしましょう（今だけね）。
保存先はデスクトップにしましょう（お好きな場所で大丈夫です）。 [/chat]

すると保存した場所に、アイコンができるはずです。