Beginners

HTML、CSSのわからない方へ

webサイトはHTMLとCSSで作られています。

webサイトを作ろうと思う方なら、ご存知かもしれません。
でも、wixなど、HTML・CSSを知らなくてもサイトが作れてしまう今、
あまり知らない方もいらっしゃるかもしれません。

当サイトのテンプレートはHTMLファイル、CSSファイルで作られているので、
それらが全くわからないと、どうやって使ったらいいかわからない・・・
ということも、あるかもしれないですよね。
しかしながら、私もプロじゃないですし、勉強中の身ですので、しっかり解説することもできません。

そこで、webサイトを作るにあたって、とっても参考になる素晴らしいサイト様をご紹介しておこうと思います。

 

サイトの作り方、テンプレートの配布とその使い方までわかる「do」様

do | 創作・同人向けレスポンシブ対応無料htmlテンプレート

個人・趣味の創作・同人サイト向けに、レスポンシブ対応無料htmlテンプレートを配布しています。サイト制作に役立つ情報や、便利なツールなども、初心者にも分かりやすく解説。

個人サイト向けのテンプレート配布サイト様ですが、サイトをつくるための初心者向け記事が、とっても丁寧です。

webサイトを作る全体の流れを知るには

創作・同人サイトの作り方!サーバーのレンタルからサイト公開までの全手順 | do

創作・同人サイトを作りたい方が、初めてでも迷わずサイトを作れるように、htmlテンプレートを使ってサイトを制作するときの手順を解説。サーバーを借りてから公開するまでを時系列でまとめました。

テンプレートの使い方を知るには

HTML/CSS初心者のためのテンプレートの使い方 | do

この記事では、HTMLを触るのが初めてな方でもサイトが作れるよう、最低限の基礎知識から解説していきます。目標は「とりあえずhtmlテンプレートを編集できるようになること」なので、詳しい解説などは飛ばしていきます。

他にもためになる記事が続々と。
テンプレートをぽいっ、どうぞ使ってね💛と置いているだけのうちとは違い、大変手厚いです!
テンプレートも凝ったものも多く、私もいつも刺激をいただいているサイト様です。

 

webに関するあらゆる知識を見やすくわかりやすく解説してくれる「サルワカ」様

サルワカ | サルでも分かる図解説明マガジンサルワカ

サルワカはあらゆることを分かりやすく解説するメディアです。何か分からないことがあったときはサルワカへどうぞ!

「HTML&CSS入門」のSTEP1~4を読めば、HTML・CSSの基本的なところはわかるのではないでしょうか。
基本さえなんとなくわかっておけば、DLしたテンプレートのHTMLファイルと、デモサイトを見比べながら、
日本語部分を編集していけば、それなりにサイトを作れるのでは・・・と思います。^^;
もちろん、STEP5以降を読んで、CSSファイルを編集してカスタマイズしていただいてもOKです。

かくいう私も、すべての記事を読ませていただいたわけではないので・・・
時間を見つけて、じっくり読みたいなあと思っています。
「HTML&CSS入門」以外も、とってもためになる記事がたくさんありますし・・・

他にも、参考になるオススメサイト様を見つけたら、Linkページに追加していこうと思います。
それでは、思い通りのwebサイトを作っていただけることを願っております。