はじめてでも3時間でできる!
CSS超入門セミナー 大阪
ホームページ作成基礎講座

最新の開催予定

CSS超入門セミナー
2018年2月頃開催予定
大阪南堀江エイトビル10F
¥6,000(税込み)

お申し込み
はこちら

【ホームページの作り方とCSSの基礎がわかる初心者向けCSS超入門講座】

過去の受講生の声と実績

20代女性
20代女性

基礎的な考え方がわかりました。

会社でHTMLやCSSに触れる機会が増えているのですが、基礎的な考え方・理解の仕方を学ばずに作業していたので、こちらのセミナーでその辺の不安を解消させていただきました。
今回も大変わかりやすいご指導で勉強になりました。ありがとうございました!

40代男性
40代男性

これから恐々感がかなり減ると思います。

会社でHTMLやCSSに触れる機会が増えているのですが、基礎的な考え方・理解の仕方を学ばずに作業していたので、こちらのセミナーでその辺の不安を解消させていただきました。
今回も大変わかりやすいご指導で勉強になりました。ありがとうございました!

  • 第3回CSS超入門セミナー 集合写真
  • 第2回CSS超入門セミナー 集合写真
  • 第1回CSS超入門セミナー 集合写真

当日の進め方

実習中心でホームページを作成します

実際に自分のPCで手を動かしながら、HTMLとCSSを使って簡単なWebページを作っていきます。 初めてでも大丈夫!超入門セミナーなので一から進んでいきます。

実習の具体的な内容

  1. 1. はじめに簡単に自己紹介
  2. 2. 座学(HTMLのおさらい)
  3. 3. 座学(CSSの概念や基本プロパティの説明)
  4. 4. 実習(いくつかの単純なHTMLタグとタグにCSSを使ってWebページを作成)
    • 文字に関するプロパティ(font-size、color、font-weight、font-family)
    • 枠線に関するプロパティ(border、border-radius)
    • 背景に関するプロパティ(background-color、background-image)
    • 横幅と高さに関するプロパティ(width、height)
    • 余白に関するプロパティ(margin、padding)
    • などなど
  5. 5. 余った時間で個別相談・質疑応答

(※)初めての人は本講座の前にHTML超入門セミナーを受講しているとより理解が深まります。

講座でできるようになること

インターネットの様々な端末

ホームページの仕組みと
作り方がわかる

ホームページを初めて勉強する初心者向けに、知っておきたいWebの仕組みと ホームページ作成手順をお教えします。

ワードプレスのイメージ図

CSSを覚えて
Webページを装飾できる

いくつかの基本的なCSSを使って一枚物の単純なWebページの装飾ができるようになります。CSSを理解することでアメブロなどのブログサービスやWordPressなどでCSSで装飾できるようになります。

こんな人ににオススメの講座

  • 以前、独学でホームページを作ろうとしたけど、HTML・CSSが全くわからなかった。周りに聞ける人もおらず、諦めた。
  • ブログでフォントの色を変えたり、背景に色をつけたりしたいけど、CSSの記述が難しくて理解できなかった。。
  • 過去に外部に依頼して作ったホームページを自分で更新したい方
  • 独立・副業を始めたばかりで、これからホームページを作りたいけど、制作会社に依頼する予算がない方。
  • 紙・グラフィックメインのデザイナーでこれからHTMLをはじめ、CSS・WordPressなどを覚えてWeb制作できるようになりたい方
  • Webに詳しくないけれど会社のIT担当になりCSSを覚える必要が必要がある方
  • 初心者だけど、単純に興味があるので自力でCSSを覚えてホームページ作成してみたい方

CSSはWebページを装飾する言語

CSSを利用してWebデザインしている様子

普段見るWebページは色や配置が整っていて、綺麗な見た目になっているものが多いかと思います。

HTMLで定義した文書構造を綺麗な見た目にするためには、CSSという言語を利用します。

HTMLが「これは見出し」「これは文章」「これは画像」「これはリンク」などのように、Webページの構造を定義するものなのに対して、

CSS(Cascading Style Sheetsの略)で、Webページのスタイル(見た目)を指定する言語です。

たとえば、「この見出しは赤文字で」、「この文章のフォントは30pxで」、「このグループは青線で囲む」など、HTMLで定義した内容をどんな見た目に表示させるかを設定していきます。

CSSのサンプル


上記のようなHTML文をChromeやSafariなどのWebブラウザで開くと下記のようになります。

HTML・CSSで記述されたファイルをWebブラウザで表示した例


1分でわかるHTML・CSSを使った
Webページの作り方


CSSを覚えることで、ホームページの見た目を装飾することができますし、アメブロなどのブログサービスのHTMLエディタでも、CSSを使って見た目を装飾することができるようになります。

