講座内容のご案内

これまでに、多くの方々に学んでいただいております HTML/CSS講座。
ここではその内容をご案内いたします。

講座内容 ご案内

HTML とは

ウェブサイト(ホームページ)は、「HTML」 と 「CSS」という二つの言語で作り上げていきます。
数多くのプログラミング言語がある中で、HTML / CSS は、理解も容易で大変習得しやすく、作り上げた成果物（ウェブサイト）をすぐに確認できるので、学習意欲も継続します。初めての方が学ぶにはとってもお薦めの言語です。

学習内容

HTML講座では、ウェブサイトをご自身で作成できるよう、様々なことを学んでいきます。

HTML入門篇

• HTMLとは

  「見出し」「本文」など、ウェブサイトの「文書構造」を書き表すための言語です。

• HTMLで簡単なウェブサイトの「見出し」を書いてみます。

  <h1>こんにちは</h1>

• CSSとは

  色や大きさ、配置など、ウェブサイトの飾り付けを書き表すための言語です。

• CSSで、先ほど書いた「見出し」を「赤く」飾り付けをしてみます。

  h1 {  color: red; }

• CSSグリッドレイアウト

  「グリッド」とは「格子」のことです。画面の二次元（縦と横）方向に格子を用意することで、自由自在に文章や画像などを配置できるようになります。

• レスポンシブデザイン

  iPhone / iPad / Mac など、ウェブサイトを見る環境は様々です。それぞれの画面幅に適したデザインで、ウェブサイトを見てもらえるように作り上げていきます。

• お問い合わせフォーム

  ウェブサイトを見た方からの問い合わせを受け付けられるよう、サイトを作っていきます。

• ウェブサイトの公開

  作ったウェブサイトをみんなに見てもらえるよう、サーバに公開します。

• プログラミングのための高性能文字編集ソフト「エディタ」を使う。

  HTML / CSS を書くための便利なソフト「エディタ」の使い方も学びます。

HTML発展篇

• JavaScript(ジャバスクリプト)

  JavaScript は、文字や絵の表示を制御したり、利用者の操作に応じて動きのあるサイトを作成する際に用いられるプログラミング言語です。HTML / CSS より、少し学習の難易度は上がりますが、魅力的なサイト作成には欠かせない技術です。ウェブサイトに Google Map や YouTube を載せたり、写真などの扱い方を学びます。

• Slim(スリム)

  HTML を より簡単に書ける Slim について学びます。

• Sass(サス)

  CSS を より簡単に書ける Sass について学びます。

• Git(ギット)

  ソースコードを管理できる Git について学びます。
  文章や写真を追加するなど、ウェブサイトは日々成長していきます。制作の区切りとなるところで、Git を使って保存して行きましょう。

  • 新しい機能を試しやすい。
  • 元に戻したいときにすぐに戻せる。
  • ほかの人とコード共用できる。
  などなど、とても便利です。

• Middleman(ミドルマン)

  静的サイトジェネレータである Middlemanを利用するとウェブサイトの作成がとても捗ります。
  メニュー項目など共通する部品を管理する、SlimやSassで書いたコードを HTML/CSS に翻訳する、同じような部品を繰り返し配置するなど、様々な利点があります。
  このサイトも Middleman を使って作成しています。

講座で作成するウェブサイトの例

iPhoneにも対応したレスポンシブデザインで、次のようなサイトを作成していきます。

対面での講座

プログラミングを習得されたいあなたへ向けて、独学で学べる多数のオンライン講座もございますが、分からない点、疑問点を気軽に聞ける対面での講座は、学習意欲の維持や技術習得の観点からとてもお勧めです。
遠方の方には、ビデオ通話と画面共有ソフトを用いた遠隔でのご指導もいたしておりますので、お気軽にお声掛け下さい。

学びの形

先生が前に立ち、生徒は机に座って、授業を受ける。分からない点があっても質問できず四苦八苦してしまう。よくあるパソコン教室での学びはこのようになりがちです。
もっと気軽に情報技術(IT)やプログラミングを学んで欲しい。そんな想いから喫茶店等での個人指導を中心に行っています。ちょうど家庭教師のような、あるいは共に技術向上を目指す仲間のような意識を持っていただければと思っております。お友達や、会社、サークルの仲間達とご一緒に公共施設や会議室を借りてのグループレッスンも行っております。

こんな方が学んでいます

大学受験に活かしたい高校生の方〜在宅でお仕事をなさりたい主婦の方、お仕事に活かしたい社会人の方や、定年後の新しい趣味として学んでみたい方など、10代〜60代まで、老若男女、様々な方が学んでいます。

学習期間

学習期間ですが、週一回二時間、おおよそ二ヶ月を目安にしていただければと思います。
週二回学びたい、土日に纏めてやりたい、など対応させていただきますので、お気軽にご相談ください。

学習費用

学習費用ですが、街中のプログラミング教室ですと、十数万円から数十万円をかけて、二〜三ヶ月通学して技術を習得するところもございます。
多くの方々に学んでいただきたいとの思いから、なるべくお財布に負担をかけずに学習していただければと思っておりますので、ご安心ください。いつでも使える回数券もご用意いたしております。ご予算に応じてご相談可能ですので、お気軽にどうぞお問い合わせください。

お近くの喫茶店でミニ講座も

喫茶店等で、お打ち合わせや、ミニ講座も行っております。
ご質問やご希望など、いろいろお聞かせください。
良き出逢いになればと期待いたしております。

テキストはこちら

CSSグリッドで作る HTML5&CSS3 レッスンブック

CSSグリッドをベースにすると、Webページ制作がシンプルになります。

本書では、サンプルを作りながらステップ・バイ・ステップで学習することにより、モバイルファーストで本格的なレスポンシブに対応した実践的なWeb制作に関する知識をひと通り得ることができるようになっています。

これからHTML5＆CSS3を使ったWebサイトの構築を学びたい人に最適の一冊です。

CSSグリッドレイアウト デザインブック

CSSグリッドによるWebデザインを、作成制作を通して解説。

・縦横に均等に分割したグリッドによる「雑誌風レイアウト」

・複数のグリッドを組み合わせて作る「フライヤー風レイアウト」

・画像とテキストの重ね合わせによる「画像メインのレイアウト」

本書を通して、CSSグリッドがWebデザインにもたらす表現力と自由さを体験してください。