完全無料のWeb制作講座

トップイメージ トップイメージ

デザイナーブリッジロゴ

Web制作教育業界に革命をもたらす

完全無料のWeb制作講座SPBwebは、デザイン制作のプロが監修し作成した、Web制作についてゼロから体系的に学べる完全無料のインターネット総合コンテンツです。

記事だけではなく、動画をふんだんに盛り込み、初心者でも理解できるように、自分が経験した制作で辛かったポイントなどを徹底的に意識し、丁寧に説明しております。

これからWeb制作を始めたい知識ゼロの方から既に始められている中級者の方まで幅広く対応しています。

当コンテンツを一通り学習して頂ければ、これからWeb制作を始められる初心者の方でも、問題もなくWebデザイナーの道を切り開いていくことができます。

4つの特徴
解説アイコン

動画解説で、初心者でも理解しやすい

記事だけでなく、動画や画像をふんだんに盛り込み、Web制作をこれから始める初心者の方でも理解できるように分かりやすく解説しています。

矢印
再生アイコン

27本、約8.5時間の動画が見放題

メルマガ読者様専用の会員サイトをお渡ししており、完全無料で27本超、役8.5時間の動画講義をご覧いただく事ができるようになります。

矢印
メルマガアイコン

メルマガ講座で着実にスキルがアップ

一度にすべてのコンテンツを学習するのは大変なので、初心者でも着実にWeb制作の学習が進められるようメルマガで進め方のアドバイスをしております。

矢印
質問アイコン

コンテンツに関する質問はいつでも可能

講座内容で分からないことがあれば、いつでもメールにて講師に無料で質問することが出来ます。※当コンテンツの内容に限ります。

矢印

今だけ‼学習教材を無料提供致します

0円

SPBwebは3つのレベルの講座に分類されています

入門講座

入門講座の内容<約1時間>

・Webデザイナーになる為の方法や必要スキル。収入面やデメリット

・独学でホームページ作成を勉強。Webの3大要素を解説

・ホームページ制作にあたり、勉強すべきコンピュータ言語は?

初級講座

初級講座の内容<約4.3時間>

HTML編

・HTMLとは?名前の意味やバージョン、書き方などを解説

・HTMLの基本構造(要素と属性)から記述方法、各タグの役割と意味まで解説

・HTMLのbodyタグ内でよく使う、実践的基本タグおすすめ12選

・bodyタグに使用する、覚える必要はないが理解しておくべきおすすめタグ13選

絶対パスと相対パスの概念とメリット・デメリット

・URL(パーマリンク)を英語で管理する理由


CSS編

・CSSとは?詳しい意味や記述方法と、classとidの使い方やルールなども解説

・CSSに必要な実践的基礎プロパティ21選

インライン要素とブロック要素の覚えておくべきタグと概念!

擬似要素と擬似クラスの意味や注意点、メリットデメリットなどを解説

「px」「em」「%」ホームページ制作においての重要なサイズ単位


その他

・ホームページの独学・勉強におすすめの3つの学習方法

中級講座(上)

中級講座(上)の内容<約3.2時間>

準備編

・テキストエディタを利用しよう。サブライムテキストのインストール方法、使い方、日本語化、おすすめな便利機能

・無料のおすすめFTPクライアントソフトCyberduck(サイバーダック)のインストール方法から初期設定・使い方

・ドメインとは?お名前.comにてドメイン取得をおすすめする理由

レンタルサーバーとは?XSERVER(エックスサーバー)をおすすめする理由


中級講座(上)

・WordPressとは?Web作成に必須な理由や、テーマ、メリット、仕組み、おすすめ理由[初心者向け]

・WordPressをレンタルサーバーの簡単インストールを利用して導入する方法と注意点

・ワードプレスにプラグインを導入する方法と注意点【初心者向け解説】

・ワードプレスの有料テーマで、AFFINGER5(アフィンガー)【WING】を初心者の方にもおすすめする5つの理由

・WordPressの実践的本格カスタマイズの方法や修正の注意点などを解説!

・ホームページをスマホ対応のレスポンシブ設定にする方法


お役立ち情報

