現在表示しているページ
Home > Weblog > 2007年09月

2007年09月29日

勉強中

今まで自分は、Web制作では、Photoshopでデザイン、コーディングはリンクウェアのHTML支援ソフトしか使ってきていませんでした。
ですが、就職活動をしていて、それではアピールにならないどころか、マイナスであるということに気づきました。

使用経験すらないという現状を打開すべく、只今DreamweaverやIllustratorやFlashを使い始めています。

Webデザイナーを目指して、あきらめないで、頑張ります。
posted by aoi_gen2 at 20:34 | Comment(0) | TrackBack(0) | 雑記

2007年09月27日

キーワード検索

リニューアルを担当した、有限会社ジーアイエスのリニューアル後のページがGoogleやWindows Liveサーチなどにもクロールされてきました。
キーワード検索会社名や、会社オリジナル商品名で検索したしたときに、一番上に来るのは当たり前として、意外と上位に入っているのが、「梱包発送 東京」というキーワード。東京を足立に変えると、さらに上位にきました。

これが、「運送 東京」だと、かなり下位なのですが…。
梱包発送というキーワードは競合するサイトが、運送とくらべて少ないのかもしれないですね。
ですが、実際にこのキーワードで検索されないと意味がないですよね。

コーディングで出来るSEO、しかも、現在勉強中の身でどこまで行ってくれるのか目が離せません。
posted by aoi_gen2 at 16:43 | Comment(0) | TrackBack(0) | 雑記

2007年09月26日

今思うと

無駄だったと感じるもの。
ユーキャンのYES-プログラム認定講座(約3万円)。
Microsoft Office Specialist Word,Excel 2002(約2万円+教本代)。

両方とも、Webデザイナーを目指すと決める前、
とりあえず、就職するのに取っておくと有利かな、と思ったのでとったものです。
目的があいまいなまま取った資格は、役に立たないですね。

このお金があれば、HTMLやデザイン全般の本などがいっぱい買えましたよ。
あるいは、通信講座のWebデザイナーコースを受けるとかね。
あとで後悔しない為にも、「とりあえず」で物事を決めるのはやめようと思いました。

でもまぁ、「とりあえず就職」という考えのままでなく、「Webデザイナーになりたい」という気持ちで就職活動をしているので、きっと、あとから後悔することはないのでしょう。
posted by aoi_gen2 at 02:22 | Comment(0) | TrackBack(0) | 雑記

2007年09月21日

DNS浸透!

現在、アルバイトとして、Webサイトのリニューアルをしていました。
色々あって、サーバごと引越しすることに決めていたので、引越し先のサーバにアップして、独自ドメインのネームサーバの変更をしました。

今日ようやくDNSが浸透したようで、見れるようになりました。
また、Googleウェブマスターツールに登録してみて、外部リンクを見ると、意外といろいろなところからリンクを張られていたり、登録サイトに登録していたりしたのが分かりました。

以前、このサイトはSEO対策を、ある会社に頼んだことがあったのですが、そのときに色んなサイトに登録したと思われます。

まぁ、とりあえず、リニューアル完遂しました。
あとは、更新の方法を教えたり、マニュアルを作っておくだけです。
あとで、会社の方に、自分がリニューアル担当をしたと言っていいのか聞いておかなきゃね。
posted by aoi_gen2 at 22:10 | Comment(0) | TrackBack(0) | 雑記

2007年09月20日

やっぱり

未経験からだと、就職は厳しいんですね。
とりあえず、めげずに頑張ります。
posted by aoi_gen2 at 17:22 | Comment(0) | TrackBack(0) | 雑記

2007年09月11日

会社選び

ただいま就職活動をしています。
就職のポータルサイトに登録してある会社を色々と見ているのですが、皆さんは、会社を見るときに、一番気になるところはどこですか?

私は、その会社のWebサイトです。
その次に、制作実績です。

まず最初に、会社の説明を斜め読みしたあと、その会社のWebページに行きます。
見た感じの第一印象も重要ですね。製作会社なのに、ダサいとがっかりしてしまいます。

そして、おもむろにソースコードを見てみます。
テーブルや、ハイブリッドコーディングだと、ちょっとがっかりします。
XHTML+CSSコーディングだと、興味がわきます。

次に、そのサイトをHTML lintにかけます。
結果が高ければ、興味がわきます。
結果がマイナスだったりすると、がっかりします。
HTML 4.0 Transitionalなどなのに、メタタグなどが/ >で閉じられていると、がっかりします。

