HTML CSS中級編！PC用からスマートフォン用まで色々なWebページを作ろう！知らなかった頃には戻れない！

不定期に値上げしますので、今が一番オトクです！

おひとりおひとりにしっかり向きあいたいので、値下げはしておりません

Udemyには返金システムがある！

「本当にこのままでいいのかな…」

在宅ワークやフリーランスとして働くWebデザイナーに憧れながらも、

「何から始めたらいいのか分からない」「勉強してるのに、実力がついている実感がない」

そんな不安や迷いを抱えていませんか？

私自身もそうでした。

学習はしているけれど、仕事にはつながらない。

このまま進んで本当に大丈夫なのかと、何度も立ち止まってしまう日々。

でもある時気づいたんです。

「実績を作ること」こそが、夢を現実に変えるカギだと。

信頼される実力がないと仕事は取れない

考えてみてください。

あなたが「Webサイトを作ってほしい」と誰かに依頼したいとき、学習だけをした人と、実績がある人のどちらに頼みたいですか？

たとえ価格が少し高くても、「経験のある人」「信頼できる人」を選びたくなりませんか？

実績があること。

それはスキルだけでなく、「この人に任せて大丈夫」という安心感＝信頼を生み出します。

実践的な制作経験を積める講座がここにあります

この講座では、Webクリエイター能力認定試験(HTMLやCSSのスキルをはかる試験)の合格者を多数輩出している講師が、単なる知識のインプットではなく、「実際に仕事で求められるWebサイトを作る経験」を提供します！

あなたのご親戚やお友達をたどると、お店などをやっている人がいらっしゃると思うので、是非Webサイトを作らせてもらいましょう！

これで実績を積むことができますね！

この講座で学ぶ内容

現在主流のパソコン向けシングルページ制作

複数ページからなるWebサイトの設計と実装

スマホ対応のレスポンシブWebデザインの基礎と実装方法

すべてを、シンプルなコードと実践的な構成で、未経験者にもわかりやすく解説。

目的なく「なんとなく勉強する」のではなく、「このサイトを作るために、こう学ぶ」という目的型カリキュラムで構成されています。

講座の対象者について

この講座は、私の講座「【無料】未経験者必見！1時間30分でサクッと作ろう！HTML・CSSで作るWebページ」修了者

または、同等の基礎知識をお持ちの方が対象です。

※講座内で基礎の説明は行っておりませんので、初心者の方は必ず先に基礎講座をご受講ください。

こんな方におすすめです

Web制作の基礎は学んだけれど、実際にサイトを作れるようになりたい方

自分のポートフォリオを作り、仕事につなげたい方

フリーランスや在宅ワークを目指し、実績づくりの第一歩を踏み出したい方

プログラマーで、Webデザイナーの気持ちや作業を理解したい方

受講前のご確認とサポートについて

講座内容がご自身に合っているか、無料プレビューと説明文を必ずご確認ください

テキストにないツール・操作にはご対応できないこともありますのでご了承ください

あなたに質問です。

今の自分をこのままにしておいて、理想の働き方に近づけるでしょうか？

「やってみたい」と思ったその気持ちが、あなたの可能性の証です。

あなたもこの講座で、「実践的にWebサイトを作ることが出来る自分」への一歩を踏み出してみませんか？

わからなくて当たり前。ここから始めましょう！

実際、最近ではAIに

「ログイン画面を作って」 「Flexboxで横並びにして」 「Tailwindでレスポンシブ対応して」

と依頼すれば、高品質なCSSを短時間で作成できます。

そのため、ゼロからCSSを書く機会は以前より減っています。

しかし、次のような場面ではCSSの知識が必要です。

・AIが生成したコードを読んで修正する

・レイアウトが崩れた原因を調べる

・「ここだけ余白を少し狭くしたい」といった細かな調整をする

・AIが意図どおりのデザインを生成しない場合に指示を出す

つまり、AIを使う人ほどCSSの基礎知識が必要になります。

【購入者特典】サンプルコード・テキスト・完成例も配布！

受講者全員に、講座で使用するコード・資料をダウンロード提供！
自分のペースで学習＆復習が可能です。

【更新履歴】

2025/08：HTML・CSSに関する記事を追加

2025/02：スキルアップのコツのカリキュラムを追加

2024/04 ：オリエンテーションのレクチャー内容を更新

2024/01 ：Google ChromeでWebサイト全体のスクリーンショットを撮る方法を追加

2023/12 ：リセットCSSを追加

2023/11 ：CSSの詳細度追加(知っておくと重宝する情報あれこれ)

2023/10 ：【初心者必見！】超便利！Google Chrome デベロッパーツールのまずは覚えておきたい使い方を追加

2023/10 ：  HTMLの文法などが正しいかどうかチェックする方法を追加

2023/10： 相対パスと絶対パスを追加

2023/10 ：【Webデザインを勉強している方向け】私が参考にしているサイトを追加

2023/10 ：オンラインプログラミング講師が教える上達のコツを追加