くりえいたーず

新年あけましておめでとうございます！

お正月からだいぶ経ってしまいましたが、改めて新年の挨拶をさせて頂きます。

昨年、IT業に転職！と意気込み企業実習させて頂いた後、短い間ではありましたが契約社員として働いておりました。私生活も多忙を極め、ブログを更新できない日々が続いていました。

新年の挨拶とともにブログを少しずつ再開していこうかと思っています。

とりあえず、今年の年賀状を添付。


文字や松竹梅の飾りはイラレで、龍と背景はフォトショで描きました。
初・フォトショでのペンタブレット使用。
ペンタブは楽しいですねー。
線画をもう少し濃くすればよかったと、・・・完成後に気づくんですよ。

ともあれ、本年もどうぞ宜しくお願い致します。  

ひとまず就活終わりです。


就活が低迷気味だったので、「このままではイカン！」と思い”日記断ち”
なるものを突然していました


皆様、大変お久しぶりです。

先日やっと、とある企業の有期実習生になることができました。
Webデザイナー枠で定員５名。（私たちは、なぜか４名でしたが）
訓練をしながら、後々お仕事もさせてもらえるようです。
期間は４ヶ月で、成長率が高ければ契約社員？など登用ありとの事。
とりあえず、お給料がもらえるので助かります。

初出社は、１５日（金）。
自己紹介と説明、講義もさっそくありました。
しばらくは、座学になります。



翌日の土曜日にバーベキューがあるという事だったので、行ってきました！


（豊見城ちゅらSUNビーチ）

訓練生は３名参加。新入社員などビーチパーティー初参加が多いということで、
全員でチーム・部署別の自己紹介を計４回ほどしました。

違う部署の方や他のクリエイターチームの方々と話ができて、面白かったです。

















後半、なぜか社長・部長など上役を巻き込んでの海に人を投げ込む大会が繰り広げられてました。
・・・青春ですね！
皆さん、個性派ぞろいでびっくりです。
   

ホームページ化


「２．ホームページ化」についてもう少し、詳しく説明します。
　

●ワイヤーフレームは、色やかざりをなくして、内容だけでできた図です。
　制作会社によっては、Fireworksを使用して作ったデザイン図（完成予定図）
　にまで仕上げるようです。（←この場合は、イラスト・写真も貼り付けます。）

●ｈｔｍｌ化
　ｈｔｍｌとは、ホームぺージをつくるときの言葉（命令文）。→「タグ」といいます。
　サイト名は○○で、見出しは○○、ここからリンクしてどこどこへ飛ぶという様に指示する言葉です。
　具体的には、ｈｔｍｌタグ（命令文）と文章を書き、拡張子ｈｔｍｌのファイルとして作成します。

　　ホームページに表示されるものは大きく分けて、
　　　　テキスト（文章）と画像の2種類。
　　　　その中でも、重要といわれるのはテキストといわれています。
　　　　検索エンジンがキーワードを拾うからです。
　
　サイト名
　見出し、強調、リスト
　画像の説明文
　
以上のように、ｈｔｍｌはテキストに意味をつけるものです。


●ＣＳＳ（スタイルシート）
　ＣＳＳとは、ｈｔｍｌに、文字の大きさや色、線、背景に使う画像をつけるもの。
　ｈｔｍｌの内容をデザイン化するもです。
　配置は、一般的に表は使わずＣＳＳを使用します。


ひとまず、こんな感じですかね。  

ホームページ作成まとめ


学校で、ホームページをつくる実践授業をしてきましたが、
ここで少しまとめをします。

1．企画・設計
　・どういうホームページをつくるのか
　・どうなったらこのホームページは成功なのか（最終目標＝コンバージョン）
　・サイトマップを作る

　※私たちグループのコンバージョンは、学校参加申し込み・問い合わせでした。
　
2．コンテンツ制作・ホームページ化
　・文章、写真、資料、イラストの用意
　・ワイヤーフレーム（全ページの下書き）
　・HTML化

3．解析
　・ホームページをネット上にアップした後、どのくらい閲覧されているのか、
　どのページにきているのか、検索キーワードは何かを解析。
　目標を達成するために、検索エンジンの対策や文章の見直しなど
　していきます。

・・・大まかな流れはこんな感じです。
次回、2番のホームページ化をもう少し詳しく解説したいと思います。
  

4月22日～23日（金）

23日は、学校の授業最後の日。
Webサイト作成の発表の日でもあります。

前日は、21時頃まで残ってやってました。
他のグループの皆も「終わらない～！」って感じで残ってました。


