1日速習HTML・CSSセミナー
初心者向け入門講座

NO1 王冠

「ホームページ作成セミナー」 でSEO検索順位1位獲得(2017.9調べ)

2018年6月3日(日曜)10:30〜17:00
大阪南堀江エイトビル3F
¥10,000(税込み)

お申し込みはこちら

これからHTML・CSSの勉強を始めるあなたのための入門講座

HTML・CSSセミナーのレベル 入門編

受講前に必要なスキル

PCの基本操作ができる
  • 文字を打てる
  • ファイルを開く・保存する
  • コピー&ペーストできる
  • マウス操作ができる
  • インターネットを閲覧できる
    など

本講座で習得できること

HTML・CSSの基本がわかる
  • Webページの仕組みを理解できる
  • 単純なWebページを作成できる
  • 既にあるWebページを部分的に修正できる
  • アメブロのHTMLエディタ等で記述できる

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

  • 独学でHTML・CSSを学んだけど全くわからなかった。
  • <div>とか<p>とか暗号みたいな記述が難しすぎて諦めた。
  • 外部に制作してもらったホームページのHTMLの一部を更新したい
  • 紙・グラフィックデザイナーでHTML・CSSを覚えてWeb制作したい
  • 会社のWeb・IT担当になりHTMLを覚えなければいけない

過去の受講生の声と実績

過去、HTMLセミナー・CSSセミナーを開催した際の受講生の声です。
(※)2018年4月よりHTML・CSS 1日速習講座として開催しています。

20代女性
20代女性

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

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

40代男性
40代女性

謎が解けて一歩進めました

「WordPressを使い始めたら、やはりHTMLの知識が無いと先に進めないことがあって、問題解決の一歩を踏み出すのに受講しました。
丁寧で親切な先生なのでリピーター多し。 WordPress講座を受けたて、さらなる一歩で来られている方が半数以上でした。

  • 第5回HTML超入門セミナー 集合写真
  • 第4回HTML超入門セミナー 集合写真
  • 第3回HTML超入門セミナー 集合写真
  • 第2回ホームページ作成セミナー 集合写真
  • 第3回CSS超入門セミナー 集合写真
  • 第2回CSS超入門セミナー 集合写真
  • 第1回CSS超入門セミナー 集合写真

セミナー内容と進め方

セミナーの進め方

セミナーでは実際に自分のPCで手を動かしながら、HTML・CSSを使って簡単なWebページを作成していきます。

具体的な内容

Web概要
Web概要の説明
  • Webページの仕組み
  • HTML・CSSとは
  • 開発用テキストエディタ「Atom」
HTML編
HTML基本構造
  • !doctype html
  • htmlタグ
  • headタグ
  • bodyタグ
HTMLの基本タグと使い方
  • 見出しタグの使い方(h1〜h6)
  • パラグラフ(段落)タグの使い方(p)
  • 改行タグの使い方(br)
  • 画像タグ・相対パスと絶対パスの使い方(img)
  • リンクタグの使い方(a)
  • リストタグの使い方(ul,li|ol,li)
  • 汎用コンテナタグの使い方(div)
  • 補足
CSS編
CSSの書き方の基本
  • インラインスタイルシート形式
  • 内部スタイルシート形式
  • 外部スタイルシート形式
良く使うプロパティ
  • 文字に関するプロパティ(font-size、color、font-family)
  • 枠線に関するプロパティ(border)
  • 背景に関するプロパティ(background)
  • 横幅と高さに関するプロパティ(width、height)
  • 余白に関するプロパティ(margin、padding)
  • 補足
復習・まとめ
  • HTML・CSS復習
  • サーバーへアップロード


HTML・CSSとは

HTMLは文書構造を定義する言語

HTMLのみで作成したサンプルページ

HTMLとはHyper Text Markup Languageの略でWebページの構造を定義する言語です。

「これは見出し」「これは文章」「これは画像」「これはリンク」などのように、Webページの文書を作成していきます。

HTMLの構造
■HTMLのサンプル



HTMLを覚えることで自分で簡単なWebページが作れるようになります。

HTMLを理解しておくことで、自分でWebページを作成したり、既存のWebページを追記・修正ができるようになります。



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

HTMLにCSSを加えたサンプルページ

CSSはCascading Style Sheetsの略で、HTMLで記述した文書のスタイル(見た目)を調整する言語です。

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

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

CSSのサンプル
■HTMLにCSSを追記したサンプル



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

1分でわかるHTML CSSデモ動画




開催概要

項目内容
テーマ

1日速習HTML・CSSセミナー大阪 初心者向け入門講座

日時

セミナー:2018年6月3日(日曜)10:30〜17:00

特典自習会:2018年6月10日(日曜)13:00〜18:00

費用
10,000円(税込) 銀行振込またはPayPal
お申し込みされた方向けにお支払先をご連絡します。
お申し込み後5日以内にお支払いください。
キャンセルポリシー
セミナー開催前日・当日キャンセルは受講料全額負担いただきます。
(前々日以前のキャンセルは返金できます。)
場所 〒550-0015 大阪府大阪市西区南堀江2丁目5-1 エイトビル 3F
地下鉄千日前線 桜川駅 5番出口より徒歩約5分
地下鉄四ツ橋線 四ツ橋駅 6番出口より徒歩約8分

実施内容

当日は初心者向けに、HTML・CSSの説明をしながらWebページ作成する実習を行なっていきます。

  1. 1. Web概要
  2. 2. HTML編
  3. 3. CSS編
  4. 4. まとめ
その他 テキストエディタ「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集計データ


 セミナー受講特典 

