外出自粛中でも楽しく過ごす!QAまとめ>>

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

イラレでWEBサイトをデザインしました。
しかし、それをHTML化する方法がわかりません。
WEBで見れるようにしたいです。

どういった風にやるのかできれば1から10まで教えていただけないでしょうか??
お時間のない方などは簡単にでもかまいませんのでお手数ですがよろしくお願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

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


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

この回答への補足

なるほど。そういったソフトがあったのですね。
すごく効率がよさそうですね!

いい忘れましたが今度アルバイトしようと思ってる先の企業は手打ちということを聞きましたので手打ちでやる方法で考えたいと思います。
メモ帳で作ろうかと思ってるんですがイラレで作った画像とかロゴを貼り付けられるのでしょうか?
よかったらやり方を教えていただきたいです。

補足日時:2007/01/30 10:13
    • good
    • 0

>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. …
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
パソコンが故障中のため返信が遅れてしまいました。
大変申し訳ありません。

そうですね。
まだまだ勉強しなければいけないことは山積みです。
一回り勉強して基本がおろそかになってしまったようです。
ご忠告どうもありがとうございました。

お礼日時:2007/02/08 00:27

いやいやいやいや。



>今度アルバイトしようと思ってる先の企業は手打ちということを
>聞きましたので手打ちでやる方法で考えたいと思います。
>メモ帳で作ろうかと思ってるんですがイラレで作った画像とか
>ロゴを貼り付けられるのでしょうか?
>よかったらやり方を教えていただきたいです。
私の回答は、この質問にがっちり答えていますけど。

>ざっと見たところ
ざっと見ないでください。しっかり読んでください。
素人さんがメモ帳で作るなんて、アルバイト感覚で簡単に作れるようなもんじゃないですよ。
基礎からしっかりお勉強を。
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
パソコンが故障中のため返信が遅れてしまいました。
大変申し訳ありません。

大変失礼しました。
それでは貼り付けて頂いたサイトを見て勉強させていただきます。
どうもありがとうございました。

お礼日時:2007/02/08 00:24
    • good
    • 0
この回答へのお礼

ざっと見たところ画像の作成や貼り付けに関しては載っていないようですね。
ありがとうございました。

お礼日時:2007/01/31 12:29

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qイラストレーターデータをhtmlに変換

イラストレーターで作ったデータ(V10 でOSはWinXP)を
htmlに変換するソフトややり方をご存知の方。教えてください。

Aベストアンサー

私は同じく10を使ってますがMacなので表記は若干違うと思います。
イラストレータの上のメニューから「ファイル」→「Web用に保存」でhtmlデータが出来ます。
Web用に保存を押すと、ダイアログが出て右に設定画面が出てますのでそこから保存形式を選んで下さい。(aiデータをそのまま使う事は出来ません)
gifやjpegなどです。そして、保存場所とフォーマットを選ぶ画面が出ますのでフォーマットを「HTMLと画像」を選べばOKです。
そうすれば指定した保存場所にhtmlファイルと指定した保存形式ファイルの2つのデータがいるはずです。(つまり「●●.ai」データをWeb保存したとして、jpeg保存を指定したなら、「●●.html」と「●●.jpg」という2つのデータがあるということです。)

ソフトはちょっと分かりません。ごめんなさい。
あと私の場合htmlファイルを作るときはイラストレータ上じゃなくて
フォトショップでやってます。フォトショップでも出来ますよ。
イラストレータからやったことはないのでちょっと不安ですが、
基本的にやり方は同じだと思うので返答させて頂きました。

私は同じく10を使ってますがMacなので表記は若干違うと思います。
イラストレータの上のメニューから「ファイル」→「Web用に保存」でhtmlデータが出来ます。
Web用に保存を押すと、ダイアログが出て右に設定画面が出てますのでそこから保存形式を選んで下さい。(aiデータをそのまま使う事は出来ません)
gifやjpegなどです。そして、保存場所とフォーマットを選ぶ画面が出ますのでフォーマットを「HTMLと画像」を選べばOKです。
そうすれば指定した保存場所にhtmlファイルと指定した保存形式ファイルの2つのデ...続きを読む

QIllustratorのデータをHTMLに変換する方法は?

IllustratorでEPS画像を埋め込んだデータをWEB上で表示させたいのですが、PDFではなくHTMLに一度に変換できる方法はないでしょうか?一括変換でいるソフトがあればソフトもご紹介いただきたいです。

また、一括に変換できなくても手間と時間をかけず簡単にできる作業方法はないでしょうか?

数十店のお店紹介を印刷物でしているのですが、件数が多いのでWEBに簡単にわかりやすく載せればと思っています。

よろしくお願いします。

Aベストアンサー

>もう一度質問なんですが、テキストはスライスオプションでHTMLテキストをひとつひとつ入力する方法しか無いのでしょうか?

あらかじめIllustratorで入力したテキストを選択して、オブジェクト→スライス→作成を選んでスライス化します。そのあとで「WEB用に保存」のスライスオプションで「スライスの種類」をHTMLテキストにするという方法もありますよ。

QCSSでborderの長さを指定、または可変にしたい。

下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。

文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。

