フォトショップで作ったカンプをhtmlに変換する方法がいくつかあるようですが、
WEB業界ではどのようなやり方が主流でしょうか?
ドリームウイーバーでしょうか?
その場合、
png化したファイルをドリームウィーバーでHTMLに変換できるそうですが、cs6でも可能なのでしょうか?
CSS化はやはりCSS3PSでしょうか?
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答4件
0
Photoshopで作成したPSDファイルをDreamweaverのExtractという機能を使い、画像を簡単にスライスし書き出したり、色情報、フォント情報、CSS、オブジェクト間の値などを抽出して利用することが可能です。
しかしあくまでも、HTMLへ変換してくれるという機能はありませんので、DreamweaverのExtractでカンプからサイト内で使用する細かな部品を取り出した後に、それらをHTMLを使って組み立てていくというコーディング知識は必要です。
もっとDTPの要領でサイトを作成したいということでしたら、Adobe Museもおすすめです。
コードの知識がほとんど求められずにある程度のサイトが作れますよ。
投稿2016/09/07 17:24
総合スコア12
0
ベストアンサー
ご返答ありがとうございます。
ソフトについては、先の回答にも記載した通り、使い方は知りません。
ただネット等でお調べいただける内容かと存じます。
是非この機会に調べていただければ幸いかと存じます。
それとHTMLコーダーについては需要はなくならないかと存じます。
ただ、現在HTMLコーダーの単価は安価になっており、
HTMLコーダーやJavascript、JQuery等のスキルだけでは食べていくことは非常に難しいと感じております。
ご質問内容は、HTMLコーディングについての事ですので、蛇足部分についてはご容赦いただければ幸いです。
投稿2015/06/11 11:08
総合スコア440
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/06/11 23:31
0
おそらく以下の事ではないでしょうか。
(申し訳ありませんが、使い方については知りません)
■Photoshopカンプからコードを抽出
http://www.adobe.com/jp/creativecloud/extract.html
ただ、私の場合はphotoshopカンプを、一つ一つ手作業でスライスし、ドリームウェバーソースコード画面でコーディングを行っています。
自動コーディング機能は一見便利ですが、意図しないコードが入ったりする為、後々表示崩れなどの対応も考えると、手間が掛かっても手作業でコーディングした方が品質が良くなるので手作業コーディングをしています。
web制作業界では、速さを優先するケースと、品質を優先するケースがあるかと思いますので、どちらが主流とは言えないかと思います。
web創世記は、手コーディングしか方法が無かったためその当時の主流は、「手作業コーディング」であったと言えます。
しかしながら、様々な便利ソフトが出現しているため、主流の度合いがちょっとずつ変化しているのかもしれません。
回答になっていなかったら、ご容赦下さい。
投稿2015/06/11 07:52
総合スコア440
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/06/11 08:48
0
主流なのかどうかわかりませんが、イラレやフォトショップで作成した場合は一枚絵で張り付ける超簡易のやり方で済ませることもありますね。
(楽天なんかのショップページをイメージしてくださいw)
ただ私が思う普通はスライスで分割して(リンクを貼りたい部分などで区切る)それぞれの部分で画像をバラバラに書き出して、HTMLやCSSで一枚絵に貼り戻してリンクをかけたりする感じがメインのイメージです。
ドリームウィーバーにそんな機能があったか定かではないですが、もしかしたら一枚絵を張り付けて、クリッカブルマップでリンクだけさせる事を言ってるのかな?とも思います。
的外れでしたらごめんなさいね。
投稿2015/06/08 08:32
総合スコア1614
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/06/08 08:36
2015/06/08 08:42
退会済みユーザー
2015/06/08 10:47
2015/06/08 12:38
退会済みユーザー
2015/06/08 15:23
2015/06/08 15:54
退会済みユーザー
2015/06/09 04:02
2015/06/09 06:47
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/09/08 00:42