何から学べばいいの?2019.9.9ふくろう先生はじめまして。Web講座講師のふくろう先生と申します。パンちゃん生徒のパンちゃんです。Webサイトを作るのは全くはじめてのド素人です。ふくろう先生なるほど!では、何から学べばよいかも含め楽しみながら作ってみるかね。パンちゃんはい!基本の基本からよろしくお願いします。HTMLとCSSを学ぼう!まずは、基本中の基本であるHTMLとCSSを勉強しましょう。ほとんどのWEBサイトは、HTMLとCSSという言語で見た目が作られています。見た目以外、何があるの?と思うかと思いますが、動きや機能的なことはJavaScriptなどで作ります。HTMLとCSSって何なの?ってことですが簡単に言うと下記になります。ランゲージ)の略称で、その名の通りWebページにテキスト(文字)を書く言語になります。実際にHTMLファイルを作ってみましょう。HTMLを書いてみよう!HTMLを書くのは、思っているよりはるかに簡単。Windowsの場合、標準搭載されている「メモ帳」を開きます。そこに何でもいいので、文字を書いてみましょう。文字を書いたら、メモ帳のファイルをhtml形式で保存します。ファイル名を「sample.html」にします。※拡張子が.htmlであれば、ファイル名は何でも大丈夫です。※文字コードは「UTF-8」で保存してください。すると↓下記のようなファイルが出来上がります。これをダブルクリックすると自分のブラウザに先ほど書いた文字が表示されます!たったこれだけでHTMLが書けるんです。「HTMLってもっと難しく見えるよ」っていう方もいますよね。それはタグという物をHTMLには書くからです。タグって何?タグって何なのでしょうか?簡単に言うと、タグとは文字に「意味」を与えてあげる印みたいなものです。下記の例のように、文字をタグで囲ってあげることにより、ただの文字がp(段落)やh1(見出し)といった意味を持つようになります。【例】<P>まずは文字を表示してみよう</P><h1>h1は大見出し!</h1>たったこれだけで、ブラウザでそのhtmlファイルを開くと下記のようになります。基本的にタグで囲ってあげるだけで、文字に意味を持たせることが出来るようになります。他にも<h2>タグや、<li>(リスト)タグ等、いろいろありますがタグの種類はそこまで多くないので、1つずつ覚えていけば比較的すぐマスター出来ます^^CSSとは?HTMLは、なんとなくわかって頂けたと思いますが、CSSが何かわかりませんよね。Sheets)とはカスケーディング・スタイル・シートの略称になり、その名の通り、Webページのスタイルを指定するための言語です。先ほどのHTMLで<p>(段落)タグなどを使いましたが、cssは<p>タグの文字サイズはいくつ等、文字の大きさや色など、HTMLで書いた物を見やすくしたりデザイン性を持たせることが出来ます!詳しくは次回に説明させて頂きますね。