やっぱり、最初の段階で綿密なデザイン画を描いておくべきでしたね
大まかな配置はイメージできてましたが、文字の配置が大変。
見出しも使って大きさ変えたり、位置変えたり、色変えたり、背景入れたり
CSSに慣れてないので1日2日ではぜんっぜん終わりません。

やっと形にして、他のメンバーにバトンタッチ。
当日の午前中にSEO対策入れて、リンク張って、サーバーにアップ。
もう、内容はほとんど未完成で・・・無念。



午後の発表は、リーダーが担当のプレゼンテーション！
私は・・・、燃え尽きておりました。
他のグループは、かなり形になってました。
全部のページできているグループもあって、すごいです



↑なんとか、形になった2枚。
募集要項のページは、CSSでの配置をあきらめ表を使っちゃいました
実質、9日間くらいなので初心者としては、こんなものですかね。

なにはともあれ、皆さん本当にお疲れさまでした！

  

みかえりネコ


リクエストにお応えして、ネコを描いてみました。

一応これも、写真を参考にしております。
手足の配置と、顔の輪郭がちょっと気になりますが、
これが限界ですね。

「魔女の宅急便」のジジのような黒猫を・・・と
思っていたのに、いつのまにかロシアンブルーっぽい感じに


ま、これはこれで、満足です
  

アリスのうさぎ

沖縄は梅雨に突入して、曇り・雨が続いてましたが、
今日は晴れてますねー
いい天気だと、気分も浮上していろいろしたくなってきます

・・・ということで、
久々にIllustratorを使用。
久し振りすぎて、いざイラストを作ろうとしても
アイディアが湧かないもんですね～
　
とりあえず、映画で「アリス・イン・ワンダーランド」してるので
アリスのうさぎを・・・。

イラスト掲載は、初です


（参考にした元絵）


　　　　　　　　　　　　　　



とりあえずイラスト化、完成～！
  

4月20日（火）～21日（水）

風邪で休んでしまったため時間がなくなり、
HTML・CSSとパーツ作成を同時並行することに

【パーツ一例】




↑メタリックボタン

















↑学校の地図
（使用ソフト：Webアートデザイナー）

ボタンが、文字の微調整で予想以上に時間がかかってしまいました。

TOP画像は、Photoshopで作成。
３つの写真とグラデーションのレイヤーを２つ重ね、さらに
手書きで光とラインを加えた合成画像。









　　　　　　　　　　　　　　　　　↓











Webっぽい感じが出ているでしょうか？
ドリームプロダクションのイメージとも似るようにしました。
なかなか、進まないのでだいぶ焦ってきています

発表まで、あと2日！

  

5月5日（こどもの日）

学校の最終日、我らが豊太先生からGW中に「うるまシティー」で
マジックショーをやるという情報をもらいました。

ドリプロの講師であり代表の先生は、趣味・マジック。
あちこちに呼ばれて、ショーもやっているそうです。

・・・うるまシティー？・・・うるまシティー・・・。
メインシティー？

GWのメインシティーのチラシを見てみると・・・、先生発見！



拡大↓

　　　ドドン！


↓ちなみに、会場はこんな感じ。


ショーは、撮影禁止なので撤収直前の風景です。
17時開演に間に合いました。

飛び入りアシスタントをしたお子さんには、バルーンアートなどの
プレゼントがあってけっこう、盛り上がってましたね。

私は、後方の席でこっそり見てました
先生、お疲れサマでした
  

4月16日（金）～18日（日）

とうとう、咳がでてきたので学校を休みました。
個人的には、咳以外は元気なので頑張れるのですが・・・。
グループ活動してるので席をくっつけてるのですが、
皆に風邪をうつす訳にはいかないですからね

でも、締切まで日がないのでかなり焦ります
症状は咳なので、近所の耳鼻咽喉科へ行きました。
  

4月14日（水）～15日（木）

Ｗｅｂサイト作成（グループ）のこれまでの決定事項

・テーマ：現在私たちが通っている「Ｗｅｂクリエイター科」のＷｅｂサイト

（グループ内決定事項）
・イメージカラー：青（さわやかなイメージ。ドリームプロダクションのサイトと
　　　　　　　　　　　　　連動するためイメージを近づける。）
・サイトイメージ：Ｗｅｂということで、近未来系。メタリック。ロボ系。
・ロゴマーク：歯車。（私たちは、Ｗｅｂサイトを作るための歯車であるという意味。）

=================================

私たちのグループは、まずWebページの内容と大まかな
デザインイメージを決めた後、すぐに（X）HTMLとCSSでひな形を作ってから、
デザインをはめ込もうということになりました。

なので、自動的に（X）HTMLとCSS設定は私の仕事に・・・
けっこうな、大役がまわってきました。
でも、これもレベルアップするための勉強なので望むところかも？


