ウェブ制作 Archive

さっき元同僚とスカイプでワカラナイと言うところをチェック・レクチャーしたので、
役に立つかなと思い、久しぶりのWEB制作記事。どちらかというとHTML初級者向です。

HTMLタグの閉じ忘れ、配置に注意！というタイトルのとおり、
HTMLタグの閉じ忘れや配置の間違いがあると、
ウェブサイトのレイアウトが崩れてしまったり、
表示がおかしくなっているなどの現象が起こります。

HTML（xHTML）というのは、タグのほとんどが対の関係になっています。

例えば、

<div>〜〜〜〜</div>

<a href="http://www.webbyrock.com">WebbyRock</a>

と言ったようにです。

以下、閉じ忘れと配置の間違いについて説明します。

》続きを読む

昨日１日ブログから離れていましたー。
運動不足なのに、自転車で往復20キロを走り、足がガクガクブルブルでした（笑）
札幌は夏日だったので暑いけど、自転車で走るのは気持ちよかったですよ。

さて、今日のブログ１発目はオススメのサイトの紹介です。

Webデザインのリンク集 Webデザインポータルサイト S5-Style
http://bm.s5-style.com/

このサイトの特徴は、このサイトの管理人さんが良いと思った
デザインのウェブサイトを紹介しているだけです。

WEBデザインの参考になるウェブサイトを探すときに重宝しています。

デザイン要素以外にも、レイアウト、ウェブサイトの構造、導線、
キャッチコピーなども注意深く確認しています。

僕はこのサイトをチェックしているときに
気になるサイトはブックマーク（お気に入り）に入れてます。
そして、実際に制作するときに、参考にする感じです。

》続きを読む

WEBにおいても目的と手段を混同してしまっている方がいると、
WEB制作・WEBマーケティングでよく感じます。

特に手段の表面上しか見ない、
浅はかな知識や知恵しか持たない人に多いように思う。
 

WEBサイトを制作し、公開すること

WEBサイトという手段を行使することであって、
WEBサイトを公開すること自体がビジネス上の目的でありません。

でも、公開して満足し、放置プレイのサイトは腐るほどあります。

本来の目的は「ECの売上げを上げる」「問い合わせや資料請求を増やす」
といったことをWEBサイトで実現し、お客様に付加価値を提供、
そしてその成果を踏まえスタッフと会社が共に成長することです（狭義ですが）。

》続きを読む

以前勤務していた会社での一日常での一齣です。
制作現場で全く機能していなかったチームのことについて書きます。
（※社名は伏せさせていただきます。また自戒の意味も込めて書きます。）

ある時、某音楽系の自社サイトでサービスの１つを大幅に価格を下げ
他社との差別化が〈価格〉で図られました。

そのため、お客様はサービスをより一層お求めやすくなるため
トップページのメイン画像（バナーのようなもの）を更新するという案件がありました。

まずそれに関わったメンバーをまとめてみます。

• デザイナー＝Aさん
• チーフデザイナーでAさんの上司＝Bさん
• 音楽系業務担当部署リーダー＝Cさん
• WEBプロデュース、WEBデザイン、WEBディレクション＝私
• プログラマーで私の部下＝Dさん
• 役員で社内のトップデザイナー＝Eさん

指示が合った業務は特別難しいモノではありません。大雑把に書くとこんな感じ。

• Aさんが大き目のバナー画像を〈１つ〉制作する
• 私がアップするために若干加工する
• Dさんがプログラムの一部を調整しアップする。

これだけのことです。

》続きを読む

ウェブ制作者・ウェブサイト発注側のどちらにも言えることだけど、
いざウェブサイトを制作するときに、趣味・趣向的な「効果」を真っ先に考えてはNG。

間違いなくヘンテコなウェブサイトになります。

「趣味・趣向」ありきのウェブサイトでありがちなのが、

• ウェブサイトを開くといきなり音楽が流れる。
• フラッシュがごちゃごちゃ動いている。
• 全く動きのないウェブカメラの映像を生中継。
• 文字をチカチカさせたり、左右に流れている。

ちょっと思いつくモノで、こんなところです。

》続きを読む

ネット上で学べるPHPの講座です。
PHPの講座のなかでは、書籍類もあわせて見比べると、
かなりわかりやすい部類じゃないでしょうか？

まだ講座も3回目ですが、今後も期待できそうです。

》続きを読む

立体感のある画像の作り方を書きます。

こういうの。

ボタンやアイコンを作るときにも十分応用できるので、
形や色を変えて、いろいろ作成してみると良いです。

制作環境は
Apple Mac OS X（10.4.11）
Adobe Illustrator CS
dobe Photoshop CS
とちょっと古め。

内容は超初心者向けに、
ちょっと細かい書き方をします。

わかりにくければ、コメントください！

》続きを読む

自分がラクをするための自動化のススメ--WebデザイナのためのPHP入門（builder by ZDNet Japan）

こりゃ確かに便利です！

• コピーライト表記を自動化する


• ヘッダーファイルなどを一元管理する


• コピーライト表記を自動化する


• 分散する情報を一元管理する


• ブラウザごとのCSSファイルを記述する

》続きを読む