自習会1回分無料招待

セミナー翌週の13:00〜18:00の自習会を無料でご招待します(途中入退場可能)。
セミナー後に作業して出てきた不明な点など自由にご質問いただけます。
(※)日時の都合が合わない方は別の日程の自習会に参加することも可能です。


お問い合わせ
はこちら

よくある質問

質問する女性

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

松本慶

Webの専門知識はないけれどもHTML・CSSをこれから覚えたい方です。個人事業主でホームページを持ちたいといった方も多いです。



質問する女性

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

松本慶

はい、大丈夫です。タイトルの通り初心者向けです!パソコンの基本操作ができるレベルであれば問題ありません。



質問する女性

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

松本慶

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



質問する女性

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

松本慶

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



質問する女性

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

松本慶

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



質問する女性

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

松本慶

A:松本慶と申します。1985年生まれ 現在大阪在住。メーカーで約8年間システムエンジニアとして大阪で勤務後2016年6月末に退職。現在は独立して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の楽しさを実感出来ました。こちらの講師の方の講習会は、また、参加したいと思います。
  • 講習時の投影表示が、少し小さく文字が見えずらかったです。参加して基礎が分かってとても良かったです。すぐ、活用したいと思います。

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

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

2017年10月21日(土)に実施した第5回目となるHTML超入門セミナーです。今回は台風前夜でしたが5人もの方に参加いただけました。

今回のセミナーでは、学校の先生や会社員、個人事業主などの方々が参加されました。

今回はホームページの作り方を覚えたい、単純にHTML・CSSを勉強してみたいという方もいて、勉強目的のとっかかりとして参加されている方が多かった印象です。

さて、今年は「はじめてでも3時間でできる!HTML超入門セミナー」これで最後になります。来年からはさらにバージョンアップした内容のセミナーを開催して行きたいと思いますのでお楽しみにしておいてください。


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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



第4回:2017-08-26日 はじめてでも3時間でできる!HTML超入門セミナー

2017年8月26日 第4回 はじめてでも3時間でできるHTML超入門セミナー

2017年8月26日(土)に実施した第4回目となるHTML超入門セミナーです。

今回は比較的少人数でまったりとした進行でした!

「ホームページを作成したい」、「ホームページの更新作業をしたい」、「プログラム連携のためにHTMLを覚えたい」など色々な目的で参加されておりました!!

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

第4回HTML超入門セミナー@大阪南堀江 HTMLを説明している様子



さて、今回は「とっかかりが分かったので、自学習が進められそう」との感想をいただけたのが印象的でした。

こういうのはだいたい一番最初が最大の難関でそこをこのセミナーで突破できればと思っています(^^)

最近では、WordPress、JimdoなどHTML・CSSを知らなくてもある程度の形は作れるようになってきました! とはいえ、少し自分なりに調整したいと思うと必ず必要になってくるのがHTML・CSSです。

アメブロなどのブログサービスでもHTMLエディタは用意されていて、便利になってきたとはいえ、基本的なHTML・CSSはぜひ覚えておきたいところです。


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

2017年7月15日 第3回 はじめてでも3時間でできるHTML超入門セミナー

2017年7月15日(土)に実施した第3回目となるHTML超入門セミナーです。

今回はおよそ2ヶ月ぶりのセミナーでしたが、ありがたいことに満員御礼。
参加者も、デザイナー、僧侶、ショップ運営、企業のIT担当などのさまざまな方たちが参加してくれました。

セミナーでは、Atomを使って、実際に手を動かしながらHTML文を記述してWebページを作っていきます。

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

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

  • 分からない点を親切丁寧に個別に教えていただいたのが非常に良かったです!
  • 参加者のリズムに合わせて授業をしてくれていたのでよかったです。

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

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

2017年4月29日(土)に実施した今回第2回目となるHTML超入門セミナーです。

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

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

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

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

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

  • 初心者にはとうてい難しいのでは、と感じていたHTML。しかし、とても楽しく実践することができました。分からない点を個々に、その都度分かりやすく解説していただけたのも有り難かったです。ホームページが形になるのが面白く、続けたいと思いました。ありがとうございました!
  • WordPressを使い始めたら、やはりHTMLの知識が無いと先に進めないことがあって、問題解決の一歩を踏み出すのに受講しました。丁寧で親切な先生なのでリピーター多し。WordPress講座を受けたて、さらなる一歩で来られている方が半数以上でした。また新しい講座が開設されたら、ぜひ続けたいと思います。

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




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

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

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

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

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

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

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

Webst8の由来

ウェブストエイトのweb

ウェブストエイトのst

ウェブストエイトの8


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

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



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

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

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

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

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

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

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


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

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



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

一方は踏みならされた

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

わたしは後者を選んで

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



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

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

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

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

お問い合わせ
はこちら

セミナー・講座情報

1日速習ホームページ作成セミナー 初心者向けWordPress入門講座

1日速習ホームページ作成セミナー WordPress入門講座

『WordPressでホームページを作り方を学びたい!』というあなたにオススメのセミナー
ビジネスで使えるホームページを自分で1日で作る初心者向けWordPress講座です。
WordPressセミナー詳細ページ


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

1日速習 HTMLCSS入門セミナー

これからHTML・CSSの勉強を始めたいという方にオススメの1日速習HTMLCSS入門セミナーです。
HTMLセミナー詳細ページ


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

SEO対策超入門セミナー

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

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

メールマガジン

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

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

ブログ

お知らせ&ニュース

Webst8マガジン

SNSリンク

お申し込みはこちら