今後の作業効率を考えて「ホームページビルダー14」で作業を
　進めていくことになりました。
　とりあえず、ラフ図通りに文字情報と画像を入れていきます。
　（宣言文を書かなくていいので、メモ帳よりは時間短縮ですかね。）
　この段階でCSSは文字情報「サイトマップ／プライバシーポリシー」の
　位置定義のみです。


スタイルシート（ＣＳＳ）とは、Ｗｅｂサイトのデザインを指定するものです。
　位置、文字の大きさ・色、背景色などなど・・・。
　（Ｘ）ＨＴＭＬは、ほぼタグと文字情報だけのようです。




（↑　使用ソフト：「ホームページビルダー14」「ウェブアートデザイナー」）

  

ブログ再開


グループ制作開始→風邪→法事→グループ制作プレゼン→職場体験（３日間）

4月末までの3週間が忙しくて、ブログ更新できてませんでしたね
もう5月！GW真っ只中！早いものです・・・。　

実は、4月30日（金）にドリームプロダクション主催の職業訓練が終了しました。
２ヶ月半コースだったので、本当にあっという間でした。

ブログはせっかくなので、続けていこうと思っています。
しばらくは、書くことができなかった４月の出来事なども時系列に織り交ぜていきたいと思います。

それと、せっかく志を同じくした仲間と出会えたのに、フレンドブログ設定してないのに気付きました！！
これから申請していきたいと思いますので、よろしくお願いします
  

休み明けて

風邪ひきました・・・。
いざ、就活！と意気込んだものの怒涛の5日間。
つい最近、身内に不幸があったので法事も重なり、あっという間でした。

声がガラガラで、電話ができません



↓せめてもの気分転換に、今年１月に撮ったひまわりの写真をアップ
　してみました。


新聞にも載っていましたが、北中城村のひまわり畑です。

1月にひまわり・・・。
夏に栽培すると、日焼けで枯れることがあるので、沖縄では冬が最適なんで
しょうか。

いい天気で、絶好の撮影日和。あちらこちらで、記者さんなのか、
パシャパシャ撮影しているサラリーマンの方々がいてちょっと面白かったです
  

いざ、ハローワークへ

今日から３日間、職場体験交渉期間ということで、
ハローワークへ情報収集に行ってきました。
職場体験のためというか、就職活動ですね。

昨日は、親睦会があったので午前中は起き上がれず、
午後すぎてからの活動でしたが・・・

私の強みになりそうなところは、llustratorとPhotoshopが
使えるというところです。
ホームページ作成に関しては今勉強中なので、強みとは
まだ言えないでしょうね。これから、日々精進です。

Web系の会社は忙しいので、アポ取りの段階で断られるケース
が多いと聞き、少し不安なのですがなんとかアタックしてみたいと思います。

今日は、Webデザイナーとして募集している会社の情報集めで終わってしまいました。
ネットで会社情報を確認しつつ、検討してみたいと思います。


  

ラフ図案（ワイヤーフレーム？）

デザイン担当の私。
昨日は、会議をしつつラフ案をひたすら作成してました。

サイトデザインを学んだことがないので、他サイトや
Webデザイン雑誌など参考にしながらの手探り状態です

トップページのラフ図をWordで5パターンほど作って
チームの皆に意見を求め、最終的に７パターン目で決定しました。


いろいろ手探りで、悩むことは多いです。

メインメニューを上・左・右どちらにするか。
上部なら、理想はボタン６つらしいですが、
SEOを考えた結果、メインメニューの数が多くなったので左に決定しました。

トップページに、最低限入れるべきものは何なのか。どんなバランスで盛り込むか、などなど。

あとは、細かいパーツと全体のデザイン。責任重大です。

大まかなサイトのイメージとカラーも決定したので、
ビルダーのCSSも使い、作り上げれるかどうかです。



↑ラフ案の１例。決定案はコレとは、別物です。（使用ソフト：Word）
  

グループ制作

ウェブマネジメント・SEO対策授の業も終わり、
今日からWebサイトのグループ制作がはじまりました。

4人1組で、プロデューサー・ライティング・デザイン・SEO対策の
担当をそれぞれ決めて、分担作業に入ります。

何のサイトかは、先生からの指定がありました。

本日は、どのようなページを盛り込むのか話し合い、メインメニューのピックアップをしていました。
ちなみに、私はデザイン担当になり、ラフ案作成してます。

日数は、今日を入れて9日間なので、効率よく作業を進めるべく奮闘中です。  

SEOとSEM

ＳＥO導入編です。さわりなので、簡単な内容です。

【今回のポイント】

