【プログラミング初心者】HTMLとCSSだけで1万円を稼ぐ方法を解説

スポンサーリンク
【プログラミング初心者】HTMLとCSSだけで1万円を稼ぐ方法を解説 プログラミング
悩む女性

HTMLとCSSは習得したけど、案件獲得するための実績が欲しい。。けどクラウドソーシングで応募しても返事がこない。。とにかく実績を作る方法はないの??

こういった悩みに答えます

 

クラウドワークなどのサービスを見ていると

ライバルはPHPのスキルやPhotoshopを持っていたり大きなIT会社に勤務しているプロだったりと

初心者には到底敵わない相手がゴロゴロと応募していますよね

こんなの心折れますわ!

では初心者はどうやって実績を作ればいいのでしょう。。

ということで今回の記事ではHTMLとCSSのスキルだけで1案件1万円を稼ぐ方法を解説します!

完全初心者向けなので

  • HTMLとCSSしか分からない
  • 1万円でもいいから実践できる案件が欲しい
  • クラウドソーシング以外の稼ぎ方を知りたい

という方にオススメです◎

 

HTMLとCSSの基礎を3週間で学ぶ方法はこちらで解説しています↓

それではどうぞ☟

スポンサーリンク

HTMLとCSSだけでも案件は獲得できます

プログラミングを行っている人

そもそも初歩的なHTMLとCSSのスキルだけで案件は獲得できるのかという点ですが

断言します、できます!

なぜならHTMLとCSSも普通の人は持っていないスキルだからです

プログラミングに興味がある人やプログラミングを仕事にしている人にとっては

初歩すぎる!と思われるかもしれませんが、

プログラミングを勉強し始めた頃の自分に尋ねてみてください

「<p style=”color:#333;”>パラグラフ</p>を理解できるか?」と

「なんやこの暗号!!」ってなりますよね

でも今のあなたは「あ〜赤文字のパラグラフだな、簡単だ」と思うでしょう

知らない人にとっての暗号をあなたは簡単に理解できるのです

これがスキルです

 

そしてもうひとつ

簡単なホームページを安く発注したい人はたくさんいるからHTMLとCSSがあれば

案件を受注できるのです

例えば、私は「1万円でホームページを作ります」という商品を出品してから数日で1件案件を受注しました

実際に購入した商品のお金が振り込まれた画像↓

ココナラの販売実績

なぜ¥7,250になっているかというと手数料を引かれたものが表記されているからです

皆さんに先に謝っておかなきゃいけないのは、1万円で売っても7,250円しか手元には残らないです。。ってことです

ですが、この後

1万円 ▶︎ 3万円 ▶︎ 3万5千円 

と値上げしても商品は売れました!(現在は受付中止中)

めげずに実績作りと思って取り組みましょう

妹子
妹子

ずっと安価で受注していると気力の消耗戦になるので今回の方法は、あくまでも実績作りで利用してくださいね

1万円の商品を売った実際の手順はこの後解説します!

 

ということで、HTMLとCSSも普通は持っていないスキルで

そのスキルを安く買おうとする人はたくさんいるので

HTMLとCSSだけでも案件は獲得できます

 
スポンサーリンク

プログラミング初心者が稼ぐ方法【コピペOK!】

ココナラロゴ

ではさっそくプログラミング初心者が1万円を稼ぐ方法を紹介します!

実際のサイトはこんなものを売ります

サンプルサイト

ここからクライアントの要望に合わせてカスタマイズして納品します

 

紹介する手順に沿って作業してみてください

やりたいことは1万円でホームページを作りますという商品を出品して購入してもらうことです

正直1万円でホームページ作りますって人はなかなかいないくらい安いです

なので安く作りたい人が寄ってきます

しかし、1万円はホームページ制作としてはとても安いので普通に作っていては作業量と金額があいません

ですのでBootstrapのテンプレートを使った制作を行い作業の効率化を図ります

 

ということで今回使うものは

  • パソコン
  • ココナラ
  • Bootstrap

のみです!

ココナラは、ビジネスからプライベート利用まで、個人のスキルを気軽に売り買いできる日本最大級のスキルマーケットです。

https://coconala.com/pages/about

なぜココナラを使うのかというと、答えはシンプルです

ユーザーが多いからです

 

ココナラに登録しよう

まずはココナラに登録しましょう(無料です◎)

下記のURLをクリック

coconala.com

STEP1:メールアドレスの登録

ココナラ登録最初の画面

メールアドレスまたはYahoo!JAPAN ID, Facebook, Google, Appleで登録します

今回はメールアドレスで登録した時の手順を追っていきます

STEP2:ユーザー情報の登録

次に新規会員登録を行います

ココナラの登録画面

メールアドレスとユーザー名はすでに記入された状態になっていますが

ユーザー名はメールアドレスをとったものになっているので自分で変えましょう

パスワード、生年月日、性別、プロフィール画像を記入して利用規約に同意して登録をクリック

STEP3:本登録

