CSS+HTML を生成する PSD デザインをスライスするツールはありますか (優れているわけではありませんが、出発点として)。Photoshop には、スライスされた PSD で CSS+HTML 出力を生成する wysiwyg-editor があると聞きましたが、何も見つかりませんでした。または、このトリッキーな css の状況 (サポートされていない css3 なしでグラデーション div の背景と影を追加するなど) で開発者として私を助けることができる良いチュートリアルはありますか? ばかげた質問で申し訳ありませんが、私は開発者としてこの「デザイン」に本当にこだわっています。
3 に答える
私は psd2cssonline.com を使用しています。基本的な html/css を無料で作成できます。より複雑な css が必要な場合は、pro サービスに登録できます。どちらのバージョンも素晴らしく、css を学ぶのに本当に役立ちました。基本的に、Photoshop では、各レイヤーにする css 要素の種類 (背景、テキスト フィールド、フッター、ロールオーバー、画像など) に応じて psd レイヤーに名前を付けてから、サイトにアップロードし、出力をプレビューしてダウンロードします。
はい、多くのチュートリアルがありますが、出発点としてこれらを見てください。
http://www.1stwebdesigner.com/freebies/psd-htmlcss-conversion-tutorials/
http://www.ehow.com/how_8391171_export-psd-css.html
http://www.warriorforum.com/website-design/199348-best-psd-html-tool.html
お役に立てれば。
私の会社は、Photoshop のデザインを完成した Web サイトまたは WordPress のテーマに変換する SiteGrinder という Photoshop プラグインを作成しています。 http://www.medialab.com
.psd を送信できるスライス サービスも多数あります。