開催概要

項目内容
テーマ

はじめてでもできる!CSS超入門セミナー
ホームページ作成基礎講座

日時

2018年2月頃開催予定

費用

6,000円(税込)
当日現金にてお支払いください。

場所 〒550-0015 大阪府大阪市西区南堀江2丁目5-1 エイトビル10F
地下鉄千日前線 桜川駅 5番出口より徒歩約5分
地下鉄四ツ橋線 四ツ橋駅 6番出口より徒歩約8分

実施内容

当日は、ホームページの作り方の説明や、Atomというテキストエディタを利用してCSSでWebページを装飾していきます。

  1. 1. Atomの設定・使い方確認
  2. 2. HTMLおさらい
  3. 3. CSSの基本プロパティ(文字、枠、背景、横幅・高さ、余白に関するスタイル)の説明と実習
その他 テキストエディタ「Atom」をインストールしたwifi接続できるPCをお持ちください(初期状態でOKです)
Atomのインストールはこちら
Atomインストール手順はこちら
お申し込み方法 ページ下部のお申し込みはこちらより、お申し込みください。

講師紹介


ウェブストエイト 松本慶

松本慶(まつもとけい)

IT システムエンジニア歴8年
現役Webフリーランス 松本慶


1985年生まれ 立命館大学卒業。
某複合機メーカーで約8年間システムエンジニアとして大阪で勤務後、2016年秋に独立。

「一人一人が創意工夫で思い描く未来を!」 という想いもとに、Web制作・コンサルティングを行いつつ、2017年6月より個人事業主向けのWebスクール「Webst8」を運営開始。

ウェブやマーケティングなどの覚えたノウハウを自分や周りの目標実現のツールとして使うことにやりがいを感じています。

独立後は自分で作成したホームページでウェブマーケティングを行い、ウェブから8割の集客を行なっています。 ホームページ作成セミナーでは100人以上の受講生にWordPressを使ったホームページ作成方法を教えました。

保有スキル

WordPress

Webマーケティング

HTML

CSS


javascript

PHP

SEO対策

ライティング


SEO対策 ウェブ集客の実績

講師は独学ながらSEO対策を学び自分のホームページで検証・改善を繰り返した結果、「ホームページ作成 セミナー 大阪」や「HTML セミナー 大阪」というワードでSEO会社に混じって1番目(2017年9月28日時点)に入りました。

2017年9月28日時点 SEOチェキにて確認した検索順位結果「ホームページ作成 セミナー 大阪」で第1位、「ホームページ作成 セミナー」で第2位、「ホームページ セミナー 大阪」で第2位

2017年9月28日時点 SEOチェキにて確認した検索順位結果「HTML セミナー 大阪」で第1位、「CSS セミナー 大阪」で第2位、「ワードプレス セミナー 大阪」で第4位

ほかにも「ホームページ作成 講座 大阪」、「ワードプレス 講座 大阪」、「ウェブ集客 大阪」などでも上位に表示されており、 現在進行形で検索順位を上げながら、ウェブ集客をしています。

イベント主催実績

大阪の人気先生 人気講座
ランキング1位獲得


月間150万PVを有する学びの共有を目的とした人気Webサービス「ストアカ」にて、大阪の人気先生ランキングと人気講座ランキングの両方で1位を獲得しました!

ストアカ 大阪の先生ランキング1位
(※)2017/7/9~7/15集計データ

ストアカ 大阪の講座ランキング
(※)2017/4/9~4/15集計データ


セミナー開催実績

第3回 はじめてでも3時間でできる!CSS超入門セミナー 第2回 はじめてでも3時間でできる!CSS超入門セミナー 第1回 はじめてでも3時間でできる!CSS超入門セミナー

よくある質問

質問する女性

Q:主にどんな人たちが来ているんでしょうか?

松本慶

主に、HTMLやCSSといったWebの専門知識はないけれどもホームページの作成に興味はある方といった方です。個人事業主でホームページを持ちたいといった方も多いです。



質問する女性

Q:Webの知識が全然ないのですが大丈夫でしょうか?

松本慶

はい、大丈夫です。タイトルの通り初心者向けです!パソコンの基本操作ができるレベルであれば問題ありません。
(※)必須ではありませんが、初めての人は本講座の前にHTML超入門セミナーを受講しているとより理解が深まります。



質問する女性

事前に必要なものはありますか?

松本慶

テキストエディタ「Atom」をインストールしたPCを持参して来てください。 インストールのみの初期状態で大丈夫です。
Atomインストール先はこちら
Atomインストール手順はこちら



質問する女性

Q:どのくらいの年代の人が来ているのでしょうか?

松本慶

A:今までには20代前半〜40代後半の男女の方が来てくれてました。比率で言うと20代後半~30前後の方が多いと思います。



