IMAI5 DESIGNS » Go Imai http://www.imai5.com フリーでWEBデザインやってます。 Sat, 10 Apr 2010 05:16:23 +0000 http://wordpress.org/?v=abc ja hourly 1 ショップカードのデザイン http://www.imai5.com/a/card/ http://www.imai5.com/a/card/#comments Sat, 10 Apr 2010 05:16:23 +0000 Go Imai http://www.imai5.com/?p=772

]]> http://www.imai5.com/a/card/feed/ 0 自作 iPhone / iPod touch スタンド http://www.imai5.com/a/iphone-stand/ http://www.imai5.com/a/iphone-stand/#comments Thu, 01 Apr 2010 08:22:08 +0000 Go Imai http://www.imai5.com/?p=760


]]> http://www.imai5.com/a/iphone-stand/feed/ 0 ブログデザイン http://www.imai5.com/a/web/ http://www.imai5.com/a/web/#comments Tue, 30 Mar 2010 11:40:26 +0000 Go Imai http://www.imai5.com/?p=749

http://www.blog-design.net/

]]> http://www.imai5.com/a/web/feed/ 0 桜のつぼみの写真 http://www.imai5.com/a/photo-11/ http://www.imai5.com/a/photo-11/#comments Mon, 22 Mar 2010 06:13:53 +0000 Go Imai http://www.imai5.com/?p=770

]]> http://www.imai5.com/a/photo-11/feed/ 0 WEBデザイナーとコーディング http://www.imai5.com/a/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%a8%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0/ http://www.imai5.com/a/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%a8%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0/#comments Fri, 12 Mar 2010 09:16:40 +0000 Go Imai http://www.imai5.com/?p=739 More >]]> コーディングとは、できあがったデザインを画像とテキストで構成するために、HTMLと呼ばれるコードに置き換える作業です。
私の場合は、このコーディングも自分で行いますが、組織やチームになるとコーダーと呼ばれるより専門のスタッフが担当することも多いでしょうから、必ずしもWEBデザイナーが担当するとは限りません。とはいえWEBデザイナーはその後のコーディングも想定してデザインをする必要があるので、知識としては理解している必要があるといえます。

デザイナーがコーディングをする場合、多くは Dreamweaver というソフトを使用します。HTMLとCSSを同時にビジュアルで編集できるのが特徴ですが、Dreamweaver で作ったコードがあまりに複雑で手直しするのが結構たいへんなため、私の場合は、シンプルなHTMLを手書して、CSSEdit というビジュアルでCSSが作成できるソフトを使い、デザインを施していきます。
HTMLには、必要最小限のシンプルで汎用性の高いコードのみを書く事が重要だと思います。

コーディングでもっとも重要なことは、すべてのブラウザで正しく表示されることです。各最新ブラウザはもちろんのこと、2,3世代前のブラウザでも、崩れる事のないよう最終チェックする事にもっとも気を使っています。
現在は、W3CというWEB標準規格に準拠するコーディングが主流となっています。しかし、W3Cに準拠しているかどうかは、今のところ問題ではなく、それよりも汎用性を持ち、わかりやすく、きれいなソースコードを書く事が重要だと思います。W3Cに準拠だからと安心しても、旧ブラウザで崩れている場合がよくあるので注意が必要です。

]]> http://www.imai5.com/a/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%a8%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0/feed/ 0 カスタムバイク広告 http://www.imai5.com/a/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%90%e3%82%a4%e3%82%af%e5%ba%83%e5%91%8a/ http://www.imai5.com/a/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%90%e3%82%a4%e3%82%af%e5%ba%83%e5%91%8a/#comments Sat, 27 Feb 2010 12:07:57 +0000 Go Imai http://www.imai5.com/?p=729

]]> http://www.imai5.com/a/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%90%e3%82%a4%e3%82%af%e5%ba%83%e5%91%8a/feed/ 0 WEB制作会社のWEBデザイン http://www.imai5.com/a/web-29/ http://www.imai5.com/a/web-29/#comments Wed, 24 Feb 2010 06:29:48 +0000 Go Imai http://www.imai5.com/?p=724

]]> http://www.imai5.com/a/web-29/feed/ 0 バイクカスタムのWEBデザイン http://www.imai5.com/a/web-27/ http://www.imai5.com/a/web-27/#comments Sat, 13 Feb 2010 15:00:20 +0000 Go Imai http://www.imai5.com/?p=538

http://www.motorstage.co.jp/

]]> http://www.imai5.com/a/web-27/feed/ 0 ダイニングバーのWEBデザイン http://www.imai5.com/a/%e3%83%80%e3%82%a4%e3%83%8b%e3%83%b3%e3%82%b0%e3%83%90%e3%83%bc/ http://www.imai5.com/a/%e3%83%80%e3%82%a4%e3%83%8b%e3%83%b3%e3%82%b0%e3%83%90%e3%83%bc/#comments Mon, 18 Jan 2010 02:23:20 +0000 Go Imai http://www.imai5.com/?p=592

http://www.bar-rakuto.com/

]]> http://www.imai5.com/a/%e3%83%80%e3%82%a4%e3%83%8b%e3%83%b3%e3%82%b0%e3%83%90%e3%83%bc/feed/ 0 ワインショップのWEBデザイン http://www.imai5.com/a/%e3%83%af%e3%82%a4%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%97/ http://www.imai5.com/a/%e3%83%af%e3%82%a4%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%97/#comments Mon, 04 Jan 2010 13:00:57 +0000 Go Imai http://www.imai5.com/?p=586

http://www.papilles.net/

]]> http://www.imai5.com/a/%e3%83%af%e3%82%a4%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%97/feed/ 0