そうしたらメールが届きますので、

メール本文のURLをクリックし本登録を終えましょう

※メールが届かない場合は迷惑メールボックスをチェックしてみてください

STEP4:プロフィール編集

最後にプロフィール編集を行います

ココナラのプロフィール編集画面
  • 基本情報
  • 本人確認及び機密保役条約
  • キャッチフレーズ及び自己紹介文

をひとまず完成させましょう

スケジュールも入れておくといいですね

以上で登録は完了です

次に進みましょう

登録がまだの方はこちらからも登録可能です

サクッと終わらせちゃいましょう

出品してみよう

登録が終わったらさっそく、実際に出品してみましょう!

STEP1:出品するをクリック

マイページから出品するをクリック

ココナラマイページの画面

STEP2:サービスを選択

通常サービスを出品するを選択しサービス内容の入力へ進むをクリック

STEP3:サービス内容の入力

最後のステップです

少し長いですが全てコピペOKですのでサクッと登録していきましょう

ココナラの出品画面

※青文字のものを記入していってください

①サービスタイトル:1万円でホームページを作成いたします

②タイトル補足説明:画像・テキスト、全てこちらで用意します!

③サービス内容:

ホームページを新しく作りたいけど、どうしたらいいのかわからない。
こんな方のお手伝いができたらなと思います。
※ご購入の前にまずはコメントでお問い合わせくださいませ。

■1万円に含まれるもの(サービス内容を入力します、例えばホームページ、フリー画像を使用しての画像設置、フリー画像素材を使用しオリジナルのボタンを作成×1など)

■提供して欲しいもの(以下をリストにして設置「ホームページに載せる文章(なければ相談)、使用したい写真、参考サイト、イメージカラー、ロゴ」)

■サーバー、ドメインって何?
 →料金や手順などご説明いたします。取得方法はとても簡単ですので絶対にだれでもできます。

■画像がない 
→フリー画像素材から目的イメージにあったものをこちらでご用意いたします。

■何を伝えればいいのかわからない
 →なぜホームページを作りたいのか、からゆっくりお聞きして何が必要かをご提案致します。

■スキルセット(自分のスキル・できることを説明付きで書きましょう、例えば「・HTML/CSS ホームページを作る時の言語・JavaScript 画像が下からふわっと出るような動きをつけることができます」など)

※高度なアニメーションが多数入ったもの、レベルの高いデザインをご希望の場合はご遠慮ください。
※既存テンプレートを使用し、そこからご希望の形になるようにカスタマイズしていく形で作成致します。

④カテゴリ:Webサイト制作・Webデザイン

⑤サービス価格:1万円

⑥提供形式:制作物(+テキスト打ち合わせ)

⑦予想お届け日数:1週間前後で設定しましょう

⑧有料オプション:WordPress化やサーバへの設置、サーバードメイン取得のお手伝いなどを足しておきましょう

⑨購入にあたってのお願い:

ご購入の前に必ずコメントでお問い合わせください。いきなりの購入はキャンセルさせていただくことがあります、ご了承ください。

また、納期が最低1週間もらえる方にお願いいたします。WordPress化ご希望の方はさらに1週間の納期をいただきたいと思います。

⑩一度の受注可能な件数:3件~5件

⑪よくある質問:後々足していきましょう

⑫画像:サンプルサイトをスクショして登録しておきましょう、後々サムネイルのような画像を入れてもいいですね

⑬見積もり・カスタマイズの受付:デフォルト

⑭評価の表示:チェックを入れる(その方が評価をもらいやすいため)

 

以上で入力完了です!!

お疲れ様でした!さっそく公開するをクリックし出品してみましょう

※サーバー・ドメインに関するお問い合わせが来ることがありますので、サーバーとドメインの取得方法は学習しておきましょう

 

購入されたら

出品した商品が購入されたらメッセージでやりとりをしながらクライアントの要望を聞きます

ご要望に合ったテンプレートをBootstrapのページから探し

HTMLとCSSで編集していきます

※メール設定のみPHPを使いますが、簡単にできますので一度サンプルサイトを作ってテストをしてみてください

初心者にオススメのテンプレートはAgencyです

Aboutのデザインが少し特殊なのでそこにtableタグで表などを自分で差し替えで入れてもいいですね

 
スポンサーリンク

まとめ:さっそく案件をこなそう

以上でプログラミング初心者がHTMLとCSSだけで1万円を稼ぐステップは終了です

クライアントとの関係を友好的なものにしいい評価がもらえるようにすると

どんどん仕事が入ってきますので頑張ってください!

まだココナラの登録を済ませていない方はサクッと済ませてしまいましょう!


【ランキングに参加しています】
面白かった!参考になった!という方は下のボタンをクリックしてくれると筆者が喜びます!

ブログランキング・にほんブログ村へ 人気ブログランキングへ
プログラミング
スポンサーリンク
この記事をシェアする
KANONをフォローする
kanonblog

コメント

タイトルとURLをコピーしました