イラレなどのデザインをHTML化(HTMLコーディング)

Question

WEBサイト制作初心者です。

イラレでWEBサイトをデザインしました。
しかし、それをHTML化する方法がわかりません。
WEBで見れるようにしたいです。

どういった風にやるのかできれば１から１０まで教えていただけないでしょうか？？
お時間のない方などは簡単にでもかまいませんのでお手数ですがよろしくお願いいたします。

tsukachan · Accepted Answer

Abobe Imagereadyを使えばhtml化できますよ。
ただ、単純にブラウザで見れるというだけのモノですけど
Illustratorで作ったデータを保存してImagereadyで開き（ai形式でもできるはず）最適化ファイルを保存でhtmlを保存にする
これでいけます。
Illustratorだけでは画像としてしか書き出し出来ませんがそれでもよければ部品毎にJpeg形式で保存してhtmlをエディタかなにかで作り配置していきましょう。
どちらにしてもhtmlの知識が多少必要になります

nyam_nyam · Answer

＞WEBサイト制作初心者です。

失礼ながら、初心者以前だとお見受けします。
「HTML化する方法」以前に、HTMLとは何か、Webページがどのように作られていて、どうしたらブラウザで表示されるのか、わかっておられますか。手打ちなら、なおさらそれがわかっていないとどうにもなりません。「手打ち」を「Wordに文字や画像を貼り付けるようなもの」だと思っておられませんか。まったく違います。
Illustratorのように、紙の上にパーツを配置していく感覚でできるものではありません。手打ちでなくWebページ作成ソフトを使うなら、そういう感覚でも作れないことはないですが、汚いソースで、プラットフォームに依存したシロモノになるので、たとえアルバイトでも仕事として請け負うものはできないでしょう。
イラレがどうの、デザインがどうのという以前に、HTMLやCSSの基本を勉強してください。
#2さんの貼っておられるリンク先の1階層上から、1ページずつしっかり読んでいかれた方がいいかと思います。「イラレ使える自分をこんな超初心者と一緒にするな」とか思われるかもしれませんが、そもそもIllustratorはWeb制作に必須のアプリではありません。FireWorksをガッツリ使いこなす人なんか、Illustratorまるきり使いませんし。（私自身はIllustrator＋Photoshop派ですが）Web制作にはWeb制作の知識が必要です。

参考URL：http://park16.wakwak.com/~html-css/index_hpkoza.html

nyanko_2003 · Answer

いやいやいやいや。

>今度アルバイトしようと思ってる先の企業は手打ちということを
>聞きましたので手打ちでやる方法で考えたいと思います。
>メモ帳で作ろうかと思ってるんですがイラレで作った画像とか
>ロゴを貼り付けられるのでしょうか？
>よかったらやり方を教えていただきたいです。
私の回答は、この質問にがっちり答えていますけど。

>ざっと見たところ
ざっと見ないでください。しっかり読んでください。
素人さんがメモ帳で作るなんて、アルバイト感覚で簡単に作れるようなもんじゃないですよ。
基礎からしっかりお勉強を。

nyanko_2003 · Answer

http://park16.wakwak.com/~html-css/hp_koza/koza_top.html

参考URL：http://park16.wakwak.com/~html-css/hp_koza/koza_top.html

イラレなどのデザインをHTML化(HTMLコーディング)

Abobe Imagereadyを使えばhtml化できますよ。

この回答への補足

＞WEBサイト制作初心者です。

いやいやいやいや。

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング