HTMLの勉強・ホームページ作成

【勉強】HTML学習/ホームページ作成を学んで作り方を覚える

このページではHTML学習のための解説と、ホームページ作成の説明を行っています。

HTMLを勉強すれば、ワードプレス作成においてもテーマ(テンプレート)で決められたデザインを超えて 作りこむことが出来るようになります。 また、自分で1からホームページを作ってみたい方は 「ホームページ作成の解説」も参考にしてみてください。

HTML学習

HTMLを覚えるために最適な「Webサイト」や「各種サービス」を紹介します

1.オンラインで学べるHTMLスクール・webサービス

これからHTMLを学ぶ方にとって最適な勉強方法は、いまではオンラインスクールや動画やアプリによるwebサービスになりました。おすすめできるHTML学習スクールとアプリを紹介します。

2.HTMLタグ・リファレンスサイト

オンラインサービスが充実してきたとは言え、 わからないタグが出てきた時に、調べる方法として1番速いのは、タグリファレンスサイトを見ることや、 HTML解説サイトを見ることではないでしょうか。

おすすめのリファレンスサイトや解説サイトを紹介します。

3.HTMLおすすめの本5つ

オンライン学習もおすすめではありますが、やはり勉強の基本は本を使ったものになります。 HTMLとホームページの作り方を基礎から教えてくれるおすすめの解説本を5つ紹介します。

各種Web作成のリファレンスサイト

カラーリファレンスなど専門的なリファレンスサイトを集めました。

よく使われるHTMLの解説

1.文字(大きさ、色、背景色、太字、中央寄せ)

最も基本的でよく活用されるHTMLは「文字」についてではないでしょうか。 色をつけたり、大きさを変えたり、基本的な「文字」についてのHTMLを解説します。

2.みだし(デザイン、背景色、背景画像)

見出しはどのページにもほぼ出てくる要素になるため、デザインをする際には作り方をしっかり 把握しておきたいで要素の1つになります。

3.リスト(デザイン、横並び、数字)

思っているより、活用することが多いのがリストになります。 リストについては横並びにすることや、デザインする時に注意することがいくつかあり、 単純なHTMLでは作れないので、ある程度理解しておくことが大切になります。

知っておきたいHTMLの解説(応用編)

1.要素に画像を重ねて配置する

要素に画像を重ねる方法を覚えると、Webデザインの幅が広がります。 画像を重ねるにはいくつか方法があるため、それぞれ解説しています。

2.displayを理解する(インライン要素など)

インライン要素を理解することで、サイトの全体的デザインを自分で デザインすることが出来るようになります。

3.スタイルシートの「反映されない」を防ぐための理解術

ホームページデザインで良く起こりがちなのが、スタイルシートの記述ミスや読み込まなくて困ってしまうということ。 どのような方法があるのか理解しておきましょう。

ホームページ作成


ホームページ作成

1.ホームページ作成の基礎

ホームページを1から作る時に知っておくと良い最低限の知識を紹介しています。

ホームページ作成(おすすめサイト)

1.はじめてホームページを作る人に知って欲しい作成方法5つ

ホームページを作るといっても、いくつかの種類があります。①Wordpress、②HTMLサイト、③ホームページ作成ツール、④ホームページ作成ソフトなど。 作成に入る前にどのような作り方があるかを知って、自分にあった作成方法を選びましょう。

2.HTMLテンプレート配布サイト5選(無料/有料)

一般的なホームページを作るときにテンプレートを活用するととても便利。 HTMLテンプレートを配布しているサイトをまとめて紹介しています。

3.おしゃれに作る無料・有料の素材サイト5選

画像やイラストを1つでも入れるとページが華やかになりますよね。 人気の素材サイトを集めてみました。

4.WEBデザインまとめサイト5選

デザインの勉強になるWebサイトを探すときに、どう探せばいいでしょうか。 1つ1つサイトを探していたのではとても時間がかかります。 そこでデザインが優れたWebサイトを紹介している、Webデザインギャラリーサイトを5つ紹介しています。

まずは簡単なページから作ってみよう

ここまでの操作を行うことでホームページを作ることができますが、まずは文章だけの簡単なものから作っていき、そこから文字の装飾をしたり 背景色を付けたり、2列に分けてみたりと、少しずつ作っていくと勉強になると思います。

web制作会社で作る

Web制作会社に依頼してホームページを作る。と決めても「料金の目安はいくらなのか?」「どくらいのことまで運営してくれるのか?保守は?」といったように わからない点がたくさんあると思います。そこで制作会社に依頼するための情報をまとめてみました。

自分で作るのか?依頼をするのか?

初めての人がホームページを作るといっても、かなりの労力がかかります。 以前よりツールのなどの登場で作るのがかんたんになったとはいえ、その後の運営なども考えるとまず最初に自分でやるのか?それとも会社に依頼するのか? といった点の考えをまとめなくてはいけません。

自作するか依頼するか?違いや料金のまとめ

10万円以内で作りたい!ホームページ作成の料金相場や目安をまとめてみました。

会社のホームページ作成を急に作ることになってしまった・・・、自分でお店を立ち上げたのでホームページで集客したい。 実際にWeb制作会社に依頼したらどれくらいの価格になるのか、大体の目安をまとめています。

ホームページ作成の料金相場や目安