HTMLコーディングの前にデザインデータを作る？それともいきなりHTMLコーディング？
- WEBクリエイターとして活躍しているみなさんに質問です。ホームページ制作の際、デザインデータを作成してからHTMLコーディングする派と、いきなりHTMLコーディングする派、どちらが良いと思いますか？それぞれのメリットやデメリットを教えてください。
- ウチの会社はデザインデータを作成してからHTMLコーディングする派ですが、他の制作会社ではいきなりHTMLコーディングすると言います。作業時間の短縮が可能ないきなりHTMLコーディングですが、デザイン上のバランスが曖昧になる可能性があるため、時間がかかるかもしれません。みなさんはどちらの方が良いと思いますか？
- WEBクリエイターの皆さん、ホームページ制作の方法で悩んでいます。デザインデータを作成してからHTMLコーディングするか、いきなりHTMLコーディングするか、どちらがベストでしょうか？デザインデータを作成することでデザインのバランスが明確になりますが、作業時間がかかる可能性があります。みなさんの経験や意見を教えてください。
- ベストアンサー
いきなりHTMLか、レイアウトをデータで作ってからHTMLか・・・
WEBクリエイターとして活躍しているみなさんに質問です。 仕事でホームページを作る際、 （1）ラフ（手書き） ↓ （2）HTMLコーディング それとも、 （1）ラフ（手書き） ↓ （2）イラストレーターもしくはフォトショップでデザインデータを作成 ↓ （3）HTMLコーディング の、どちらの方法で制作しますか？ ウチの会社は“デザインデータを作成してからHTMLコーディング”派ですが、他の制作会社の人に「ウチは、いきなりHTML派だよ～」と言われました。その方が作業時間が短くなるのならウチもそうしたいけど、実際、デザインデータを作らずHTMLコーディングしてしまうとデザイン上のバランスが曖昧なので、かえって時間がかかりそうと思ってしまうのです・・・。 みなさんは、どっち派でしょう？ それぞれのやり方と、その利点を教えてくださ～い。
- psychepop
- お礼率48% (51/105)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
(2)を挟むとイラストレータやフォトショップの方が 作画に自由度が高いので作った後で 「実はHTMLでは作れない！」 ページデザインになってることがあったんですよ。 それで何度泣いた事か。 （スタイルシートが無かった時代だったんで・・・） AdobeGoliveみたいにデザイン確かめながら 作れてしまうようなツールを使うようになってから なおさら(2)はやりません。
関連するQ&A
- PhotoshopやIllustratorで作ったデータをDreamweaver上でコーディングしたい
HPを作って10年ほどになります。 元々は趣味で作っていたのですが、結婚をし、現在は知り合いのHPを時々更新したりしています。 10年ほど前は、HTMLを手書きでしていたのですが、数年前からDreamweaverを使いだすようになりました。 が、未だDreamweaverを使いこなせていません。 自分の癖というか、未だにHTMLを手書きでしており、作るページは皆、同じようなデザインで洗練されたデザインのHPが作れません。 私の作るページはいわゆる10年ほど前によく見られたページです(左にフレームで何だか古臭い)。 それを広告代理店に勤めるデザイナーに相談すると「今は手書きのHTMLで一から書いている人はあまりいない。Photoshopや Illustratorなどの画像ソフトで全体のデザインを作ってDreamweaverに組み込んだで作った方がいいよ」と言われました。 (いわゆるコーディング作業というのでしょうか) 10年近くHTMLを手書きで書いていたのですが、今後は、PhotoshopやIllustrator制作→Dreamweaverで制作(更新)で統一したいと思っています。いわゆる企業のHP、FLASH等が使われたページを作りたいと思っています。 一応、自分なりに試してみたのですが「PhotoshopやIllustratorなどの画像ソフトで全体のデザインをする」ところまではできるのですが、それを、Dreamweaver上に組み込み作り込んでいくという作業がうまくいきません。FLASHは使ったことがありません。今後はFLASHも使いたいと思っています。CSSについては、文字の大きさ、行間等に使うくらいで他にこれといって使ったことはありません。 HPの基本的な作り方やHTML、Dreamweaverの基本的な使い方は分かってはいますが、PhotoshopのデータをDreamweaverに組み込む作業、CSSを使っていい感じのページにするもうまくいきません。 私のような者の悩みが解決できる、ホームページ、本、教材、学校などがありましたら教えていただけますでしょうか。 多少お金が掛かっても構いません。 その他、解決方法等があればどうぞご教示の程よろしくお願い致します。
- 締切済み
- ホームページ作成ソフト
- HTMLコーディングの報酬の相場
フリーのwebクリエーターとして初仕事をいただけそうなのですが、 報酬の相場がよくわかりません。 仕事の内容はインターネットマンションのホームページの HTMLコーディングとデザインです。 トップページの画像やタイトルロゴなど、一部のデザインは 他のデザイナーさんにやってもらいます。 １ページいくらで交渉すればいいでしょうか？ コーディング料とデザイン料は普通わけて考えるのでしょうか？ トップページは他のページより高めのほうがよいでしょうか？ できればフリーのwebデザイナーとしてお仕事をされている方、 教えていただけますか？
- 締切済み
- 在宅ワーク・SOHO
- ＷＥＢ素人でもＨＴＭＬメルマガを制作する方法
会社からWEB担当者を任命されました。手始めに、HTMLスタイルのメルマガの配信をするよう指示を受けたのですが色々調べた結果、ある程度コーディング知識がないと制作は難しいとの事でした。 そこで(1)ＷＥＢ会社にHTML制作の見積り (2)Web業者からのご意見をまとめて上司に進言したのですが、聞き入れてもらえず、独学でコーディングを勉強するよう言われてしまい困っています。ちなみに弊社にはＩＴやＷＥＢデザイナーはおらず、ホームページは全て外注制作の形を取っています。素人でもＨＴＭＬメルマガを制作できるソフトやサイトはありませんでしょうか？アドバイスいただけるとありがたいです。
- 締切済み
- HTML
- ホームページレイアウト
いつもお世話になっております。 ホームページ制作をしています。（が、未熟者です。） Illustrator8でデザイン・レイアウト作成→ある程度OKが出たらイラレデータを分解・画像化→Dreamweaver8でコーディングという流れです。 自分でイラレ上レイアウトをする場合はコーディングのことを考えて行うのですが、今回別の方がイラレデータをつくり、コーディングのみを行うことになりました。 あまりHPやDreamweaverに詳しくなく、イラレのプロな方なので、重なった画像を多用したりと、Dreamweaverでのレイアウトが難しいものを出されてしまいました。 具体的には複数の写真が重なり、その写真から吹き出し（イラスト）が出ているというものです。 それだけなら画像として扱えばいいのですが、吹き出しの中の文字はDreamweaverで打たないと読めないのです。 こういう場合は、まず吹き出し中の文字を消した画像データを用意→Dreamweaverでテーブルを作り背景画像にする→テーブルをうまく吹き出し部分に合わせ文字を打つ という方法しか思いつかないのですが、間違っているでしょうか？ テーブルレイアウトはよくないと言われますが、この場合もCSSなどででいけるものでしょうか？（CSSレイアウトは勉強中で詳しくありません。） 恐れ入りますがご回答お待ちしております。 長文失礼致しました。
- ベストアンサー
- ホームページ作成ソフト
- デザインデータからHTMLのコーディング
って、みなさんどうされているのでしょうか。 デザインデータがあると言われてたので、てっきりHTMLデザインがあるのかとおもっていたら フォトショップのデザインデータを頂き、ヨロシクって言われました。 最近だとレスポンシブにしておくのは一般的かと思いますが １．一からHTML、CSSを作りこむ ２．テキトーなテンプレート見つけて、画像とかさしかえる ３．PSD HTML変換ツール（PSD Exporter）などを使う ４．その他（良い方法あれば教えて欲しいです） ちなみにPSD Exporter使ったら、変換後のindex.htmlは真っ白でした。 また、dreamweaverのExtractという機能でpsdをアップロードしてみましたが、 アセットを抽出ボタンを押しても画像しか落ちないし、CSSコピーを押しても 1920px 1080pxとしか表示されません・・・。
- ベストアンサー
- CSS
- HTMLの手打ちについて質問です。
HTMLの手打ちについて質問です。 デザインスクールを卒業し、現在WEBデザイナーの求人に片っ端から応募している日々です。 求人を見ているとよく目につくのが、 「編集ソフトを使用せず、手入力でHTMLコーディングできる方」 という応募資格なのですが、なぜこういう会社があるんでしょうか？ イラレやフォトショはどこの会社もあるのに、経費削減のためなんですか？ どちらかというと単純な作業だからこそソフトを使った方が時間の短縮＆修正しやすいというメリットがあると思うんですが。 また、手打ちはどうやって練習するのが効果がありますか？（私は殆どDWでしかコーディングはやったことがありません）実は来週採用試験があり、手打ちのコーディングも含まれるかもしれないので出来るだけベストを尽くしたいんです。申し訳ありませんが詳しい方回答をお願いします。
- ベストアンサー
- デザイナー・クリエイティブ職
- 効率よくWebサイトを制作するには？
Webデザイナーの卵です。 いくつかサイトを制作したのですが、まだ慣れないこともあり物凄く時間がかかってしまいます。 時間短縮が必要不可欠だと思うのですが、皆様はどのような工程で、どのようなソフトを使ってサイトを制作しますか？ ちなみに自分は… ものすごーく簡単なラフ画を制作 ↓ ロゴをイラレで作ったりして、 全体のイメージ制作はフォトショップで。 ↓ パーツごとに切り取り ↓ ドリームウィーバーでコーディング 全体のイメージを作ったけど、それをHTMLにしていく過程に物凄く時間がかかっている感じです。アプリケーション間の連携もうまくいっていないというか…。 ちなみに会社のPCスペックが低すぎて、フォトショップとイラレ同時起動はできず、フォトショップ立ち上げたり、イラレ立ち上げたり… この辺もストレスですね。 皆様のやり方を教えていただけるとうれしいです。
- ベストアンサー
- グラフィックソフト
- イラレなどのデザインをHTML化(HTMLコーディング)
WEBサイト制作初心者です。 イラレでWEBサイトをデザインしました。 しかし、それをHTML化する方法がわかりません。 WEBで見れるようにしたいです。 どういった風にやるのかできれば１から１０まで教えていただけないでしょうか？？ お時間のない方などは簡単にでもかまいませんのでお手数ですがよろしくお願いいたします。
- ベストアンサー
- HTML
- ＨＴＭＬ ソースの美しさってそんなに重要？
今派遣で入って、IT系企業のWEB制作の手伝いをしているんですが、一緒に入って一緒にHTMLをいじっている人がやたらソースが奇麗な事にこだわっているんです。 プログラマの中で働いていたから、ソースの奇麗さには拘ると…。 でもその人の言うソースの奇麗さは、私のいじったHTMLが一行でも余計な改行が入っていたり、 図の様なdivの対応が判るＨＴＭＬになっていないと駄目で。 <div id="all"> <div id="medium"> <div id="small"> </div> </div> </div> 例えば全部左詰めの様なソースは美しくないし、そんなソースを書く人はウェブデザイナー失格だそうで、ヒステリックにこちらによく切れてくるんです。 大きなサイトを作る時は気をつけないといけないと思うのですが、数ページ程度、HTML4.01のサイトでも、改行が入っていればお客さんに恥ずかしいから！と怒ってくるんです。（お客さんはそんなにソースばっかり見てないと思うんですが…）でもそんなにソースの並びを気にするわりに、デザイナなのに肝心のデザインの方は法則が結構めちゃくちゃで、クオリティが高いとは言えません。 上記に書いた様な奇麗なソースに心がける事は気をつけてやっていますが、一箇所でもやっていないと機嫌が悪くなられるので、そんなに神経質にならないといけないのかと思います。 プログラマの方はそんなにそこまで神経質にソースの並びを気にされるものでしょうか。 私も今までプログラマばかりの会社で３社程働き、その内一つは上場企業で、数千万単位のデザインとコーディングもやってき、ＰＨＰもたまには一から書いてきたのですが、そんなに神経質の事を言われた事はありません。 こういう人にはどう言えばいいのでしょうか。 ちなみに正社員の人はそこまソースを美しく、ソースを美しくと言ってきません。
- 締切済み
- CSS
- 【php】Smartyを使うとどの様な利点があるか
phpによるWEB制作で 現在 デザイナーが作ったデザインを１枚のHTMLファイルに コーディングまでしてもらって それを、プログラマーがバラバラに分解、インクルード、データベースとの組み込みなどを 加えていくという工程を行っています。 以前からプログラマーとデザイナーが作業を分担しやすいという Smartyというものに興味があったのですが、 Smartyも、デザインをパーツごとにわけて変数化するということですよね？ インクルード化や、phpの変数に納めるのと どう違うのか また、動的ページは条件によって１枚のページがいろいろ変化するわけですから 結局デザイナーにもある程度のプログラムを意識した作成が求められるように思えます。 Smartyを導入すると、どのような利点があるのでしょうか。
- ベストアンサー
- PHP