質問する女性

Q:いつも何人くらいの人が来るのでしょうか?

松本慶

A:だいたい4人〜5人くらいが多いです。一人一人とコミュニケーションしたいので当面は最大でも8名くらいにする予定です。



質問する女性

Q:主催者はどんな人ですか?

松本慶

A:松本慶と申します。1985年生まれ 現在大阪在住。メーカーで約8年間システムエンジニアとして大阪で勤務後2016年6月末に退職。現在は独立してホームページ作成やWebスクール運営をしています。



質問する女性

Q:他に講座はありますか?

松本慶

他には以下の講座を開講しています。どれも初心者にオススメの講座です。
初めてでも3時間でできる!WordPressセミナー
WordPressというソフトウェア(CMS)を利用してホームページを作成する講座です。
初めてでも3時間でできる!HTML超入門セミナー
ホームページを表示する2つの言語「HTML・CSS」のうち、HTMLをメインに進めてWebページを作成する講座です。



お申し込みはこちら

まずはお気軽にお問い合わせください。
24時間以内にご返信します。






(※)24時間経っても返信がない場合はメッセージが届いていない可能性があります。
「info@webst8.com」に直接ご連絡ください。



セミナー開催レポート

第3回:2017-10-28 はじめてでも3時間でできる!CSS超入門セミナー

第3回 はじめてでも3時間でできる!CSS超入門セミナー(大阪) 集合写真@大阪南堀江

2017年10月28日(土)に実施した初開催となるCSS超入門セミナーで8名の方にご参加いただけました。

前の週に実施したHTMLセミナーに引き続き参加してくれる人も多く、イター、学校の先生、エンジニア、IT・Web担当などたくさんの職種・職業の方にご参加いただけました。

CSS超入門セミナー@大阪南堀江 各自持ち込んだPCでホームページを作成していく様子

今回のセミナー参加者様の感想です。

  • 初心者ですがとてもわかりやすく説明してもらえたのでよかったです。
    内容はおそらく基礎だと思うので、中級者以上の方向きではないかなといった感じでした。
    先生も質問しやすい人だったので良かったです。 また、別の講座も受けてみたいと思いました。
  • ホームページ作成を知らない人でも基礎が簡単に知識習得出来ました。HTMLの基本を知らなくても、はじめに教えて頂くので、すぐ、CSSの楽しさを実感出来ました。こちらの講師の方の講習会は、また、参加したいと思います。
  • 講習時の投影表示が、少し小さく文字が見えずらかったです。参加して基礎が分かってとても良かったです。すぐ、活用したいと思います。

第2回:2017-09-16 はじめてでも3時間でできる!CSS超入門セミナー

第2回 はじめてでも3時間でできる!CSS超入門セミナー(大阪) 集合写真@大阪南堀江

2017年9月16日(土)に実施した第二回目となるCSS超入門セミナーでした。

今回のセミナー参加者様の感想です。

  • なにもわからなかった私ですが、とてもわかりやすくて基礎をしっかり学べたように感じました。 エレベーター前、もしくは10階の降りてすぐにセミナー名を貼り出していただけると有り難いと存じます。 また機会がありましたらよろしくお願いいたします。ありがとうございました。

第1回:2017-07-29 はじめてでも3時間でできる!CSS超入門セミナー

第1回 じめてでも3時間でできる!CSS超入門セミナー(大阪) 集合写真@大阪南堀江

2017年7月29日(土)に実施した初開催となるCSS超入門セミナーです。

今回のセミナーでは、自営業、会社員、ブロガーなどの方々が参加してくれました。

これからホームページを作成したいという方もいれば、ワードプレスの記事カスタマイズをしたいという方や、ネットショップを運営するために来られた方もいらっしゃいました。

  さて、セミナーでは、実際に手を動かしながらCSSを記述してWebページを作っていくという実習を行いました。

CSS超入門セミナー@大阪南堀江 各自持ち込んだPCでホームページを作成していく様子

CSS超入門セミナー@大阪南堀江 各自持ち込んだPCでホームページを作成していく様子

今回のセミナー参加者様の感想です。

  • Wordpressで記事を作成するときに、Wordpress側で自動的にやってくれている事の内容が理解出来て良かったです。
    作成した記事を編集する際いつも恐々やっていたのですが、これから恐々感がかなり減ると思います。ありがとうございました。
  • 会社の方でも実際にHTMLやCSSに触れる機会が増えているのですが、基礎的な考え方・理解の仕方を学ばずに作業していたので、こちらのセミナーでその辺の不安を解消させていただきました。今回も大変わかりやすいご指導で勉強になりました。ありがとうございました!


CSS超入門セミナーは今回が初開催でしたが、ありがたいことに満員御礼!あらためてニーズを実感する回となりました。


 追伸
