
記述をするための準備をします
サイト構成について確認します
趣味の部分の記述をします
私が撮影した写真の部分の記述をします
お問い合わせ部分の記述をします
フッター部分の記述をします
CSSの準備を行います
基本的なCSSの記述をします
dislayプロパティの解説です
ヘッダー画像を配置します
自己紹介の文字の装飾を行います
趣味とお問い合わせ内容の装飾を行います
趣味とお問い合わせ内容の装飾を行います
paddingについて学びます
私が撮影した写真の装飾を行います
お問い合わせ部分の装飾を行います
articleタグ部分の調整を行います
送信などのボタンやコピーライトの装飾を行います
製作の流れを把握します
HTML の記述を行います
CSS ファイルを作成します
基本的なCSS を記述します
ヘッダー部分の装飾を行います
メイン部分の装飾を行います
フッター部分の装飾を行います
トップページの記述を行います
お知らせページの記述を行います
料金プランの記述を行います
契約の流れのページの記述を行います
お問い合わせページの記述を行います
知っておくと良い情報について掲載しています
不定期に値上げしますので、今が一番オトクです!
おひとりおひとりにしっかり向きあいたいので、値下げはしておりません
Udemyには返金システムがある!
「本当にこのままでいいのかな…」
在宅ワークやフリーランスとして働くWebデザイナーに憧れながらも、
「何から始めたらいいのか分からない」「勉強してるのに、実力がついている実感がない」
そんな不安や迷いを抱えていませんか?
私自身もそうでした。
学習はしているけれど、仕事にはつながらない。
このまま進んで本当に大丈夫なのかと、何度も立ち止まってしまう日々。
でもある時気づいたんです。
「実績を作ること」こそが、夢を現実に変えるカギだと。
信頼される実力がないと仕事は取れない
考えてみてください。
あなたが「Webサイトを作ってほしい」と誰かに依頼したいとき、学習だけをした人と、実績がある人のどちらに頼みたいですか?
たとえ価格が少し高くても、「経験のある人」「信頼できる人」を選びたくなりませんか?
実績があること。
それはスキルだけでなく、「この人に任せて大丈夫」という安心感=信頼を生み出します。
実践的な制作経験を積める講座がここにあります
この講座では、Webクリエイター能力認定試験(HTMLやCSSのスキルをはかる試験)の合格者を多数輩出している講師が、単なる知識のインプットではなく、「実際に仕事で求められるWebサイトを作る経験」を提供します!
あなたのご親戚やお友達をたどると、お店などをやっている人がいらっしゃると思うので、是非Webサイトを作らせてもらいましょう!
これで実績を積むことができますね!
この講座で学ぶ内容
現在主流のパソコン向けシングルページ制作
複数ページからなるWebサイトの設計と実装
スマホ対応のレスポンシブWebデザインの基礎と実装方法
すべてを、シンプルなコードと実践的な構成で、未経験者にもわかりやすく解説。
目的なく「なんとなく勉強する」のではなく、「このサイトを作るために、こう学ぶ」という目的型カリキュラムで構成されています。
講座の対象者について
この講座は、私の講座「【無料】未経験者必見!1時間30分でサクッと作ろう!HTML・CSSで作るWebページ」修了者
または、同等の基礎知識をお持ちの方が対象です。
※講座内で基礎の説明は行っておりませんので、初心者の方は必ず先に基礎講座をご受講ください。
こんな方におすすめです
Web制作の基礎は学んだけれど、実際にサイトを作れるようになりたい方
自分のポートフォリオを作り、仕事につなげたい方
フリーランスや在宅ワークを目指し、実績づくりの第一歩を踏み出したい方
プログラマーで、Webデザイナーの気持ちや作業を理解したい方
受講前のご確認とサポートについて
講座内容がご自身に合っているか、無料プレビューと説明文を必ずご確認ください
テキストにないツール・操作にはご対応できないこともありますのでご了承ください
あなたに質問です。
今の自分をこのままにしておいて、理想の働き方に近づけるでしょうか?
「やってみたい」と思ったその気持ちが、あなたの可能性の証です。
あなたもこの講座で、「実践的にWebサイトを作ることが出来る自分」への一歩を踏み出してみませんか?
わからなくて当たり前。ここから始めましょう!
【購入者特典】サンプルコード・テキスト・完成例も配布!
受講者全員に、講座で使用するコード・資料をダウンロード提供!
自分のペースで学習&復習が可能です。
【更新履歴】
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 :オンラインプログラミング講師が教える上達のコツを追加