サイタWeb・デザインスクールHTML/CSS入門講座 兵庫 初心者でもできるHTML・CSS入門講座 レッスンノート 今後のレッスンの方針と流れについて

今後のレッスンの方針と流れについて

HTML/CSS入門講座のレッスンノート

レッスンノートって?レッスンノートって?

体験レッスンお疲れさまでした!
また、ご入会いただきありがとうございます。

本日は生徒様のご要望と
現在のスキルをお伺いして、
今後の方針をご説明させていただきました。

しばらくお仕事にて、HTML/CSSを
触ってらっしゃらないようでしたので、
まずは一通りHTML/CSSの要点を学びます。

そのあとに、
サイトのWordpress化や、
レスポンシブWEBデザイン化など
トレンド技術を学びつつ、
HTML/CSSをご自身のものにしていきましょう。


第1回目の課題につきましては
この後サイタのメッセージにてお送りしますので、
ダウンロードして行ってください。

課題が完成次第、
サイタのメッセージのアップロードを利用して、
アップロード先URLをコピーして貼り付けて
僕宛にメッセージをお送りください。

この流れで、
今後のレッスン課題も行っていきますので、
宜しくお願い致します。



【コーディングという言葉について】

少し軽くご説明させていただきましたが、
ちょっとだけ突っ込んで、
詳しく説明させていただきます。

そもそもコーディング、コーダーのベースの言葉は
「Code」です。

誤解を恐れずに言うと、
「Code」はプログラム言語で書かれた
プログラムのことです。

ちょっと定義で細かいことになるのですが、
実はHTML/CSSはプログラム言語ではなく、
マークアップ言語です。


WEBの中でざっくりとプログラム言語に該当するのが、
・ブラウザー側で動くもの(JavaScript、jQuery)
・サーバー側で動くもの(PHP)
・データベース系(MySQLなど)
に部類しています。

----- 追記 -----
※最近のJavaScriptは、Node.jsの登場で
サーバー側にも動きを与えることが出来ます。
----------------

その他に、
アプリ/WEBアプリ開発などで使われる、
プログラム言語もあります。
・Swift
・JAVA
・PHP
・Ruby
・Python
・Perl

このように、
「Code」を書くということは、
「プログラムまで書ける?!」
という誤解を生みやすいので、
次のような言葉が誕生しました。


・マークアップエンジニア
主にHTML5/CSS3と簡単なJS
今までのWEBコーダーが含まれる

・フロントエンジニア
マークアップエンジニア+PHPなどのプログラム言語
WEBプログラマーもここに含まれる

・バックエンドエンジニア
JAVA・Rubyなどのプログラム言語
WEBプログラマー


ですので、最近はHTML/CSSを書くときは
コーディングするではなく、
「マークアップする」という言葉が
聞こえるようになりました。
このレッスンノートを書いたコーチ

制作会社で自力で得た実践的ノウハウ伝授。WEBデザイナーも夢じゃない!

新着レッスンノート

体験レッスンお疲れさまでした。 本日はWordPressで作るサイトについて システムにおいてできることなどを お話しさせていただきました。 その他にも、 Webコピーライティングについてですとか、 Webの仕事を営業などについてお話いたしました。 最近の本屋を見てみ...

レッスンお疲れさまでした! 本日は前回作成しました レスポンシブウェブデザインのデザインから、 マークアップした分を チェックさせていただきました。 基本的には ほぼほぼ完成してましたね! あとは デザインに照らし合わせて 細かいところを微修正していきましょう。 ...

レッスンお疲れさまでした! 本日は、 前回にお出ししたデザイン課題について、 特にスマートフォンに関しまして 修正を行いました。 また、 デザインから書き出しをおこなって マークアップする準備をしました。 まずはスマートフォンから作りこみ、 出来上がりましたらデス...

レッスンお疲れさまでした! 本日は、 前回にお出しした課題について 改善したいポイントを中心に お教えいたしました。 レスポンシブウェブデザイン化する際に、 下記の2つの方法があります。 ・デスクトップから先に作る ・スマートフォンから先に作る 実は難易度として高...

レッスンお疲れさまでした! 本日は、 ローカルでWordPressを使って作成したWebサイトを 本番サーバに上げる方法や、 お客様とのディレクションについて お話しさせていただきました。 【Webサイトを本番サーバに上げる方法】 基本的に、 データを上げる...

レッスンノート ページ先頭へ

HTML/CSS情報

サイタのHTML/CSS講師がブログを通して、HTML/CSS情報を発信。更新情報のチェックはこちらから!

twitter

HTML/CSSの先生

@DTPCyta