Home > ウェブ制作 Archive

 

ウェブ制作 Archive

HTMLタグの閉じ忘れ、配置に注意!

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

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

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

例えば、

<div>〜〜〜〜</div>

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

と言ったようにです。

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

》続きを読む

オススメのサイト:Webデザインポータルサイト S5-Style

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

 

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

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

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

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

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

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

》続きを読む

目的と手段を間違えるということの例をざっくりと。

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

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

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

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

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

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

》続きを読む

制作現場において機能しないチームの実際にあった例

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

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

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

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

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

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

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

これだけのことです。

》続きを読む

自分の趣味・趣向的な「効果」ありきはNG

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

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

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

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

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

》続きを読む

10日で覚えるPHPのキソ - バシャログ

10日で覚えるPHPのキソ - バシャログ

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

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

》続きを読む

グラデーション画像(ボタン・アイコンなど)の作り方〈初心者向け〉

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

こういうの。

14.jpg

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


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


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

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

》続きを読む

PHPで自動化、Webデザイナー向きなテク

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

こりゃ確かに便利です!


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

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

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

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

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

》続きを読む

全ての記事

フィードメーター - WebbyRock

Home > ウェブ制作 Archive

Search
Feeds

Return to page top