HTMLについて覚える事の全て(概要)

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

HTMLは書いた事ない人は難しいと感じるかもしれません。

でも、結論から言いますが、難しいめんどくさいところはほとんどコピペでいいんです。

もちろん熟練してきたらcanonicalがどうとか文字コードがなんだとかDOCTYPEがどーたらとか覚えていけばいいと思うんですが、末端の現場(つまりその辺のウェブ制作会社)の平社員レベルであれば全然知識なんていりません。コピペでいいんです。そんな軽い気持ちで考えてください。これはまじです。このレベルでフリーランスの人も大勢います。

ではフロントエンドエンジニアになるために重要な事は何なのか。ずばり以下に箇条書きします。

 

フロントエンドエンジニアになるために覚えてれば良い事一覧

  • HTMLの基本的な書き方
  • CSSで何ができるか
  • ftpソフトの使い方

はっきり言ってこの3つだけです。

これだけ覚えれば「わたしフロントマン」と名乗っても全く問題ありません。なにせ、ウェブサイトをゼロから作れて世界に向けて公開できるのですから。

では上記3点について少し掘り下げます。

 

HTMLの基本的な書き方

HTMLの中には色々な項目があると見せかけて、実はちょっとしかありません。

全体的な構成はおぼえるというか、空のテンプレートを一個用意すれば、あとはなんとなくわかりそうなものなので、べつに覚えなくてもいいです。

早い話、HTMLタグの種類をいくつか覚えてしまえば事足ります。ほんの数個です。別のエントリーでまとめます。

ただ相対パス・絶対パスで挫折した人を見たことがあるので、そういった少し細かい基本的な部分はこれも別エントリーでまとめます。(このブログは基本時系列でお読みください。)

 

CSSで何ができるか。

CSSで何ができるかを知るだけでいいんです。
やり方を覚える必要は最初は全くありません。

だってググったら出てくるし。
HTMLもCSSも基本的なルールはごくごくシンプルなものなので、特に気合いを入れて受験勉強のように覚える類のものではなく、例えば文字の色を赤くしたいなーと思ったら「CSS 文字色変更」などでググればどこかの誰かが親切丁寧に教えてくれるブログが出てきます。それコピペでOKです。

そのうちほとんどの書き方はあまりにも簡単なものばかりなので、ググって書いているうちに自動的に覚えてしまいます。ていうかちょっと記述や英単語のスペルが覚え辛いやつは覚えなくてもいいんです。ググればいいので。でもそれでも勝手に覚えてしまうのがCSSというものです。簡単なんで。

なので、「何ができるのか」だけ知って入れば、あとは誰だっていきなり書けます。

 

ftpソフトの使い方

HTMLやCSSをあなたのパソコン内で書いたとしても、誰にも見てもらえないのでいわゆるサーバにアップロードしてあげる必要があります。

FTPソフトというのは、ローカル(手持ちの端末)とサーバ(レンタルサーバなど)を繋いでファイルをアップロードしたりダウンロードしたりするための、PC用アプリケーションのことです。ググったらいろんな種類のものが出てくるので、どれでもいいけどFireZillaをお勧めします。とりあえず特に理由はないです。FFFTPってソフトはmacだと使えないし。FileZillaはmacでも無料です。

ftpソフトを使うということは、サーバもないと意味ないので、適当なレンタルサーバ(月数百円)を借りて、ドメインを設定しましょう。ドメイン決めてネットに公開されるとちょっとテンション上がりますよ。まずやるべきはこれですね。

やり方はググってください。お勧めのレンタルサーバのアフィリエイトでも貼っておきます。

エックスサーバー

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*