Webスクールを作ったきっかけ

従来の終身雇用や年金制度が崩壊していく背景の中で「不安。なんとかしないと」という声をよく聞きます。

そして世の中の流れも、副業したり独立したり、パラレルキャリアを歩む人がこれからますます増えていく方向に向かっています。

私は仕事柄、独立・副業を考えている方や個人事業主から 「ホームページを作りたい。もっとWebを活用して集客に役立てたい。」 「自分で作ってみたいけどやり方が分からない。気軽に相談できる人が欲しい。」という声をよく聞きます。

最近では比較的簡単にホームページを作れるようになってきたものの、現状は多くの方が 「自分でやってみたけど、分からないことだらけで結局諦めた。」

という悩みを抱えているのが現状です。

そういった声を聞いているうちに、『それだったら、そういう方たち向けにホームページの作成やウェブ活用を学べる場を作れば、多くの人の役に立てるのではないか』と感じ、本Webスクールを立ち上げました。

Webst8の由来

ウェブストエイトのweb

ウェブストエイトのst

ウェブストエイトの8


特別な人脈・大きな資産がなくとも、自分のアイデアと創意工夫で将来に役立つ資産を作っていけるのがWebです。

「Web」を 「戦略(Strategy)をもって学び(Study)をスタート(Start)」すれば 「可能性が無限大(∞)に広がる」 という想いを込めて『Webst8』と名付けました。



プロじゃなくてもWebは作れる

以前、とある個人事業主の方のホームページを見せていただく機会がありました。

そのホームページは割と有名なキーワードにもかかわらず、Googleでも検索上位で、とても魅力的なサイトでした。

驚くべきことに、その方は全くWeb関係の出身ではなかったのですが、自らホームページを作りマーケティングを学んで、Webからたくさんの集客をされていました。

確かにプロに依頼すれば、高いクオリティのものを時間をかけずに手に入れることが、おそらくはできるでしょう。

しかし、プロでなくとも誰でも地道な努力を継続すれば、ホームページを作って、自分の将来に役立てることができるのだと、そのとき改めて確信しました。

要は、われわれ個々人にとって、成し遂げたい目標を達成できれば良いのです。


迷っているならぜひ足を運んでみませんか

私がまだ学生の頃、就職時代に聞いたロバートフロストの行かなかった道という詩がとても印象に残っています。



『森の中でふたまたの道があり

一方は踏みならされた

もう一方は誰も通った跡がなかった

わたしは後者を選んで

それが大きな違いをもたらした』



見えなかった分かれ道はふいにやってきて、どうするか選択する瞬間が来ます。 

選んだ結果、どうなるかはわかりませんが、5年、10年経った時に「あのときこの決断をしてよかった」と思えるように頑張たいという想いで日々取り組んでいます。

もし今悩んでいるあなたにも、もしかしたらそんなふとした、でも大きなきっかけ・分かれ道がとなるかもしれませんし、そんなきっかけを作りたいと思って取り組んでいます。

もし悩んでいたら是非一度チャレンジしてみるのはいかがでしょうか。

お問い合わせ
はこちら

セミナー・講座情報

ホームページ作成セミナー WordPress入門講座

WordPress超入門セミナー

『WordPressでホームページを作り方を学びたい!』というあなたにオススメのセミナー
ホームページの作り方とワードプレスの使い方が3時間でわかる 初心者向けホームページ作成セミナーWordPress編です。
WordPressセミナー詳細ページ


ホームページ作成セミナー HTML入門講座

HTML超入門セミナー

はじめてホームページを作りたい・HTMLを覚えたいという方にオススメのHTML超入門セミナーです。
ホームページを表示する2つの言語「HTML・CSS」のうち、HTMLをメインに進めてWebページを作成する講座です。
HTMLセミナー詳細ページ


ホームページ作成セミナー CSS入門講座

CSS超入門セミナー

はじめてホームページを作りたい・CSSを覚えたいという方にオススメのHTML超入門セミナーです。
ホームページを表示する2つの言語「HTML・CSS」のうち、CSSをメインに進めてWebページを作成する講座です。
CSSセミナー詳細ページ

SEO対策超入門セミナー ウェブ集客基礎講座

SEO対策超入門セミナー

『専門的なことはわからないけどSEO対策を勉強して 自分のホームページの検索順位をもっと上げたい』

そんなあなたにオススメの 初めてでも自分でできるSEO対策入門セミナーです。
CSSセミナー詳細ページ

メールマガジン

WordPressやホームページ作成、SEO対策・ウェブ集客に関するウェブストエイトの独自ノウハウを読者限定で配信しています。

登録・解除は自由ですのでぜひご登録ください。

新着ブログ

SNSリンク

お申し込みはこちら