• ベストアンサー

ホームページ作成ソフトでいちばんいいのは?の追加

親切な回答有難うございます。 実は私はまるで素人で、少々わからない言葉があるので教えて下さい。 テキストエディタってなんのことですか。 Imagereadyとは? Illustratorやphotoshopは印刷物製作で多少は 使い慣れていますが…。それでもわからないことが 多いです。 ホームページを一応もうアップロードしてあるのですが、 自己流すぎて正しいやり方なのかがわからなくて不安です。 Illustratorにてすべてを(テキストやらレイアウトやら 画面上のデザイン)仕上げて、それをgifで書き出して、 pagemillで画像として読み込んで、ホットスポットをつけてリンクの設定をして、アップロードをしました。 こんなやり方でよいのですか? 変更が必要なとき、Illustratorのページから変更して 同じことを繰り返さなければならないのでしょうか。 それからもうひとつ、リンクとホットスポットとイメージマップの違いを教えて下さい。 お世話になります。

noname#90
noname#90

質問者が選んだベストアンサー

  • ベストアンサー
  • yaasan
  • ベストアンサー率22% (2713/12237)
回答No.3

急いで書いたので少し支離滅裂になっているところがありますね(^^;。 書いていて思ったのですが、HP作成の超初心者から、 脱出する方法の一つを書いておきます。 ・まず、下にも書いたようにhtmlに関する辞書(用語説明集)  のようなものを購入しましょう。タグ、と呼ばれるhtml  上の用語を調べられるものを買います。 ・次に色々なHPを訪れて、デザインの気に入ったもの  を見つけましょう。会社の人にも手伝ってもらって、  良かったところを訪れてみてください。 ・そして、そのHPで一番気に入ったページを見つけたら、  そのページを保存しましょう。そして、保存したファイル  から開いて、そのページのソースを調べましょう。IE  でもネスケでも「表示」の中に「ソース」と言うもの  があるはずです。 ・ソースの中には<>の記号(本当は半角)で囲まれた  文字が一杯あるはずです。それを先に買った本と照らし  合わせて、意味を知りましょう。 ・そして、ほとんどの意味を知ったら、テキストエディタ  を使って、初めから編集してみるのです。 ・思い通りにならないときもあるでしょうが、使っていく  うちにタグの使い方が解ってくると思います。 ・そうして簡単なページを作って、基本的なことから、  少し応用するところまで覚えて、それからHP作成  ソフトを使うと気に入らないところの微調整もでき、  デザインのしっかりしたページができてくると思います。 先ほどのリンク、ホットスポット、イメージマップの補足 をすると、マピオンのHP(参考URL)の左上に日本 地図がありますね。その全体がイメージマップです。 そして、各地域がホットスポットであり、そのホット スポットを押して、別のページへいくことができるように なっていることをリンクといいます。

参考URL:
http://www.mapion.co.jp/
noname#90
質問者

お礼

すごく親切に教えてくださって有難うございます。 すごく参考になりました。 一応アップロードしてはありますが、これから教わったことをもうすこし勉強して、またちゃんとしたホームページをつくりたいと思います。 もしお時間ありましたら、いまの私のホームページを覗いてみて下さい。 http://www.aas.mtci.ne.jp/~santec1/index.html いろいろとあやしいところや、いけてないところがあると思いますので、アドバイスや手厳しい意見をもしよかったら ちょうだいしたいと思います。

その他の回答 (6)

  • kenkenkent
  • ベストアンサー率30% (565/1854)
回答No.7

テキストエディターとは、文字通り、テキスト(文章)を エディット(編集)する物と言う意味です。 MacだとSimpleTextだったり、Winだとワードパッドやメモ帳(でしたっけ?)ですね。 基本的には文字の飾り情報などを排して、プレーンな文章だけを扱うソフトの事です。 が、最近は文字飾りのできるエディターなんかもあって、なんだかなぁ(^^; ImageReadyはAdobeのWEB画像作成ソフトです。 その昔PhotoDeluxという一般向け画像ソフトがあって、 その後に発売されたように記憶しています。 以前は独立したソフトだったのですが、現在はPhotoshopに オマケとして(?)組み込まれてしまっています。 ちなみに、ImageReadyと言う名前ですが、 Adobeでは最初、ImageClubと言う名前で発売する予定だったのですが、 それを聞いたAdobeの日本のスタッフが『イメクラはヤバイだろ~!』って言うんで 急遽ImageReadyに変更されたのだというウワサがあります(笑) ただし、最近近所の電柱のビラでみかけたのですが、 イメクラで働く女性の事も『イメージレディ』って言うんですね(爆)

  • shigatsu
  • ベストアンサー率26% (511/1924)
回答No.6

図解ホームページの作り方 とか 土日で出来るホームページ とかの超入門書を一度お読みになることをお勧めします。 多分ホームページ作成に「これが正解」というのは無いと思います。ブラウザにURLを入力したらちゃんと表示されていれば、例えどんな作り方をしても問題は無いでしょう。 一番良いソフトってのは使う人次第ですね。私はDreamweaverが良いと聞いて使ってみましたが、結局使いなれたテキストエディタの方が遥かに仕事が速いです。 私にしてみれば、数万円払ったソフトよりもシェアウェア料金の数千円で入手したテキストエディタの方が遥かに良いソフトだと思っています。

  • reis
  • ベストアンサー率46% (402/864)
回答No.5

前の御質問と、今回の御質問を拝見して、とても 気になったのですが。 「字がわれる」とか「Illustratorにてすべてを(テキスト やら~」とおっしゃるのは、普通の文章まで、すべて 画像ソフトに用意された(たとえばロゴのデザインとか、 ですが)ソレでやってらっしゃるなんてコトは、 ありますか? でしたら、「Illustrator」は画像や、タイトルとなる 文字デザインやロゴ制作に御使いになって下さい。 通常の文章やレイアウトは「pagemill」で制作して下さい。 (「pagemill」を御使いでしたら、それで構いませんし、 タグを覚えたら、タグからでも良いですので。もちろん、 タグから書けるようになるのが理想ですが) つまり「pagemill」で最初に作った土台に 「Illustrator」で作った画像等を埋め込むわけです。 本当に洗練されたページというのは、デザイン等の 第一印象から感じるモノもあるでしょうが、スムーズに 表示出来て、見やすくわかりやすいモノを心がけるのが まず第一だと思います。 企業関係なら、なおさらですね(企業なら、さらに内容の 充実も課題になりますが)。 どうも御話を伺っていると、ものすごく重い(表示に時間が かかる)ページが出来ているのでは? という気がします。 参考のために見せていただきたい気もしますが……。 やはり、みなさまがおっしゃるように、参考にしたい ページでやっていることを自分のモノにするのが、 いい方法だと思います。 がんばって下さいませ。

  • Sep_1
  • ベストアンサー率25% (1/4)
回答No.4

まず考え方から、ちょっと普通とは違っているようですね。 ホームページは一枚の画像ではなくて、 ワープロで作った書類のようなものです。 まずテキストがあり、要所に画像をはめ込む形で作られているものです。 つまりテキストは文字のデータとしてPageMill上で入力していいのです。 ここで好きなフォントが使えない、思った通りのレイアウトにならないのは ある程度仕方ないことでもあります。 どうしてもこうしたい! という場合は テキストを画像ファイルにして表示させる方法もありますが 画像ファイルがたくさんあると ホームページ全体が表示されるまでに時間がかかりすぎて ホームページを見に来た人が他のページへ移ってしまうこともあります。 PageMillにはチュートリアルがあったと思うのですが そこから始めてみてはどうでしょう?

  • syara
  • ベストアンサー率44% (8/18)
回答No.2

テキストエディタはその名の通りテキストデータを 編集するためのソフトです。 Winでいうところのメモ帳やワードパッド等もテキストエディタです。 Macでのsimpletxtやteachtxtなどもテキストエディタです。 ようするにhtmlをソースレベルで編集するという事です。 私の場合はhtmlはソースレベルで編集してロゴやイラストのみイラストレータやフォトショップを使用しています。 アップロードされてるならそのアドレスを記入してもらった方がわかりやすいかも。。(^_^;) PS・・・お礼はその項目の参考になった意見を書き込んでくださった方にしましょう。別に質問ができた場合は捕捉等を使ったほうがいいと思いますよ。 まとめて、しかも項目をかえて新規で質問というのはせっかく親切に教えてくださった方に失礼ですよ。(^_^;) そんでもって今度は暇な時に回答してくださいって。そ・・そんな。(^^;;;

noname#90
質問者

お礼

こんにちわ、「PS」ありがとうございました。 正直ちょっとあわてていて…。 「ひまな時に回答してください」というのも、 「困ってます」に選択するのを忘れてしまいました。 それから補足やお礼の機能があることを知りませんでした。 これからは気を付けます。 またなにかありましたら、宜しくお願いいたします。

  • yaasan
  • ベストアンサー率22% (2713/12237)
回答No.1

テキストエディタとはメモ帳やワードパッド、秀丸など、 テキスト(文字)を編集するソフトのことです。 HPのソースは意味も含めて解りますか?HPを作成する ソフトでは多少制約があって、自分のイメージしたもの と少し違うものができたり、不要なタグがたくさんついて いてファイルの大きさが不要に大きくなっていたりする ので、それをソースレベルから編集するときにテキスト エディタを使います。本格的に作るのであれば、ソース の中のタグなどは本を買って覚えた方がいいですよ。 ImageReadyについては下記のURLを参考にしてください。 Web用画像の編集ソフトらしいです(よく解っていません(^^;)。 http://www.akikobrand.com/seminar/imageready/index.html 変更が必要なときは書かれているとおり、同じ事を繰り 返します。しかし、新しくページを作るのではなく、 一度作ったページがどこかに保存されてますよね? それを利用して修正します。 それから、リンクはその場所をクリックしたら他のページ に移動できる事を指しています。 イメージマップは一つの画像にいくつかリンクを設定した 画像のことを言います。 ホットスポットはその画像でのリンクになっている領域の 事を指します。

関連するQ&A

  • illustratorでアニメーションGIF作成はできませんか?

    イラストレータCS2(Win-Xp)使用者です。 PhotoshopとImageReadyでアニメーションGIFを作成するのは知っているのですが、illustratorの場合はできないのでしょうか?画像をいったんPhotoshopに持ってこないとできないのでしょうか? よろしくお願いいたします。

  • ホームページアップロード

    使用ソフトAdobe PageMill 3.0 以前はホームページの更新を毎日のようにしていたのですが FTPのアップロードができなくなってしまいました。 設定は、あってます。 変わったことと言えば引っ越してから 接続がダイアルアップからADSLになって なぜかFTPでアップロードができなくなり 半年程更新してないくらいしか思い当たりません。 目についたことと言えば 「使用可能なFTPログがありません。」 と言う表示でしたが、どう対処すれば 元に戻るかわかりません。 Adobe PageMill を入れ直しましたが 変わりませんでした FTPでアップロードするフリーソフトを 使ってアップロードしてみましたが トップページのテキストだけしかアップロードできず リンクや、画像はアップロードできませんでした。 今は一つづつファイルを ブラウザでアップロードしていますが 自動でしてくれる方が助かるので よろしくお願いします

    • ベストアンサー
    • HTML
  • PhotoShopCSを使ってGIFアニメを作る方法、手順を教えてください。

    GIFアニメを作成したいと思っています。 PhotoShopのImageReady(?)を使って、簡単に作成出来るとは聞いたのですが、ImageReadyを開いてみてもイマイチ作り方が分かりません。。 いちからの手順を教えては頂けませんでしょうか? 説明が長くて大変という場合には、簡易説明でもありがたいです。 ネットでも作り方を検索してみたのですが、検索にかかったものは全てPhotoShop(ImageReady)以外のソフトを使っての作成方法ばかりで、めあてのものは見つける事が出来ませんでした。もし、PhotoShop(ImageReady)を使ってGIFアニメの作成方法を展開しているHPなどあれば、教えて頂けると幸いです。 よろしくお願い致します。 -------------------- 持っているソフト環境 PhotoShop7,PhotoShopCS,Illustrator10,IllustratorCS

  • photoshop&illustrator/htmlの質問

    webデザインの勉強をしている初心者です。photshopを使ってリンクボタンのデザインを作ったんですがこれをどうやったらリンク出来るんでしょうか? 作業手順→とりあえずphotoshopボタンを3つ作りました。→ファイル・web用に保存→プリセット部分の上段左[gif]保存(合っているでしょうか?)→ファイル名・○○.html/ファイル形式[htmlと画像]→保存→テキストエディタで見るとこの様な言語が出ます。 <html> <head> <title>名称未設定 1</title> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (名称未設定 1) --> <img src="images/sono.gif" width="800" height="600" alt=""> <a href="sono.gif"> <!-- End ImageReady Slices --> </body> </html> この言語の中にphotoshopでボタンを作った部分はどの言語になるんでしょうか? またその言語(ボタンデザイン)をリンクさせるにはどうしたらいいんでしょうか?当然ながらボタン3つ作っているのでhtmlファイルを後2枚作らなければいけないのですが・・・。 エディタから言語を打ってのリンクの仕方は分かるのですがイラレやフォトショでのHPの作り方が分かりません。説明の仕方が悪いかもしれませんがこの質問に理解できる方、お答えの方、宜しくお願いします

  • dreamweaver3でホームページをつくっていて困ってます!

    MAC osx10.3.9 でdreamweaver3使用し、ニフティの@homepageをサーバにして、トップページ+αくらいのごくごく簡単なホームページを作成中です。 fireworksは使い方がわからないので、文字や文章の具材はIllustratorで作り、Photoshop 5.5のwebで保存のgifデータをはって作っています。 1.文字のギザつきが気になり、Photoshopでwebで保存をするときに、 GIF128 ティザ にして、dreamweaver3上の画面やブラウザプレビューでは、そこそこ上手く表示されているのですが、 実際にInternet Explorerなどから見ると、ギザギザのままです。 (ひょっとして、GIF128 ティザで保存すると画像が大きいので縮小しているせいかな、とも思いますが) 2.画像や配置など、途中で変更し、ローカルサイト、リモートサイトの同期もしているはずなのに、Internet Explorerなどから見ると上手く表示されない。 上記のあたりで、困っております。 IllustratorやPhotoshopは古いバージョンですが そこそこ使えるのですが、webのほうはさっぱり素人で情けないです。 どなたか詳しい方、教えていただけませんか?

    • ベストアンサー
    • Mac
  • ImageReadyで作成したHTMLについて

    ウェブサイトで使用する画像(写真と文字が 混在している画像)をキレイに表示させるために ImageReadyのスライス機能でjpegとgif混在の ファイルを作成しました。jpegとgif混在のファイルは HTMLで保存することになるとおもうのですが、 HP作成エディタで、このHTMLファイルを 表示させるにはどのようにしたら良いのでしょうか? 画像はファイルを選んで挿入すれば表示されますが、 HTMLファイルを表示させることは可能なのでしょうか? なんか、とても的外れな質問をしている気がして 不安なのですが、みなさんよろしくお願いいたします。 HTML作成に関しては、本を見ながら試行錯誤している 程度で、イラストレーター・フォトショップに関しても、 そこまで詳しくありません。 HP作成エディタは、FrontPage2000とDreamWeberを 使っています。 上記で質問の方法に限らず、写真と文字が混在している 画像をキレイにできるだけ早く表示させるための方法が あったら教えてください。 よろしくお願いいたします!

  • Illustrator Photoshop

    Illustrator(ver.10 win) Photoshop(ver.6 win) に関する質問 (1) テキストをリンクする方法 メモ帳などでテキストを入力したもを、画像の配置のリンク先変更に伴う、自動更新になるのと同様に、 「ファイル」→「配置」→「リンク」等をして、 メモ帳のテキストの変更したら、自動的にアートワークに反映させたいのですが、「リンク」ができません。 何か方法があるのでしょうか? (2)Illustrator で Panton で色を決めたい。 Illustrator で Photoshop のようにカラーピッカーにカスタムで Pantonを表示させる方法はないのでしょうか? (3)マイクロソフトの word excel のカラーマネジメント Illustrator や Photoshop のように、word excel にもiccファイルの埋め込みはできるのでしょうか? また、カラーパレットにCMYKを表示させることはできるのでしょうか? できると便利で、不可能ではなさそうに思う事なのですが、実際やるとなると、時間がかかってしまうのか等、わからないです。 どなたか、御回答よろしくお願いします。

  • ホームページビルダのイメージマップ編集のことで

    ビルダー8を使ってホームページを作っています。画像の一部範囲にリンクを張りたくて調べたら、「イメージマップエディタ」を使うことがわかったのですが、「編集」メニュー⇒「かんたん編集」⇒とクリックしていっても「属性の変更」しか出てこなくて「イメージマップの編集」という選択が出てきません。 何か方法はあるのでしょうか。

  • FC2WEBのホームページに変更が適用されません。

    無料のFC2WEBでホームページ作りに挑戦しています。 2週間ほど前に複数ページを立ち上げました。 今日、修正を試みて、修正ファイルをアップロードしましたが、FC2WEBのファイルマネージャーや ファイルエディタでは修正されているにも関わらず、ホームページは以前のままです。 どうなっているのでしょうか? 尚、修正点は、次の2点です。 (1)画像ファイルの変更 <img src="practice_files/schedule.gif" height="176" width="539"> のschedule.gifを削除し、違う内容の同名ファイルをアップしました。 ところが、以前のschedule.gifが見えていたので対策として、そのGIFファイルを削除し、 schedule1.gifと名前が違うファイルをアップロードし、 さらに、htmlファイルのソースも↓へと書き換えましたが、HPは古いままでした。 <img src="practice_files/schedule1.gif" height="176" width="539"> (2)ソース自体の変更 古いhtmlを削除し、単純に内容を20文字→10文字に変更したhtmlをアップロードしましたが 内容は、20文字のままです。FC2WEBのファイルエディタでは、10文字に変わってくれている のにです。

  • ImageReadyでGIFバナーの文字を変更したいのですが…

    ネットショップ用有料バナーgifを購入しました。 点滅文字とそうでない文字があるシンプルなバナーです。 点滅文字以外の文字を変更したいのですがphotoshopで 文字を消して改に入れて上書きすれば点滅文字が点滅しなくなります。 ImageReadyでも苦戦中です。 ImageReadyで簡単に変更する方法はございますか? 素人の質問で失礼いたします。 よろしくお願いいたします。