maple

サイトの設計でお金を稼ぐ方法

HTMLとCSSを勉強して簡単なアルバイトから始める

10数年前に比べると、インターネットが身近になり、自分なりに簡単に作れるような、ブログやホームページの作成を、試みた人も多くいると思います。Facebook、Instagram、LINE 、Twitterなどの、SNSを楽しんでいる人も多くいると思います。

しかしながら、お金を稼ぐとなると、HTMLとCSSと呼ばれるコンピュータ言語の、基礎的なコーディングの理解が不可欠になります。コンピュータ工学で学ぶ、C言語のようなプログラミング言語ではありません。難しく見えるのかもしれませんが、やってみると案外簡単なことが分かると思います。

簡単なウエブサイトの設計なら、半年から1年ほどでつくれるようになります。他の専門分野では、特殊技能の習得に、数年の歳月を費やさなければなりません。必要な機器、道具、工具などをそろえると、金額も高くなります。

それを考慮すると、ウエブサイトの設計は、比較的に勉強期間が短く、勉強道具として必要な物も、安価なパソコン(Windows)1台のみです。情報工学(IT)を専攻する大学生も、2~3年生からアルバイトを始めます。

ウエブサイト設計の時給賃金

未経験の場合、1000円ぐらいから始まりますが、慣れてくると、1500円~2000円ぐらい稼げるようになります。さらに3~5年ぐらいの実務経験があり、中小企業向けに、簡単なウエブサイトを設計できるようになると、一社あたり10万円ぐらい稼げます。設計期間は、一ヶ月ぐらいもらえます。

出来高制の場合、自分の空いている時間を自由に使って、サイトの設計でお金を稼げるので、理想的な高収入のアルバイトになります。ホームページビルダー、BINDup、SIRIUSなどの、ソフトを使っている主婦のサイトの設計者も多くいます。

少し設計に慣れてくると、必殺技のコピペを使って、配色を若干変えて、フォントを変えて、まったく別物に見せることもできるようになります。ただし、ここまでのレベルに来るには、実務の高い経験が、数年必要になります。

デザイン、SEO、配色のセンスが重要

サイトの設計に関しては、男性よりも女性のほうが、人目を引くきれいなデザインを描けるように思います。また、配色の感性も重要です。魅力的で見やすいサイトには、自然に訪問者が増えます。

サイトの設計には、きれいなデザインだけでなく、SEOと呼ばれる、検索順位をアップする技術知識も必要です。いくら見栄えのよいサイトを作っても、トップページに出てこなければ、誰もサイトを訪問してくれません。

デザインと技術の両方の側面から、お金を稼げるウエブサイトの設計方法を教えます。インターネット上にも、サイトの設計者の求人情報がたくさんあります。

こちらはタウンワークのコーディングのアルバイト求人情報

こちらはジョブセンスのコーディングのアルバイトの求人情報

こちらは、無理なく、アルバイトからスキルアップしていくことを勧めているサイトです。

こちらは、空いている時間を自由に使う、コーダーのための在宅バイトを勧めるサイトです。

専門知識があると仕事探しにも余裕ができる

やはり、専門知識が必要になるので、誰でもできるセブンイレブンやマクドナルドのバイトよりも、待遇や労働環境はよいと思います。アルバイトで満足感が得られたなら、次の段階にステップアップを考えてよいと思います。

専門知識が必要とされるITの特殊技能は、年齢を重ねて高齢になっても、机の上でマイペースで仕事ができます。40歳になる前に、何か新しいことにチャレンジしてみてはどうでしょうか。ぼく自身もHTMLとCSSの勉強を始めたのは、40歳を過ぎた頃でした。

バンコクにお住まいの、お母さんたちの多くの方々は、2~3年ぐらい滞在されると思います、その間に比較的に短期間で習得できる、専門職として興味の持ちやすい、ウエブサイトの設計の習得を考えてみてはどうでしょうか。日本に帰国しても、専門職の求人件数はとても多いので、仕事を見つけることは、難しいことではありません。

ウエブサイトの設計は、誰にでもできるものです。週に1~2回、1時間程度のレッスンで十分です。きれいなデザインを描けると、気持ちが若返ります。充実感とやりがいをサイトの設計で見つけてください。まず、手始めに、HTMLの基礎からコーディングを始めましょう。

実際にやってみる

どれでもよいので、デスクトップ上でファイルフォルダーを開けて、下の写真のように、画面上の左端の[View]をクリックして、[File name extensions]にチェックを入れてください。

Show Extension

次に、ウインドウズに添付されている、メニューの中の[Windows Accessories]をクリックして、一般の方々が見慣れない[Notepad]を探してください。日本語では「メモ帳」になっています。下記のコードをそのまま書いてください。文書作成ソフトウェアのMicrosoft Wordは使えません。

<!DOCTYPE html>
<html>
<body>

<h1>初めてのHTML</h1>
<p>案外簡単だね</p>

</body>
</html>

書き終わったら、名前をつけてデスクトップ上に保存してください。例えば、[example]とします。そうすると、[example.txt]として保存されます。

次に、そのままファイル名を[example.html]と書き換えて保存してください。下の写真ように表示されれば成功です。

Text-html 2

[example.txt]を開いて、小見出しを「案外簡単だね」から「ぼくのペット」に変えて、さらに下の写真のように、文字に加えて、画像を添付するコーディングを加えてみます。画像の名前を[john.jpg]として、同じくデスクトップ上に配置します。

<!DOCTYPE html>
<html>
<body>

<h1>初めてのHTML</h1>
<p>ぼくのペット</p>
<img src="john.jpg" width="168" height="300">
</body>
</html>

次に、ファイル名を[example.html]として再度保存してください。すると、下の写真のように、画像が加えられて表示されます。この小さなホームページは、[example.txt]、[example.html]、[john.jpg]で構成されています。デスクトップ上に、これらの三つのファイルがあれば成功です。

Text-html 4

とても簡単なことですが、初めての人は、つまづいて分からないこともあります。あせらずにゆっくりと、納得いくまで繰り返し、復習しながら学ぶことが大事です。HTMLやCSSを学習した後は、JavaScriptでプログラミングを勉強します。こちらのサイトを参照してください。

ITの知識が深ければ深いほど、あらゆる業種で必要とされ、データベースを構築する、メーカーの生産管理のシステムエンジニアのレベルになると、とても重宝されます。

phpを使って商業用データベースの構築をすると、一件あたりの報酬が、数十万円の単位になってくるのですが、ここでは、基本的なウエブサイトの設計をして、アルバイトでお金を稼げるようにすることを目的に説明しているので、またの機会としておきます。

HTMLのおもしろさを実感するために、無料のトライアルレッスンを体験してください。

2~3人のグループレッスンも受けています。昼間の本コースは、授業料を低く設定しています。

トップへ

inserted by FC2 system