2009-06-25 6 views
1

私はWebページに変換する必要があるデザインチームからのこのGUIスクリーンショットを持っています。私は、私は最初から開始する必要はありませんので、私はコピーし、HTMLを貼り付けることができるようにGUIに似ていくつかのウェブサイトを見つけることを考えています。この方法に関する唯一の欠点は、実際にどのようなWebサイトが実際に見えるのかわからないことです。そうすればブラウジング時間が長くなる可能性があります。 hehe。イメージのGUIをhtmlに変換する方法はありますか?

検索を行うのに役立つツールがあるかどうかは疑問です。それとも、画像をHTML Webページに変換できるツールがあれば、それはさらに良いでしょう。

私はちょうどguiの部分をすばやく、汚れて、heheを得ることを試みることを試みる別の怠惰な非クリエイティブプログラマーだと思います。

ありがとうございました。

+0

私はイメージをHTMLに変換するための通話料はないと思っています – rahul

+1

自分自身を「非クリエイティブプログラマー」と呼ぶ理由はわかりません。あなたのデザインチームは「創造的」な部分を完成させました。 "怠け者"というのは正しいことだと思います.-その特性が会社で動くなら、私はあなたのデザイナーに彼らがどんなサイトを切り取ったか聞いてみるでしょう。それ以外の場合、DreamweaverやExpression Blendのようなものが役に立ちます。 –

+0

hehe、ちょうどコアへのperlの主な値に従います:) – melaos

答えて

5

あなたはPNG、GIFやJPGスクリーンショットを持っている意味...あなたはそれをプログラムに送り込み、ブラウザで見たときにその画像のように見えるHTMLとCCSのコレクションを吐き出したいのですか?

バブルを破棄して申し訳ありませんが、この場合は非常に、非常に非常に驚くことでしょう。

基本的には不可能です。画面にボックスが表示されている場合は、テキストエリア、div、td、またはgif、または15種類の異なるもののいずれかになります。どのプログラムでも、どのHTML要素を使用するかを決めることはできません。

申し訳ありませんが、あなた自身でHTMLを記述する必要があります。 Dreamweaverのようなツールは、HTMLを初めて使う人にとってはプロセスのスピードアップに役立ちます。しかし、私は、この仕事を自動化する惑星には何もないと思っています。

あなたが望む答えは、申し訳ありません。しかしそれは答えです。

+0

hehe、yea、しかし、その2秒間、その夢は価値があった。 :) – melaos

+0

DREAMSには制限がありません... – rahul

+1

Dreamweaver - 完全には自動化されませんが、イメージの一部を選択してテキスト領域であるかどうかを指定できますまたは画像領域 - 画像領域は切り抜かれ、HTMLでレイアウトされ、テキスト領域はテキストを配置するために残されます。私は決して自動化を言及しませんでした - しかし、これは迅速なプロセスであり、 。 – Grouchal

1

私は、Adobe Dreamweaverを使用して、デザインからHTMLに移行することができると確信しています。

+0

mmm、Dreamweaverとhow-toをGoogleに使い直す時間、ありがとう。 – melaos

0

私は、GUIのイメージを同等のHTMLに変換できるツールは認識していません。とにかくGUIのスタイリングに非常に依存していると思います。それに加えて、おそらくかなり厄介で悪夢のようなHTMLを作り出すだろう。

これはおそらくあなたが聞きたい答えではありませんが、私はコーディングを開始します。

デザインチームはHTMLで設計しましたか? Photoshopのモックアップ?どちらも、手作業でのコーディング時間を避けることができます。

+0

nah、すでにemとチェックして、彼らは怒った花火の技能でそれをやった。だから私は自分のために守るために残されている:( – melaos

0

スクリーンショットから:

あなたはおそらくこれをしたくありません。あなたはおそらく、最低でもjpegまたはpng形式で保存されたファイル、または任意のフォーマットを圧縮したくないようにしたいと考えています。

次にスライスすることができます。 Googleの「photoshop slicing tutorial」とトンが表示されます。

せいぜい、あなたがなど、あなたが/あなたはいけないもののショーの層を、それを上にスライドして非表示にすることができますPSDファイルを、希望

+0

ええ、しかし最後に開発時間が来る私はまだ全体のHTMLなどを設定する努力をする必要があるので、私は不正行為の方法を考えていた、perlする必要があります私の話しているプログラマー:P – melaos

+0

Photoshopでスライスした場合、HTMLとして保存することができます。スクリーンショットからこれを行うことは、おそらく品質を落とすため、悪い選択です。 PSDまたはオリジナルのJPG/PNGファイルを使用しています:) – sqram

+0

私は文字通り「スクリーンショット」という言葉を "prt scrn"を押して、mspaintを開いて貼り付けて保存していると解釈しています。 – sqram

1

あなたは、Fireworksを使用してデザインを行ったと言います。それはAdobe Fireworksですか?もしそうなら、そのアプリケーションはあなたのためにHTMLにデザインを出力するオプションを持っています。機能リストから

デザインHTMLまたはお好みのアプリケーションに一度、多くのプラットフォームへの展開

出力花火のデザイン:アドビのFlashは、Adobe AIR™、またはAdobe Flex(登録商標) 。特別なデザインツールを使用してカスタムスキンを作成します。今あなたのツールは一緒にうまくいくでしょう。 Fireworks内でデザインし、標準スタイルに準拠したCSSベースのレイアウト(外部スタイルシートを含む)をDreamweaver CS4にエクスポートできます。 Adobe Flex Builder™ソフトウェアで使用するためにFireworksにコンポーネントを作成します。 HTMLベースのAdobe AIRプロトタイプをFireworksから直接作成します。

関連する問題