そして、制作実績が載っている場合、それらに対しても同様のことをやります。
すると、制作実績のほうでは、記述がまだしっかりしているところもあります。
そういうところは、ちょっと興味がでます。

そうして、一通り見たあと、就職のポータルサイトに掲載されている情報を読み直しにいきます。
Web製作会社の方々は、日々の業務が忙しいのでしょうけれども、自社のサイトもきちんと手入れ、手直しをして欲しいと思います。

それとも、こうやってサイトをチェックする自分が珍しいのでしょうか?
posted by aoi_gen2 at 22:54 | Comment(0) | TrackBack(0) | 雑記

2007年09月10日

コメントがっ2

WEBデザイナー辞典の課題として制作した「Hair make You-Sou」にヒトミンさんからのコメントがついてました。

この度は展示会へのご出展誠にありがとうございます!
おおおお!?キャンペーンの企画から、情報整理まですばらしい腕をお持ちですね!カットモデル、夏祭り、新規顧客の割引サービス等、店舗運営にかかわる企画までしっかりと構築できていて、びっくりしました!!メニューの設計も素晴らしいです♪おそらく営業効果がかなり高い優秀なサイトであるとお見受けしました(^0^*)/本当、お見事です!


あぁ、うれしい……。
んでも、今回もやっぱりデザインに関しては特に言われるところは無かったってことなんですな。
USOマーケティングのときよりは、デザインを頑張ってみたんですが、それでもやっぱり褒めれるほどのクオリティじゃないってことですね。

自覚はしていますが……デザインセンスが向上するコツとか無いんでしょうか……。
そろそろコーディングの勉強よりも、デザインの勉強を重点的に行ったほうがいいのかもしれないですね。

何から勉強したら良いんだろう……^^;
posted by aoi_gen2 at 00:16 | Comment(0) | TrackBack(0) | 雑記

2007年09月09日

zoom:1;

今作っているWebサイトのトップページに新着情報を載せる予定なのですが、
DL DT DD を使ったコーディングで、CSSでDDをDTの横に表示するようにマイナスのmarginを使っています。

それで、DDのほうに、リンクを張ったのですが、IEだとなぜかマウスでそのリンクが反応しない。
キーボードでの操作だとリンクにいけるんですが……。

しばらく悪戦苦闘した結果、マイナスmarginで重なっているのが原因のようでした。
なので、DTにwidhtを指定して、重ならないようにしたのですが……それでも症状は治らず。

なので、このCSSのテクニックを使っている方のCSSをじっくり見ると、DDにzoom:1;という値が。
同じように入れると、あら、直った。

確かに、IEのCSSのバグのときに、zoom:1;やheight:1%;を指定すると直るという話は聞いたことがありました。
そこで、何故なのかということを検索してみると、いつも見ているCSS HappyLifeさんの記事の、
IEの様々なバグの真相らしきものというのを見つけました。
hasLayoutがIEの様々なバグの元凶(大袈裟?)だったみたいです。

hasLayoutは、ソコにレイアウトが有るのか無いのかってのを判断しているようで、デフォルトの値がfalseでレイアウト無しになっているので「背景色が指定された要素内でfloatがある時、要素内の文字が消える」とかって現象が起こるっぽいです。
そして、zoomやheightなどがこのhasLayoutの値をtrueにするということらしいです。

hasLayoutについては、
IEでのCSSのバグを回避するhasLayout(コリス)にまとまって載っています。

zoomで指定するのが楽なのかもしれないですけど、独自拡張を使うというのはなるべく避けたいですね。
height指定が可能であれば、そっちを利用していこう。

(とか言っておきながら、FireFoxのスクロールバーの有無でのズレを防止する為に、overflow-y:scroll;を入れているのだけどね…)
タグ:CSS IE
posted by aoi_gen2 at 00:55 | Comment(0) | TrackBack(0) | Webデザインのメモ

2007年09月07日

CSSハック

CSSハックはまだ勉強していなかったので、代表的なものだけでも覚えておこうと思いました。
IE7 を含むモダンブラウザ向けの CSS ハックまとめ(Lucky bag::blog)に分かりやすくまとまっていました。
バージョン 6 以下の IE にのみ適用
* html TAG

バージョン 7 の IE にのみ適用
*+html TAG

バージョン 7 を含む全ての IE にのみ適用
*+html TAG, * html TAG

IE7 を含むモダンブラウザにのみ適用(バージョン 6 以下の IE を除外)
html>TAG

IE7 を除くモダンブラウザにのみ適用
html>/**/TAG