h3{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

Aベストアンサー

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよければ

<h3><span>××○○</span></h3>
のようにspanで囲い、スタイルをspanに対して指定する方法もあります。

h3 span{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよけ...続きを読む

Qクリッピングマスクの枠の外を取り除く方法

illustratorでクリッピングマスクをすると枠外の余計な部分を見えなくすることができますが、この枠外の部分を分解して削除する方法はないのでしょうか?

できれば目に見えている部分だけ、さらには線なども面として扱えるように一発でなればうれしいのですが・・・

そんな便利の機能はございませんでしょうか?
ラスタライズ化以外で教えていただけるとありがたいです。

どうかよろしくお願いいたします。

Aベストアンサー

解答者の皆様冷静にアドバイスをしましょう。
質問は、クリッピングマスクで余計な周りの透明な物がいらないと言う質問かと思います。
なぜ、そうするのか分かりませんが。
レイアウトをする上でじゃまになるからだと思いますが。
普通は、レイヤー機能かで分類しロックなどをするとじゃまにはなりませんよ。

別名保存でEPSにして新規ファイルに貼り付ければマスクした所だけが配置されます。
修正するには、もとデータで修正しなければなりませんが・・・。

Q独自ドメインからどこのレンタルサーバーを使用してるか調べる方法

独自ドメイン(www.好きな名前.com等)からどこのレンタルサーバーを使用してるか調べる方法を教えて下さい。
またレンタルサーバー専用会社なのか大手プロバイダのレンタルサービスを使用してるかを調べる方法をできれば具体的に教えて下さい。

Aベストアンサー

.comや.orgなどならば http://www.whois.sc/
でドメイン名を入れて検索すると、
その結果表示の中の IP location という項目に
会社名がでます。

.jpならば コマンドプロンプトで"ping サーバ名"で
IPアドレスを取得、次に http://www.nic.ad.jp/
下部左の部分にそのIPアドレスを入れて検索すると
会社名がでます。

でドメインを入れて

Qイラストレーターに取り込んだ画像の白い部分を透明にできますか?

例えば図面などのデータがあったとした場合、その線の部分、つまり黒い部分だけを残し、残りの白紙部分を全て透明にすることはできますか?
以前フォトショップで白紙部分をDeleteして透明にし、それをtifで保存すればイラストレーターに持ってきてもその部分は透明なまま作業ができると聞いたことがあったのですが、やってみてもできませんでした。
画像の白紙部分を簡単に透明にできる方法がありましたら教えていただければと思います。

Aベストアンサー

Illustrator 上に、すでに配置されている白黒画像であれば、画像を選択して、透明を「乗算」 に変更してみてください。
画像の下のパスが、透けて見えます。

Qイラレで背景の色を変更するにはどうしたら良いですか?

イラレで背景の色を変更するにはどうしたら良いですか?


イラレで、通常、背景の色は白色に設定されていますが、
これを変更するにはどうしたら良いのでしょうか?

また、bmpやjpgといった画像ファイルに出力するときにも
背景は白色で出力されます。
これの色を変更するにはどうしたら良いですか?

よろしくお願いいたします。

Aベストアンサー

Illustratorには背景色という物が存在しません
印刷物を制作する場合普通は白い紙に印刷するからでしょうねキット
四角を書いて一番したに置きご希望の色にして下さい

Qイラストレーターのアウトライン化の解除方法??

ウィンドウズのイラストレーターの機能についての質問です。
アウトライン化がすでに実行されている文字の修正をする場合に、アウトライン化の解除はどうようにすれば出来るのでしょうか??
いろいろな本をみると、一度アウトライン化を実行すると、解除ができないと記載されていました。
ご指導頂きたくお願い申し上げます。

Aベストアンサー

それらの本に書かれている通り、一度アウトライン化をすると元には戻せません。

ただし、Ctrl+zやコマンド+zなどで作業を一つ前に戻すなどが出来るので
間違えたり、やり直したかった場合はそれで対処するしかないですね。

アウトライン化したデータを保存してしまった場合はどうやっても解除できないので
アウトライン化したデータを作った場合はアウトラインする前のデータも
別名保存などで残すのが一般的です。

Qエクセルで重複しているデータの抽出のしかたを教えてください。

エクセルで重複しているデータを抽出したいのですが・・。なにぶん初心者なもので簡単な方法があればよいのですが・・。
A列に日付 B列に企業名このデータが300件ほどあります。

 Å列      B列
1月 1日    AAAA社
1月 4日   BBBB社
1月 8日   CCCC社
2月 1日   BBBB社
2月20日    DDDD社
3月 2日   AAAA社

と、あるとしてB列の企業名が重複しているものを抽出したいのですが・・・。この場合 AAAA社とBBBB社ですが。
これを簡単に抽出する方法はないでしょうか?
教えてください お願いいたします。

Aベストアンサー

企業名がセルB2からセルB300まで入力されていると仮定します。
セルC2に IF(COUNTIF($B$2:B2,B2)>1,"*","") を入力し、セルC300までコピーして下さい。すると重複したデータの二番目以降に "*" のマークが付きます。
(注) 数式を下のセルまでコピーするため、COUNTIF($B$2 は絶対参照にして下さい。

QCSSでボックス幅を文字列に合わせたい

ボックス幅を文字列の幅に合わせるにはどうしたらいいのでしょうか。
テーブルではセルにwidth属性を指定しなくても文字列の幅になりますが、ボックスではwidthプロパティを指定しなかったら領域全体の幅になります。white-spaceプロパティでnowrap指定し、widthプロパティで文字列より小さいサイズに指定するとできるのですが、他に指定する方法があれば教えて下さい。

Aベストアンサー

div等のblock要素ではなくspan等のinline要素によって行う。

<span style="border:solid 1px">文字幅に合わせた枠線</span>


人気Q&Aランキング