キャッシュをクリアする方法[アドオンアプリ「Clear Cache」設定、「検証」ボタン、履歴の削除]

JavaScriptとjQueryとは?読み込み設定方法と基本知識[WordPress対応]

完全無料でご視聴いただけます

費用はかかりません

お名前とメールアドレスを入力し、赤のボタンを押して完了です!!!

※icloud.com、outlook.jp、hotmail.co.jpはエラーになりますので別のアドレスをご利用下さい。

※登録直後のメールで限定プレゼントをお渡しいたします。

※メルマガはいつでも登録解除できます。

※お預かりしたメールアドレスなどのプライバシー情報は厳守します。

人生に新たな選択肢を

いろいろな稼ぎ方が登場してきているこの時代。その中でももはや必須スキルと言えるWeb知識。

はっきり言ってこの時代にWebを使いこなせないのは、大きなビジネスチャンスを自ら辞退しているようなものです稼ぎたいなら、まずWeb!Webを制する者は収入を制すと言えます。

Web制作スキルがあればお金を稼ぐ事ができ、あなたが思い描くサイトを自由に形にする事ができます。もう、誰かに完全丸投げで作ってもらうのは終わりです!明確な指示を持ってあなたが人を動かす立場になるのです

大企業でも買収されたり、経営が傾いてボーナスが大幅にカットされたりなど、「安定」という幻想はこの世界から無くなりつつあります。

このような中、誰にも頼らず「稼ぎ続けられる独立性のあるスキル」の重要性がますます高まっています。時代は間違いなく、会社・組織ではなく、個人で生き抜く力を求めています

Web制作スキルがあれば、あなたの足でしっかりと立ち、嫌な事は嫌だと言える、そんな手に職を持った人間になれます。一度スキルを身に付けてしまえば、そのスキルを活かして、独立する事もできるようになります。とは言ってもいきなり独立というのはハードルが高いと感じられるのであれば、習得した技術を活かしてプロの現場に就職するのもいいでしょう。また、趣味を充実させるもよし、と人生の選択肢が増えていく事になります。

スキルを身につければ
就職
独立
副業
趣味
使い方はあなた次第

闇雲は危険

Webの世界は非常に非常に深いです。そんな中、右も左もわからない状態から勉強をスタートすると、本来習得したい、すなわち自分のやりたい事とは全く別の勉強をしていたり、全くいらない(実践的ではない)知識を吸収する可能性が非常に高いです

例えば、漠然とWeb制作をしたいと思っている状態で、「これからWebの主体はbootstrap4」というタイトルの本を鵜呑みにして購入して勉強しても、全く検討違いな事をする事になってしまう訳です。

実際、私もそうでした。ホームページの制作をしたい!から始まって、なんとなくWordPressの本を買い勉強をはじめましたが、「なんだかよくわからないな」と感じ、次は「HTML5」の本を買いましたが、「本当に5であってる?」などの疑問を抱いたまま、暗中模索で進めていたのを覚えています。あの頃、どれだけ頼れる人に教えてもらいたいと思っていた事か…結局、最初のサイト作成は、「WordPressはややこしいから、HTMLでコーディングしよう」と、サイト制作をしたのを覚えています。実際の話、これは大きな間違いです。

このように、やりたい事を実現するには、何を勉強したらいいか?そして、今勉強している方向性はあっているか?実際の作業環境はこれでいいのか?初心者のうちは、きちんと導いてくれる人が必要だと、Webに関しては私は特に思っています

でないと、非常に不効率で、無駄な時間を過ごしてしまう可能性があります。ですので、まずは誰からにきちんとした基礎を学ぶべきだと思っています。

スクールガイド

スキルアップWeb講座

私は、これまでたくさんのWeb制作をして参りました。それと同時に、たくさんの人から「あれどうしたら良いのですか?」「これで良いですか?」と質問を受けるようになりました。

教える事は嫌いではないので教える事自体は問題なく、Web制作自体も難しくはないのですが、10分説明したところで理解できると言うものではありません。 そして私の性格上、適当に教えたり、付け焼き刃の知識を与えるのがとても嫌で、説明するなら、根本的な理解と共に、プロとして「そうだったんですね」と喜んでいただけるように説明したいと思っていました

