私がHP制作(自分用)をしている事を知っている人から突如ホームページを作ってくれないか?という依頼があり急遽、(たぶん)格安価格にて制作することに。その時のお話をしてみようと思う。ちなみに作ったのは保育園のHPです。LINK自分の為のHPはいっぱい作ってきたけれど...自分のHP制作歴は1年半ってところ。作ったHPの95%は自分用です。いわゆる、アフィリエイトを入口としてホームページを作成し、集客を開始。広告を利用してマネタイズしながら生活するゆる~い個人事業主をやっております。これまでに作ってきたHPの数はざっと100ドメインを超えていますが、SEO関連のアドバイザー的なお仕事もしている為、他人のHPをチェックしてあげて修正することは多々あるんですけど、依頼されて作ったことは今までゼロ。母親から「月曜に保育園に来てね」という謎の依頼。保育園のHPが必要になったらしく、うちの息子が家で引きこもってホームページを作っていることを園長に伝えたところ、じゃあ(安く)作ってよ!ということで引きうけることになったのです。ちなみに園長先生は自分が年長児の時の担任の先生で知り合い。これまでのサイト作りこれまでは自分の為のサイト作りです。サイトの大半はビルダー的なHP作成ソフトを利用していました。あとは趣味がてらWordPressをちょくちょくいじる程度。自分用ならこれでよかったわけです。今回は他人様のサイト作成です。サイトを作る場合は追加ライセンスを購入する必要がありました。次に、使い慣れたWordPressテンプレ―トを使おうと思い、それについても商用利用を調べたところ、こちらも追加ライセンスが必要。OH...これは...自分でWordPressテンプレートを自分でツクルシカナイ...ということで初めてのテンプレ作成です。オリジナルテンプレートの作成ということでオリジナルテンプレートを作成。こんな感じの落ち着いたピンク色ベースのサイトを作りました。一応これでデザインからサイトを作り、phpをいじって独自実装にしてあります。このくらいできれば...人気WEBデザイナーには到底及ばないだろうけれども、お金を頂いてもいいレベルじゃん?と思うわけです。結局WEBデザイナーになるってことは、オリジナルのWEBサイトが作成できれば良いわけですね。内部構造・内部SEOに関しての知識もある程度必要でしょう。このくらいのサイトを作るには?では具体的にどういったスキルが必要なのかを紹介。このくらい作れるようになればWEBデザイナーとして仕事を受注できるかなぁって思います。WEBサイト運営経験まずWEBデザイナー・WEBクリエイターになるための最低条件は「自身でWEBサイトを運営したことがある」ということです。WEBサイトを運営したことがない人がいきなりWEBサイトを作ろうっていうのは、ぶっちゃけ無謀。WEBサイトを運営する厳しさと楽しさを知って下さい。カスタマイズという点からみれば、まずはFC2ブログから始めてみても良いでしょう。オススメはレンタルサーバーに設置するWordPressです。WordPressというのは、今現在、世界で最も使われているCMSです。別の表現をするとサーバー設置型ブログシステムですね。このサイトもWordPressで運営しています。オススメのレンタルサーバーは最も簡単にWordPressが設置できるXサーバーです。⇒Xサーバーはこちら素材を用意できるガチのプロになろうと思った場合はフォトショップ(Photoshop)とイラストレーター(Illustrator)が必要になると言われています。これらのソフトをそろえようと思ったら軽く10万円を超えます。その段階で敷居が高すぎますよね。この二つをそろえろなんていう暴論を吐く自称一流のWEBデザイナーさんがいっぱいいますけど、最初からそんなの無理に決まっています。WEBサイトを作る為の素材が用意できればいいわけです。自分で作成する誰かに作成してもらう商用利用可能な素材を使うまぁいずれにしても最低限の画像に関する知識は必要です。基本的にはロゴが軽く扱えて、背景が透明な画像を作成できればOK。フリーのオススメソフトはGIMPです。⇒GIMPはこちらこちらはフリーソフトながら高機能。テクニック集などが本として多数販売されていたりもします。画像の背景を透明にすることを「アルファチャンネル」や「透過画像」って言ったりします。気になる人はググってみましょう。自分の好きなドット絵エディターのEDGEでも、PNG形式の透過画像を作れたりしますね。⇒EDGEはこちらHTML/CSSの理解ホームページっていうのはHTMLというマークアップ言語で作られています。噛み砕いて言うと、HTMLという文章をブラウザ(InternetExplorer・GoogleChromeなど)が読み込み、ホームページとして表示しています。一昔前は、HTMLにデザインに関する情報も記述されていたのですが、最近ではデザイン部分を「CSS」という形で別ファイル化しました。要するに、ホームページのデザイン部分を担当するのがCSSです。近年需要が高まりつつあり、上手く使えるようになれば就職にも有利でしょうね。HTML/CSSは自らいじって覚えるしかないです。ステップアップ形式で勉強できるような教材も多数販売されていますから、ぜひ購入し、勉強を進めてみましょう。フリーの開発環境としては、HTML/CSSエディターのStyleNoteというソフトが便利。⇒StyleNoteはこちらPHPの理解PHPというのは簡単に言うと、WEBで使うことのできるプログラミング言語の一つ。何かしらのプログラミング言語を習得されている方であればPHPは余裕でしょう。WordPressっていうのはもろにPHPで作られています。PHPを勉強する上で最もオススメはWordPressのカスタマイズです。コードの書き方さえ覚えてしまえば、コードは流用可能です。PHPで何ができるのか?を覚えるイメージで取り組みましょう。PHPの勉強の入口としては、以前紹介したWordPressの教科書がオススメかも。⇒WordPressの教科書まとめ基本的には次の事ができるようになればWEBデザイナーになれるんじゃない?WEBサイトを運営したことがあるWEBサイトを構成する為の画像素材が用意できるHTML/CSSをいじくることができるPHPによってできることを覚えるあとは就職するか...自ら仕事を探すか...それだけです。WEBデザイナーになるための必須項目として私は一番に「WEBサイト運営経験」を挙げてます。WEBサイトを運営するということは、デザインと同時に集客力も鍛えることが可能。そこから顧客を集客するのも一つです。安くてもいいなら、SOHO系サイトに登録すれば、WEBサイト作成のお仕事は沢山あったりします。なにはともあれ...まずは自分の為のWEBサイトを一つ作るところから初めて見ましょう。久しぶりにブログ運営に関する記事を書くよ。今回は内部SEOに関するお話。違法な動画アップロードなど...無法地帯と化しているFC2サービス。ブログを運営する上で設定する項目の一つに「コメント欄の設置」があります。スマホがかなり普及し、インターネット検索が「あって当たり前」の時代になっています。インターネットの普及なんて言葉は既に過去のものか...。先日、無事?に青色申告を済ませてきました。