AdDe - 静岡のデザイン制作会社アドテクニカのデザイナーブログ -15ページ目

セミナー情報

もう3月ですね。
2月には夏日になるほど暑い日があったと思えば、先日は雪が降ったり。
季節の変わり目は体調を崩しやすいので気をつけなければ。


さて今回はセミナーのご案内でも。
今月の10日と来月の24日に、セミナーを開催します。
詳細は以下のとおりです。


3月10日開催
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ネットショップ繁栄術・賢いネット通販セミナー開催
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーマ:コスト削減・品質情報管理・売上拡大・経営課題解決・経営力強化
ユーザック経営フォーラム2009in静岡
「ネットショップ繁栄術・賢いネット通販」
~通販の事例に学ぶ!
「コスト削減」「集客アップ」のWebマーケティング ぞくぞく集客のヒントがココにある!~
──────────────────────────────────────────
【開催日時】
平成21年3月10日(火)
13:00~17:30(受付開始12:30~)
【会場】
静岡県コンベンションアーツセンター(グランシップ) 9階
(静岡県静岡市駿河区池田79-4)
※JR東静岡駅南口からメインエントランスまで徒歩約3分
公共交通機関をご利用ください。
【定員】
先着75名
(セミナーは定員になり次第締切)
【参加費】無料
──────────────────────────────────────────


4月24日開催
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■広告代理店“勝ち組”の鉄則。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【内容】
<インターネット時代における広告代理店の役割>
1.ネット広告の市場性
2.ネットメディアの特性
3.ネット広告の広告効果
4.ネット広告のプランニングの仕方
5.ネット広告、ウェブマーケティング成功のポイント

<地元静岡のネット媒体「eしずおかブログ」&「HamaZo」>
1.ブログメディアの特性
2.メディアデータ公開
3.既存媒体と絡めたプロモーション成功事例
4.ネット広告商品の発表
──────────────────────────────────────────
【開催日時】
2009年4月24日(金) 13:30~16:00
※セミナー後、交流会(16:00~17:00/参加費:500円)のお時間を
 設けております。
【会場】
Bnest(ビネスト)静岡市産学交流センター ペガサート6F
〒420-0857 静岡県静岡市葵区御幸町3-21
【参加費】無料
【主催】
株式会社アドテクニカ
株式会社しずおかオンライン
株式会社シーポイント
──────────────────────────────────────────



ご興味のある方はぜひご参加下さい!
セミナーに関するお問い合わせは下記まで。

【お問い合わせ】
株式会社アドテクニカ TEL:054-280-1670

イラスト

AdDe - 静岡のデザイン制作会社アドテクニカのデザイナーブログ-カルディ

最近イラストを描く機会があって、もっとイラストをいろいろ描けるようになりたい、今日この頃。引き出しをもっと増やせるように描かなきゃなぁ。自分がよく立ち寄るカルディのイラストの世界観が好きで、ご紹介。イラストっていろいろあるなぁ。

jQueryを使って、外部サイトへのリンクだけ別ウィンドウで開く方法




以前、静岡の住宅建設会社さんのサイトをYahoo!カテゴリへの登録申請をした際に、外部サイトへのリンクが別ウインドウで
開いていない、という指摘を受けました。

対処方法は、外部サイトへのリンクは別ウインドウで開くようにAタグを書き直せば良いのですが、この静岡の住宅建設会社さんはページが多めなこともあり、今回はjQueryを使って、外部リンクの場合だけ別ウィンドウで開くように設定をしました。
(僕じゃなくてシステムの人がやってくれた。)

以下その方法

1.jQueryのサイトからjquery.jsをダウンロードしてくる。

2.ページのヘッダにjquery.jsを読み込む。

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>



3.ページソース内(ヘッダとか)に下記スクリプトを書く。

<head>
<script type="text/javascript" src="jquery.js"></script>


<script type="text/javascript">

$(document).ready( function () {
//Aタグのhrefの中身がhttpから始まるもので、www.sample.com以外の文字列が入っているものを判別。
$('a[@href^="http"]').not('[@href*="www.sample.com"]').click(function(){

//クリックした場合に、別ウィンドウでそのリンク先を開く。
window.open(this.href, '');
return false;});
});

</script>


</head>



これで、外部サイトへのリンクが、別ウィンドウで開くようになります。

僕は、3で書くスクリプトを外部ファイル化して、全ページに読み込ませました。
いちいちAタグを追って直してくより全然楽ちんですね。javascriptって便利だなぁ。

デザインのアイデア

こんなパッケージを見つけました。ティーバックの紅茶です。

AdDe - 静岡のデザイン制作会社アドテクニカのデザイナーブログ-紅茶のパッケージ


水面からちょこんと出ている葉っぱが、何ともかわいらしい。
ティーバックでお茶を入れるだけの作業でも、見た目が可愛いとなんだか楽しくなりますね。
専用の茶器もあって…こういう物を見ると、つい、揃えたいと思ってしまいます。
う~ん、好きだなぁ、コレ。

ティーファルテhttp://www.teaforte.com/store/tea-over-ice/

favicon(ファビコン)の作り方

あけましておめでとうございます。
明けてから結構経っちゃいましたが、本年もアドテクニカをよろしくお願いします。

新年になって、アドテクニカのホームページにfaviconを付けました。
ブラウザのアドレス欄の左側にくっついてるアイコンです。


今回はその作り方から設置方法までをご紹介。

1.まずは、アイコンとなる画像を作成します。

サイズは横16px × 縦16px 。 (32×32とかでも良いですが、16が無難)

保存形式はicoファイル形式です。gifやjpgではダメ!


2.作成し終わったら、サイトのルートにicoファイル置きましょう。

サイトのルート以外に置くとIEで表示されなかったりするらしいです。(未確認)


3.htmlファイルのHEAD要素内に、

<link rel="shortcut icon" href="あなたのサイトURL/favicon.ico" />

と記述。


4.htmlファイルと、作成したicoファイルをアップロード。


と、以上でfaviconの設置完了です。簡単でしょ。


注意点
・icoファイルは、Windows icon形式で無ければIEが表示してくれない。@icon変換とか使えば良いみたい。
・設置してもIEで表示されない。 IEのキャッシュファイルと、履歴も消しましょう。あとはお気に入りに入れてみたり
 お気に入りからアクセスしてみたり。そうしてればそのうち出るようになります。


番外編
アイコン作るのがめんどくさいって人は下記のサービスを使えば画像からアイコンファイルを簡単に作成できます。
しかもicoファイル形式で書き出してくれちゃったりします。
便利な世の中ですね。インターネットって素晴らしいなぁ。

Favicon Japan!
日本語です。

FavIcon from Pics
英語です。

FavIcon Generator
英語です。32pxと48pxのも作れます。
ってことはつまりfavicon用じゃなくてパソコン用のアイコンファイルが自動で作れちゃうってことか。

favicon.cc
ドット絵で1pxずつ描きたい人はこちら。英語です。



そういえば、Googleのfaviconも今年に入ってから変わりましたね。
前の方が好きでしたけど。