Web制作の知識はネットで調べれば簡単に取得できます。しかし、体系的に学びやすいなと思ったサイトはありませんでした。どれも、教えたい気持ちが伝わってこず、「これじゃあ初心者の方は理解できないでしょう」と思うものばかりです。

また、私も独学でWeb制作を学んだ一人ですが、当時「気の許せる方にWeb制作を教えて貰いたいなー」と、切望していた時期がありました。今の自分なら、過去の自分にきっちり教えてあげられる自信がありますし、そんな過去の自分と同じような気持ちを持っている方へ届けたい気持ちもあります

そんな背景から、私は体系的(0から順番に)にWeb制作の事を学んでいただける環境を作りたいと思い、この『SPB-web』の制作を決意しました。

講師紹介
とも
氏名 伊藤 友裕(いとう ともひろ)
通称 とも
職業 グラフィック・Webデザイナー
出身・在住 大阪
生年月 1983年6月
趣味 サーフィン・将棋
経歴 28歳の頃からデザイン業界に入り、6.5年間印刷会社のデザイナーとして働き、2018年5月より独立し、制作事務所TSUCLOUDとして、印刷・Web制作業を主体に営業を行っております。
費用はかかりません

お名前とメールアドレスを入力し、赤のボタンを押して完了です!!!

※icloud.com、outlook.jp、hotmail.co.jpはエラーになりますので別のアドレスをご利用下さい。

※登録直後のメールで限定プレゼントをお渡しいたします。

※メルマガはいつでも登録解除できます。

※お預かりしたメールアドレスなどのプライバシー情報は厳守します。

以下のような方に、おすすめ致します
good

Web制作をしたいけど、何から勉強していいかわからない

good

Web制作を始めてみたけど、これがプロから見てあっているのか不安な人

good

ネット上に情報がいっぱいありすぎて、何をどう勉強していけばいいかわからない

good

Web制作スキルを取得し、仕事にしたいと思っている人

good

Web制作スキルを取得し、会社に就職したいと思っている人

good

Web制作スキルを取得し、副業に活かしたいと思っている人

good

Web制作スキルを取得し、自由にサイトを運営していきたいと思っている人

good

個人が評価される技術職を得たいと思っている人

good

独立を視野に入れた職を手につけたいと思っている人

good

『デザイナー』と、かっこいい肩書きを名乗りたいと思っている人

good

今の仕事にうんざりで、転職したいと思っている人

good

外で動くのではなく、PCに座って仕事をしたいと思っている人

good

テレワークで仕事をしたいと思っている人

よくある質問集
Q
本当に無料ですか?
白三角

A
はい、無料です。

最初にメールアドレスの登録だけが必要になりますが、費用は一切かかりません。

Q
登録してからお金がかかりますか?
白三角

A
一切必要ありません。

こちらからメルマガ配信は登録アドレスにさせていただきますが、メルマガ解除のボタンをいつでもできるように、常にメルマガ内容に盛り込んでいますので、不要になった段階で解除頂ければ、その後こちらからご連絡などをする事はございません。

Q
全くの初心者ですが大丈夫ですか?
白三角

A
もちろん、問題ありません!

ぜひ、ご利用ください!

Q
若くないですが、大丈夫でしょうか?
白三角

A
Web制作に年齢は関係ありません。

クリエイターは何歳になってもパソコンさえあれば制作できる、息の長い仕事というのも魅力です。どこかの企業で務める場合は、会社の希望年齢などがあるとは思いますが、スキル次第では、採用してもらえる事もあるかとは思います。私が経営者ならスキルの高い人を選びますね。

費用はかかりません

お名前とメールアドレスを入力し、赤のボタンを押して完了です!!!

※icloud.com、outlook.jp、hotmail.co.jpはエラーになりますので別のアドレスをご利用下さい。

※登録直後のメールで限定プレゼントをお渡しいたします。

※メルマガはいつでも登録解除できます。

※お預かりしたメールアドレスなどのプライバシー情報は厳守します。

それでは、SPBwebでお会いしましょう!

デザイナーブリッジ代表 とも