・検索エンジン（＝ロボット・クルーラー）
　→巡回周期は、決まっていないようです。クルーラーが回ってきやすいサイト、
　　来にくいサイトがあります。

検索エンジン巡回日が分かる方法があるので参考にしてみて下さい。
・Yahoo！→検索設定→クロール表示を設定
・Google　→キャッシュをクリック

また、新たにSEMなるものについても学びました。

・SEMとは、Yahoo！やGoogleといった各種検索サイト・検索エンジンを活用したマーケティング全般を意味します。

SEM=PPC(キーワード広告）＋SEO（検索エンジン最適化）＋Directory（検索カテゴリへの登録）


検索ロボット(クルーラー）は、リンクを辿ってやってくるので、質のよいサイトとの多くのリンクが大切なようです。


※タイトルが的確ではないようなので、変更致しました。（2010/04/08 改正）


  

サイト最終チェックについて


お役立ち情報

・サイトの幅は800pxが目安
　→サイトTOPページ作るとき、悩んだんですよね～。
　　　ユーザーによって、パソコン画面はさまざま。製作者の
　　　意図によっても意見は分かれるようですが、800～1000px
　　　が良いようです。

・優れたホームページとは・・・、最初に設定した目的を達成したサイト。
　　　　　　　　　　　　　　　　　　　ユーザーがトップページから他のページへ
　　　　　　　　　　　　　　　　　　　行っているサイト。


サイトが出来上がった後はチェック→アクセス解析→誘導したいページへの最適化　　　が大切です。

アクセス解析は、とても気になるところですね。
ネットで調べたところ以下の専門サイトがあるようです。キーワードで検索可能ですので参考にしてみてはいかがでしょうか。

・サイトのタグチェック
・SEO対策のチェック
・アクセス解析ツール（これは、より高度な専門知識が必要なようです。）


  

サイト制作費・SEO

授業は、だんだんとSEOの核心に近づいている気がします。

SEOとは、検索エンジンを対象として検索結果でより上位に表れるようにWebページを書き換える技術です。（ウィキペディアより）

【今回のポイント】

■Web制作のコスト

1.基本料金（単価×ページ数or日数）

2.プロデュース料（コンセプト・サイトマップ・企画構成費・編集費）
　→コンセプトとサイトマップはクライアント自身で作った方が、コスト削減に
　　つながり、制作会社に内容も、上手く伝わるようです。

3.フォーマットのデザイン料・HTML制作料
　→写真：　・プロのカメラマンに頼む（およそ10万～20万はかかるようです）
　　　　　　　・制作会社の社員（撮影できる人がいる場合）
　　　　　　　・クライアント自身で撮る
　
　　写真はWebの顔なので、キレイな写真をアップしたいですね。
　　ですが、コスト削減を目指すのならプロカメラマン以外の2パターンも
　　考えみると良いようです。
　　
4.プログラム費用

5.写真スキャン代
　→デジカメ撮影なら費用はなし。
　　ポジフィルムの入稿時に費用発生します。

6.更新・メンテナンス

7.その他（Flash・GIFアニメーションなど)

1つのWebサイトを作り上げるのにけっこうな費用がかかりますね。

沖縄の現状としてサイト制作価格は、会社によって項目などバラバラで不明確なようです。
営業をとるためには、この見積もり価格とクライアントの希望価格のすり合わせが大切なんですね。
（沖縄でのサイト制作は、ページ数は最低でも１０P　価格：30万～くらいらしいです。）　

■サイト設計

SEOの重要度では、上位から順に

タイトル→見出し→本文→フッターの文字情報　　　　　となります。

それぞれに、キーワードとなる単語をちりばめていきます。
検索ロボットが巡回する時に、キーワードを拾ってもらうための工夫です。

・見出しはh1→h2→…と重要度が変わります。
・タイトルはロゴ画像の場合が多いですが、代替テキスト（alt）をちゃんと書くのが大切です。


キーワードがあまりにも多すぎると、検索ロボットはスパムと見なすらしいです。

スパムとは、検索エンジンから所定サイトへ、不適切に誘導されること。その仕掛け。迷惑メール。（ウィキペディアより）

　　

  

ウェブマネジメント基礎

久々の座学で、勉強しました。

ウェブマネジメントとは、
ウェブ構築の担当者になった時、どのように対応していくのか。
Webのプロデューサーとして、制作の流れを統括し、チーム・プロジェクトのマネジメントをすること。

↑簡単に説明するとこんな感じでしょうか。

後は、サーバーについて。
サーバー構築の基本で、サーバーの種類・申し込み・ドメイン設定などなど。
ちょっと難しいので、頭に入るまでに時間がかかりそうです・・・