コメントにも書かれていましたが、
IE7のみに適用するハックは
*:first-child+html
のようです。

さ、ガンバローっと。
タグ:CSS ハック
posted by aoi_gen2 at 16:39 | Comment(0) | TrackBack(0) | 雑記

2007年09月06日

ロリポブログ

ロリポブログをちょこちょこといじっています。
かなりお手軽な感じのブログシステムだと思いました。
再構築の手間も要らないので、サクサクと作れる感じです。

ですが、その反面、カスタマイズのハードルは高いと思いました。
管理メニューからのサイドバー編集が出来ません。
自由形式のコンテンツも管理メニューからは出来ないです。
HTMLテンプレートをいじるしかないですね。

JUGEMのシステムとほぼ同じなので、JUGEMユーザーのテンプレートを使えるので、テンプレートの数は多いですね。

あと不満に思った点は、
Powered by ロリポブログ
という表記に加えて、
Copyright (C) 2004-2007 lolipop Some Rights Reserved.
まで表記されているということでしょうか。

この二つも、HTMLテンプレートから削除は可能なのですが、果たして削除していいものなのか分からずじまい。
JUGEMのほうには、削除する場合は、別にリンク張ってね。と書かれていました。
ロリポブログは、ロリポップサーバに一応お金を払っているから、削除していい……ってことになるんでしょうか。

システムの著作権を主張するのはかまわないのですが、Copyrightとあると、そのブログに書かれている文章の著作権まで主張していると感じてしまいます。

Color Me Shop!miniのほうも、フッター部分に画像で主張してました。
なにやらちょっと勘ぐってしまいますね…。
ブログが本になったときにごにょごにょ…とか、ネットショップでとんでもない売り上げを出している人にごにょごにょ(それはないか)…。

しかし、格安サーバの付属サービスなので仕方がないのかもしれませんね。

とりあえず今回ロリポブログをいじってての、結論。
Seesaaブログはマイナーな部類のブログサービスだが、機能面ではかなり優れている(初心者にも中級者にも)。
あとはテンプレートさえ充実すればなぁ……。
posted by aoi_gen2 at 02:41 | Comment(0) | TrackBack(0) | 雑記

2007年09月05日

Color Me Shop!mini

Color Me Shop!miniを今ちょっといじっています。
お知らせ欄で使えるタグを調べていました。

仕様
  • 行末に改行タグが強制的に挿入される。タグ入力の際は気をつけるべし。
    なぜか挿入される改行タグがXHTMLの仕様だったりする(謎)。
  • リストタグはマーカーが消されている。
  • >
  • 規制されているタグは(おそらく)ないだろう。


あと、それ以外で気づいたこと。
ショップタイトルの文字が、title、メタKeywords、メタDescriptionに記載される。
タイトルのつけ方は、Keywordsに使われるということを意識すること。
posted by aoi_gen2 at 11:35 | Comment(0) | TrackBack(0) | Webデザインのメモ

2007年09月04日

あぁ、あのサイトは…

どこにあるんだ……。

私は、ポートフォリオを作るときに、行き詰ったら必ずWebで検索をかけます。
そして、色々解決方法を見つけたり、コラムを読んだりしているのですが…。
実は、7月にノートパソコンが壊れてしまい、それまで2か月分ほどのブックマークが消えてしまいました。

その2ヶ月に、みっちりとHTMLの勉強をして、ためになるサイトを溜め込んでいたのですが、それらが今はどこにあるのか分からない状態。
特に個人的に、すごく残念なのが、一つ。

初心者向けの内容から、だんだんとステップアップしていく内容がまとまったサイトです。

はい、これだけじゃ分からないですね。
背景色は、薄いグレー、もしくは、文字が濃いグレーで、目に優しい感じで。
画像を使わないCSSでデザインされているって感じで……。
ちゃんとページの最下部に書いた日付、更新した日付、書いた人の情報が載っていて……。

とても説明が分かりやすかったんです。
初心者から中級者までイケると思います。
斜め読みしかしてなかったから、時間があったら全部読もうと思ってたんです。

あー、どこなんだー。
なんか、探し回って3時間くらいたったよ……。
正しいマークアップの方法を初心者向けの記事で、やさしく教えて、少しでも多くの人が正しいマークアップを覚えるようにーって感じだったと、おぼろげな記憶がそういってます。

はぁ、どこなんだぁ。
posted by aoi_gen2 at 03:57 | Comment(0) | TrackBack(0) | 雑記
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。