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

【勉強】HTML/ホームページの作り方を学習する

このページではHTMLの実践的な解説と、ホームページ作成の全般的な説明を行っています。

HTMLを勉強すれば、自分でHTMLを記述してホームページを作ることだって出来ますし、 ワードプレス作成においてもテーマ(テンプレート)で決められたデザインを超えて、 デザインを作りこむことが出来るようになります。

自分で1からホームページを作ってみたい方は 「ホームページ作成の解説」についても参考にしてみてください。

HTML学習

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

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

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

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

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

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

3.HTMLおすすめの本5つ

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

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

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

よく使われるHTMLの解説

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

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

2.みだし「h1、h2~」(デザイン、背景色、背景画像)

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

3.リスト「ul、li~」(デザイン、横並び、数字)

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

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

1.要素に画像を重ねて配置する「background-image」など

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

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

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

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

ホームページデザインで良く起こりがちなのが、スタイルシートの記述ミスや読み込まなくて困ってしまうということ。そのためにはCSSのセレクターの記述方法をちゃんと把握しておきましょう。。

ホームページ作成


ホームページ作成

1.【自分で作る】1時間でわかるホームページ作成

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

2.ホームぺージ作成の種類と違い(WordPress/Wix/ホームページビルダー/Dream weaver/テキストエディタ)

ホームページを作るといっても、作り方にはいくつかの種類があります。

①Wordpress、②Wix、③ホームぺージ作成ソフト、④Dream Weaver、⑤テキストエディタなど。 このページでは主にテキストエディタを使ったホームページ作成方法について解説していますが、 他にもどのような作り方があるかを知って、自分にあった作成方法を選びましょう。

3.HTMLテンプレートサイト(国内/海外)

HTMLホームページを作りたい時にテンプレートを活用するととても便利。 HTMLテンプレートを配布している国内や海外のサイトをまとめて紹介しています。

4.画像やイラストのおすすめ素材サイト(無料/有料)

画像やイラストを1つでも入れることで、わかりやすく説明できますし滞在時間やページビューの 増加にも繋がります。おすすめの素材サイトを集めてみました。

5.WEBデザイン勉強用サイト5選

デザインが優れたサイトをまとめて紹介している、ギャラリーサイトを5サイト紹介しています。 いろいろなホームページを見ることでWebデザインの勉強にもなります。

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

HTMLを1から覚える場合は、まず文字だけの簡単なページを作ってみましょう。

そこから文字の装飾をしたり 背景色を付けたり、2列に分けてみたりと、少しずつ作っていくと勉強になると思います。

次のリンクではより詳しく解説しています。気になる部分があれば読んでみてください。

web制作会社に依頼して作ってもらう

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

10万円以内で作りたい!ホームページ作成を企業に依頼する「料金」についてまとめてみました。

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

ホームページ作成を依頼する料金の平均的な金額は?