めっさわかるHTML&CSS☆Webページを作ってみる

対面 オンライン

はじめてに安心してチャレンジ☆必ず完成するページを作りながら『はじめ方→作り方→作った後』を経験します。超初心者向けコーディング実践講座

こんなことを学びます

数ある講座のなかから選んで見ていただいてありがとうございます☆
本講座はHTML&CSSを使って1ページを作りあげる講座です!

これからインターネット上に公開する『文書』(Webページ)を作ります

HTML&CSSをご自身の手で打ってページが出来上がって行く様子は、とても興味深い実体験になります!!★必ず1ページ完成します★

▽はじめに文書を作るためのベースを作りながら
HTMLを使う理由や使い方を知ります

▽次に色や余白などのデザインをしながら
CSSを使う理由や使い方を知ります

そうこうしているうちに1ページが完成しています☆

さらに講座後の練習にチャレンジすると
分かっていること
分かっていなかったことが確認できて、
次の目標が見えてきます

◆この講座で得られること
・Webページ作りの流れを知ります
・HTML&CSSを使う理由と使い方を知ります
・自分で作れることが分かります
・もの作りの楽しさを再認識できます

HTMLやCSSは少しわかるとか、とにもかくにも指示通り更新をしてきたとか
色んな場面はあると思うのですが

私たちがすることは
ブラウザ対して文字(文書)がなんなのかを知ってもらわないといけません
そのために"意味"を付けるのがHTMLです

そしてブラウザでは意味を付けた部分に"デザイン"が適用されます
それがCSSです
さらに、自分が望むデザインに変更するためには
CSSの書き方と意味を知らないといけないんです

とにもかくにも作っていた時から
使い方と意味を知ってWebページを作るのとでは
すごく大きな差があります★

特に人さまが作ったHTML&CSSを見たり更新したりするのは
ほんとに…ほんとうに大変ですよね…
その状況もかなり変わったりします

それもあって、HTML&CSSの使い方と意味を知っていただきたいんです

○付録
・ゼロからページが作れて反復もできるテキスト
・練習データ&完成データ

◆講座の進め方
オリジナルテキストを参照し私の説明を聞いていただきながら
ご自身での手入力でWebページを作っていただきます

Windowsはメモ帳、Macはテキストエディットを使って
(両方ともOS付属のソフトです)
HTML&CSSを入力→ブラウザで結果を確認
この作業を繰り返していきますとWebページが完成します 
入力時やブラウザでの確認時に都度説明を加えながら
基礎知識や補足などをお伝えします

全2ページあるのですが、完成するのは1ページのみで
2ページ目は講座後の復習で作っていただきます
この復習で再確認ができます!


◆エンヤがHTML&CSSにこだわる理由
今、HTML&CSSを知らなくてもWebサイトが作れる
WordPressやSTUDIOにWixというローコード,ノーコード
と言われるツールがあります。(さらにAIも加わってきましたね)
これらのツールにもHTML&CSSは使われています
なぜなら基礎言語だからです
それを知ることで、Webページの中身がどうなっているかが
ある程度わかるようになりますので
ちゃんと意味が解った上でツールを使うことは強みになりますし
きほんのHTML&CSSは不変だからです

◆エンヤがWebを推す理由
デザインやWeb制作に関する職業訓練に10年以上関わって
1,000人以上の方とお会いして就活を見てきた中で
Web制作やデザインの業界に行った方は
正直なところ少ないんですが

デザインやWeb制作"以外"の世界に
就職・転職できた方のほうがとても多かったんです

なぜかと言いますと
デザインやWeb制作"以外"の世界からすると
・Web制作を学んだことがあります
・HTMLやCSSを知っています
・ページを作ったことがあります
これはスキルとしてプラスされます

よくある例は
・ホームページを作る予算がない
 →社内で作れる人が欲しい
・ホームページはあるけど今は担当者がいない
 →新しい担当者が欲しい
・ホームページが忙しくて更新できない
 →更新できる人が欲しい

こういった事例がとても多く
違う職種で応募したけど、プラスのスキルがあったから
結局のところWebデザインに関わる仕事に
就職・転職できた例はほんとに多かったです

デザインやWeb制作"以外"の世界でも
Webの世界の技術や知識があるとより良いと考えます


◇伝える人
塩谷 康弘(シオタニ ヤスヒロ) 通称:エンヤ
PCインストラクター歴15年
職業訓練校で1,000人以上、個人講座で100人以上をレクチャー
3DCG,グラフィック,映像,テキスト制作,Webサイト制作の実務を経験

過去に経験した仕事内容も多岐にわたり、いろんな経験を積んできたからこそお伝えできることがたくさんあります

◆開講方法について
オンライン・対面とも対応しています
対面講座はオンラインとは違った臨場感が
ありますのでとてもおススメです
続きを読む

8月17日(月)

14:00 - 16:00

大阪 / 梅田・北新地

予約締切日時

