One Step
Takeshi Blog

【入門】初めてのHTML&CSS

beginning

ご挨拶

私は、ほぼ独学でやっているので、自分がどのくらい出来ているのわからなかったり、どうやって勉強していけば良いのか悩んだりしていました。なので、これから始めようと思っている人、興味を持っている人、モチベーションが上がらず、挫折しそうな人の助けになればと思います。

私自身の再確認と練習でもありますが、、、、w 私自身、プログラミングをやっている知り合いがいなかったので、やっぱりモチベーションの維持が難しかったり、わからないことを解決するまで時間が掛かったりと、四苦八苦し、挫折しかけていたと言うか、、、挫折してました。

興味がある人は、とりあえず、触ってみるといいと思います。HTMLとCSSは比較的簡単に出来るので考えるよりもやってみることが一番いいと思います。私もまだまだですが、みなさんと一緒にスキルアップしていけるようにしたいです。ここがわからないなど、疑問、質問したいことがあれば、気楽にお問合せしてください!!

HTML&CSSってなに??

そもそもWebサイトでどう出来ているんでしょうか?!

ホームページやブログなどは、大抵HTMLCSSJavascriptで構成されています。HTMLは、Webサイトの土台を作るための言語で、PCにここはメニューバーで、こっちはメインの記事です、などを教えるために記載していきます。

CSSはその土台を装飾するための言語で、色をつけたり、並べ方やサイズを変えたりします。HTMLとCSSは比較的簡単に覚えることが出来ます。

そして、

Webサイトを動的に見せるために使うプログラミング言語がJavascriptになります。みなさんもよく見ると思いますが、トップの画像がスライドしたり、メニューボタンを押すとその下にさらに細かいメニューが出てきたりと動きをつけるために使う言語になります。

興味はあるけど、難しんだろうなって思っている喰わず嫌いな方、とりあえずやってみましょう!!特にお金を掛けて何か準備しないといけないわけではないので、まずは一歩進んでみましょう!!!

始めるには何を準備すればいいの?

やってみたいと思っても何を準備すればいいかなんて、初めはわからないですよね?!

ですが

準備するものは、パソコンとコードを書くためのエディタだけです。エディタってどうすればって思うかもしれませんが、無料で提供されているものがあるのでそちらを使うといいと思います。

いくつか紹介しますので、よろしければこちらをみてみてください。Atomsublime Textbracketsなどがあります。この他にもあるので、気になる方は、探してみてください。私は、Illustratorphotoshopもいじりたいと思ったので、お金はかかりますが、AdobeDreamweaverを使っています。まずは、無料のエディタをダウンロードして一緒にやってみましょう!!

こちらの記事もどうぞ!!