8月15日(土) 20:00

定員

1人

開催場所

阪急阪神地下鉄JR各線 大阪駅 徒歩20分
大阪府大阪市北区曽根崎新地1-3-16サンマルクカフェ 大阪堂島店

価格(税込)

¥11,000
¥9,900早割10%OFF(残り1名)

お支払方法

クレジットカードAmazon PayPayPal銀行振込
★この日程は【対面講座】です ご自身のパソコンをご持参ください(WindowsでもMacでも大丈夫です) ※当日パソコンの充電確認をお願いします この講座は新型コロナウイルス・インフル...もっとみる

8月22日(土)

13:30 - 15:30

大阪 / 梅田・北新地

予約締切日時

8月18日(火) 13:30

定員

1人

開催場所

阪急阪神地下鉄JR各線 大阪駅 徒歩20分
大阪府大阪市北区曽根崎新地1-3-16サンマルクカフェ 大阪堂島店

価格(税込)

¥11,000

お支払方法

クレジットカードAmazon PayPayPal銀行振込
★この日程は【対面講座】です ご自身のパソコンをご持参ください(WindowsでもMacでも大丈夫です) ※当日パソコンの充電確認をお願いします この講座は新型コロナウイルス・インフル...もっとみる
予約締切

8月15日(土)

14:00 - 16:00

オンライン

予約締切日時

8月13日(木) 20:00

定員

1人

開催場所

オンライン

価格(税込)

¥9,800
¥8,820早割10%OFF(残り1名)

お支払方法

クレジットカードAmazon PayPayPal銀行振込
◆ご用意いただく物 ・パソコンをご用意ください ・Zoomのダウンロードとインストールをお願いします ---------- ◆Zoomのダウンロードとインストール  お手数ですが、...もっとみる
  • 早割10%OFF

    8月17日(月)

    14:00 - 16:00

    大阪 / 梅田・北新地

  • 8月22日(土)

    13:30 - 15:30

    大阪 / 梅田・北新地

  • 予約締切

    8月15日(土)

    14:00 - 16:00

    オンライン

  • 参加できる日程がありませんか?
    先生に開催リクエストを送ってみましょう!
    開催リクエストする
受けたい
250人が受けたい登録しています

対面受講日程

8月17日(月)14:00 - 16:00

¥11,000¥9,900早割10%OFF
クレジットカードAmazon PayPayPal銀行振込
定員1人
場所阪急阪神地下鉄JR各線 大阪駅 徒歩20分

8月22日(土)13:30 - 15:30

¥11,000

クレジットカードAmazon PayPayPal銀行振込
定員1人
場所阪急阪神地下鉄JR各線 大阪駅 徒歩20分

参加できる日程がありませんか?
先生に開催リクエストを送ってみましょう。

対面受講料に含まれるもの

受講料には講師の技術費と教材費(テキスト+データ)が含まれています
テキストはPDF提供、データはダウンロードで提供します
※受講料以外に、カフェを利用のためご自身の飲食代がかかります

オンライン受講日程

価格(税込)¥9,800

オンライン受講料に含まれるもの

受講料には講師の技術費と教材費(テキスト+データ)が含まれています
テキストはPDF提供、データはダウンロードで提供します
※インターネット接続料はお客様のご負担です

この講座の先生

エンヤ@学びのパートナー

塩谷 康弘(シオタニ ヤスヒロ)
通称エンヤとも呼ばれています

人に伝えるという仕事を約15年していましたが、もともとは人前で話す仕事なんて考えられない人でした。アニメが好きで自分で作りたくて、当時最先端だった3DCGを学びました。

でも、希望する仕事に就けずそこから転々とします...
デザインや営業などを経験しているうちに、転職経験は10回を超えていたんです…

そんな時、インストラクターの職業訓練に通ったことが転機となりました。
学校の先生に憧れてたのもあって、人に伝えることが面白いと感じるようになったんです。

ほと...
+続きを読む

当日の流れとタイムスケジュール

講座の時間:
約120分
(進み具合で時間を前後する場合がありますのでご留意ください)

◆レッスンの流れ
本講座専用のオリジナルテキストを参照し私の説明を聞いていただきながら
ご自身での手入力でWebページを作っていただきます

1. Webページの文書を作る(HTML)
2. Webページのデザインを作る(CSS)
3. 作った後のコト

Windowsはメモ帳、Macはテキストエディットを使って
(両方ともOS付属のソフトです)
HTML&CSSを入力→ブラウザで結果を確認
この作業を繰り返していきますとWebページが完成します 
入力時やブラウザでの確認時に都度説明を加えながら
基礎知識や補足などをお伝えします

1ページ制作中や完成後にも質疑応答いたします

全2ページあるのですが、完成するのは1ページのみで
2ページ目は講座後の復習で作っていただきます
この復習で再確認ができます!
続きを読む

こんな方を対象としています

WebページをHTML&CSSで作るコーディングがはじめての方向けの内容です
・Webページ作りの流れを知りたい
・Webページの作り方を知りたい
・HTMLの使い方や使う理由を知りたい
・CSSの使い方や使う理由を知りたい
・コーディングでの作り方を知りたい
続きを読む

受講する際は以下をお読み下さい

※講座専用のテキストに沿って進める内容です
お仕事の不明点の解消などはお受けできかねますのでご留意ください
(解消できない場合の責任が取れないこと、講座料が的確でないことが理由です)
※!WordPressの講座ではありませんご注意ください!

◆開講方法について
オンライン・対面とも対応しています
対面講座(大阪梅田)はオンラインとは違った臨場感が
ありますのでとてもおススメです

◆講座の時間
約120分
進み具合で時間を前後する場合がございますのでご留意ください

◆ご用意いただく物
・ご自身のパソコンをご用意ください
(iPadやスマホでのご受講はできません)
・メモ書きができるノートなど
・筆記用具

◆パソコンやソフトについて
・ファイルやフォルダの操作ができる
・キーボードで文字を打つことができる
・予めパソコンに入っているソフトを使います
少し古いパソコンであってもWebサイト制作にはあまり影響しませんので大丈夫です

推奨:Windows11(Macにも対応します)、ブラウザ:Google Chrome

◆オンライン講座の準備
『Zoom』のダウンロードとインストールをお願いします
下記サイト「Zoomデスクトップクライアント」から
>「ダウンロード」をクリック→ダウンロード開始
>「ZoomInstallerFull. exe」をダブルクリック→インストール開始
https://zoom.us/ja/download

【対面講座】
 この講座は、以下の新型コロナウイルス&インフルエンザの対策を参加者のみなさまにもご協力をお願いしております
 以下の感染症対策に同意いただける方のみ予約をお願いします

・参加者は講座中マスクの着用をお願いします
・施設設置のアルコール消毒にご協力をお願いします
・参加当日は検温をお願いします(37.5度以上の場合は参加をご遠慮ください)
※ただしキャンセル締切日時を過ぎてのキャンセルは、ご返金に応じることができませんのでご了承ください

・講師はマスクを着用します
・当日講師が発熱など感染の疑いがある場合は開催を中止しご返金とさせていただく場合があります
続きを読む
※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

レビュー65

  • 楽しかった( 41 )
  • 勉強になった( 58 )
  • 受ける価値あり( 49 )
  • この講座は「めっさわかるHTML&CSS☆Webページを作ってみる」でした
    女性 40代

    久しぶりにコーディングを思い出したくて受講しました。
    ほとんど忘れている状態でしたが、先生がとても丁寧で親切に教えてくださり、内容もとてもわかりやすかったです。
    久々のコーディングが楽しく感じられて、受講して良かったと思いました。
    またぜひお願いしたいです!

    先生からのコメント

    ご受講ありがとうございました。

    長年HTML&CSSに関わっていても、
    ほんの少し間が空くと忘れてしまいますので…
    ひさびさのコーディングは大変だったと思いますが、
    デザインをWebページにする醍醐味を思い出していただけて良かったです。

  • この講座は「基礎からしっかりと、理解できるまで教えてくれる講座」でした
    女性 30代

    HTMLの修正作業は経験があったのですが、CSSは未経験でしたのでこちらを受講しました。今の自分の状況、レベルに合わせてお話をしてくださいます。
    教材テキストや実際に組んでみるHTML、CSSは大変理解がしやすいので初心者にはとてもありがたいものでした。CSSは初めてで不安でしたが、コードの書き方や見方が理解できたのはとても大きいです。

    わからないところやこちらからの質問も、一つずつ丁寧に教えてくださり躓くこともありませんでした。
    翌日のお仕事にも教えていただいた知識がさっそく役にたち、前進を大きく感じました。
    これからも復習を欠かさずにしたいと思います。本当にありがとうございました!

    先生からのコメント

    ご受講ありがとうございました!
    HTML&CSSそれぞれの意味が解ってきますと、コーディングもしやすくなってくると考えます。
    さっそくお仕事に役立ててなによりです!

    テキストで作っていただいたサイトをテンプレートとして、色々試してみてください。
    より理解が深まると思います。

  • この講座は「「初心でも楽しく学べる講座」」でした
    女性 40代

    コーディングに関するセミナーの受講は初めてでしたが、とても分かりやすく丁寧な授業で楽しく学べました。
    もっと知識を深めたくなる内容でした。
    しっかり復習して、仕事にも活かせるようになりたいです。
    ありがとうございました。

    先生からのコメント

    ご受講ありがとうございました!
    奥深い世界ですので、興味を持っていただけて良かったです。
    きっと今のお仕事にもより活きてきますので、続けてみてくださいませ。

  • HTML・CSSのおすすめの先生HTML・CSSの先生を探す

    HTML・CSSの関連カテゴリーから講座を探す

    先生のスキルから探す

    関連エリアから探す