• ベストアンサー
  • 暇なときにでも

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

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

noname#90

共感・応援の気持ちを伝えよう!

  • 回答数7
  • 閲覧数145
  • ありがとう数11

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

  • ベストアンサー
  • 回答No.3
  • yaasan
  • ベストアンサー率19% (1144/5891)

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

参考URL:
http://www.mapion.co.jp/

共感・感謝の気持ちを伝えよう!

質問者からのお礼

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

関連するQ&A

  • クリッカブルマップとロールオーバーを同時に使う外部CSSの書き方

    似た質問はあったのですが、解決できなかったので質問させていただきました。 ホームページでクリッカブルマップにしている画像(A.gifとします)があるのですが、 リンクにマウスを乗せたとき、それぞれのリンク別々の画像を表示させたいのです。(ホームページはテキストエディットで作っています)    A.gifの中にリンク1、リンク2、リンク3があるとします。    ●リンク1にマウスが乗ったとき→A.gifがB.gifに変わる    ●リンク2にマウスが乗ったとき→A.gifがC.gifに変わる    ●リンク2にマウスが乗ったとき→A.gifがD.gifに変わる というふうにしたいのですが・・・。 自分で本やネットで探してみたところ、javasprictを使ったやり方はなんとかわかりました。 けれどjavasprictは見る人の環境によって表示されなかったりするし、ソースをシンプルにしたいので、外部CSSでのやり方を探しています。。。 ただのロールオーバーだけなら外部CSSで作ることはできましたが、クリッカブルマップと併用しようとするとわからなくなってしまいました。 独学で作ってきたので説明文など、至らない点があるかもしれないのですが、できるだけ詳しく教えていただければありがたいです。 もし不明な点があれば補足致します。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • HPアップロードの概念とHP作成ソフト

    皆様 宜しくお願い致します。 PC歴は長いのですが、万年初心者から脱却出来ないでいます。 先日Mac付属のiwebにてHPを作成しました。 本来で有ればAppleのサービスで有ります.macに公開すれば簡単なのですが、一旦フォルダとして書き出し、それを無料のレンタルサーバーにアップロードしています。 FTPソフト(Transmit)を使用し、何とか公開までこぎつけたのですが、更新を考えた時に疑問が湧きました。 例えば ホームページのレイアウトを少し変えたりした場合(オブジェクトの位置や色、又はリンクが増えたりと)サーバー側に置いてあるフォルダをどのように更新すれば良いのか疑問に思っています。 いちいち、フォルダを丸ごと置き換えていては、アップロードにかかる時間も考えると非常に面倒ですよね?(アップロードの途中にエラーも頻繁に有ります) こういった場合はどの様な方法で行えば良いのでしょうか? 上記のオブジェクトの位置や色などといった情報は、どのファイルが持っているものなのでしょうか? 非常に苦戦しています。 どなたか教えて頂ければ幸いです。 また、こういった事項を説明しているサイトの紹介でも結構です。 ※DreamWeaverにも挑戦してみましたが、cssやらテーブルレイアウトといった物で溢れており、全く理解出来ませんでした。 illustratorの様に直観的に出来るソフトが有れば良いなと思っているのですが、Macではiweb以外にそういったソフトはないものでしょうか? どうしてもiwebですと、自由度が低いと言いますか… うーん、自分でもわがままを言っているのは十分承知していますが、どなたかアドバイスをお願い致します。 宜しくお願いします。

    • ベストアンサー
    • Mac
  • ロールオーバーについて

    こんにちは、ホームページ作成のときに使うローオーバーについての質問です。ホームページ作成初心者なものでうまく説明できないので http://www.digitaldreamdesign.net/ をご覧いただけますか。見ていただけるとわかると思いますが、画面右の少し下のほうに四角いボタンが並んでいると思います。そのボタンの上にマウスを持っていくと、ロールオーバーと思われる機能で別のところにアニメーションで文字がでてくるしかけを私のホームページでも使いたいんです。そのやり方を教えていただきたいのです。 私の使っているソフトは Adobe Illustrator8.0 Photshop5.5 ImageReady2.0 IBMホームページビルダー6 です。 そもそもこのソフトではできないのでしょうか。 わかりづらい質問で申し訳ありません。

その他の回答 (6)

  • 回答No.7

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

共感・感謝の気持ちを伝えよう!

  • 回答No.6

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

共感・感謝の気持ちを伝えよう!

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

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

共感・感謝の気持ちを伝えよう!

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

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

共感・感謝の気持ちを伝えよう!

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

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

共感・感謝の気持ちを伝えよう!

質問者からのお礼

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

  • 回答No.1
  • yaasan
  • ベストアンサー率19% (1144/5891)

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

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • gooブログです。画像をアップロードが出来ないものがあります。

    自分で書いたイラストをスキャナーで取り込んでそれをマイピクチャにしまってあり、gooのブログ内で画像をアップロードしようとしたら「gif,jpg,png」のみアップロードできます。と表示されできません。 イラストのプロパティを見ると ファイルの種類 ビットマップイメージ プログラム paint となっています。プログラムは変更ボタンがあり変更できますが、マイクロソフトなどに変更してもアップロードできません。 ファイルの種類を変更しなくてはいけないのでしょうか? やり方はどのようにしたらよいのでしょうか? 何かどこかのソフトが必要なら諦めますけど。。。 教えてください。お願いします。

  • ブログのレイアウトを両サイドバー三段組にしたいのですが・・・

    こんばんはlivedoorブログのレイアウトに関して質問をさせてください。 現在自分のブログのレイアウトを両サイドバーの三段組にしようと思っております。毎日コミュニケーションズの『ポータル、ブロバイダ別 blogデザインカスタマイズ辞典』には document.write('</div><divide="links2">'); というタグを作成し、side2.jsの名でそれを保存し、アップロードするように書いてあります。しかしlivedoorブログでアップロード可能なファイルは GIF, JPG, PNG, BMP のみらしく、何度試みてもエラーが発生してしまうのです。それとも僕のやり方が間違っているのでしょうか? ご回答はお時間がある時で結構です。よろしくお願いします。

  • PhotoshopCCとIllustratorCC

    パソコンにPhotoshop7とIllustrator10がインストールされています。 さすがに古く感じてきたので新しいソフトに変更しようと思っているのですが、 よくわからないのでいくつか教えて頂けませんでしょうか? Amazonにて『PhotoshopCCとIllustratorCC』のセットが期間限定で割り引きセールしているのを見つけました。 質問(1):CCとCSの違いはなんでしょうか?CCの利点や注意点などを教えて頂きたいです。 質問(2):CCはパソコンがオフラインの状態でも使うことはできますか? 質問(3):Photoshop7のデータはPhotoshopCCでも使えますか? 質問(4):Photoshop7にはImageReadyというソフトが入っていて、gif画像なども作っていたのですが、CCにもそのソフトは入っていますか? 質問(5):セットで49,704円。レジで更に42%オフなのですが、これってお得ですか?滅多にないセールですか? 以上です。 パソコンには疎く稚拙な質問かもしれませんが、 教えて頂けたら幸いです。 何卒よろしくお願い致します。

  • 初心者です。ジオシティーズのHP公開ができません。

    はじめまして。 過去の質問を見たのですが、専門用語が多くわからないので、 質問させていただきました。 よろしくお願いします。 無料でホームページを作成したく、ジオシティーズで作成しました。 テンプレートからトップページを作り、そこに新規ページをリンクさせています。 画像も載せました。(自己流でやり方は変かもしれません) 作成したホームページのファイルはジオシティーないにはファイルとして保存されていますが、自分のパソコンには保存されていません。 サーバーへのアップロードという言葉もよく出ていますが、 それのやり方も、私にとって必要なのかもわかりません。 現状を説明することすらうまくできなくて申し訳ないのですが、 何かアドバイス頂けたら幸いです。 よろしくお願いします。 (>_<)

  • photoshopのデータをillustratorで編集したい

    はじめまして。 実はこのびWEBサイトの製作をお願いしました。 、微妙な色調整やレイアウトの編集などを自分で直接したいために制作会社さまからphotoshopのデータをいただきました。 しかし、私はいままでillstratorしか使用したことがなく、photoshopはまったく使いがってを知ありません。 そこでphotoshopのデータをillustratorで直接、変更したいのですがやり方をおしえていただけないでしょうか?

  • WINで作成した画面ショットをMAC illustrator cs2に

    WINで作成した画面ショットをMAC illustrator cs2に貼り付けたいのですが、どうしても画像が崩れてしまいます。いろいろなパターンで試してみたのですがどうしても上手くいきません。何か方法(原因)をご存知の方がいらっしゃいましたら教えてください。 ・WIN XPにて画面ショットを作成  保存は.png.gif.jpgの3種類。カラーはRGB ・MACにて.psdも作成。カラーはRGB ・上記4種類をCMYKに変更したバージョンも作成 ・MAC illustrator cs2(カラーはCMYK)に上記8種類をdrag and drop 上記のやり方で行いました。 ドレもコレも画像がつぶれてしまって使い物にならない状態です。 素人質問で申し訳ないのですが助けてください。 宜しくお願いします。

    • ベストアンサー
    • Mac
  • CSSで特定の画像をテキストに置き換え。

    初めまして、今ブログのcssを編集(?)しています。このブログは他のブログと同じで、htmlは操作できません。 私の使っているブログは、『コメントする』や『次の記事へ』のリンクがテキストリンクではなく、アイコンでのリンクになっています。そのアイコン自体については、自分で別のアイコンをアップロードして置き換える事に何の規制もありませんが、ブログの内容から、個人的にテキストリンクにしたいのです。 テキストリンクに変更したいアイコン: <img alt="Previous" title="Previous" src="http://***.gif" border="0" height="20" width="22"> セレクタは、 .クラス名 img[src="***.gif"]  ←これで良いみたいです。 置き換えるテキストは、<img...>内のalt(Previous)かtitle(Previous)のテキストにしたいと思っています。 ――こんな事、出来るのでしょうか?

    • ベストアンサー
    • CSS
  • Adobe Illustrator CSのCS形式について

    自宅でAdobe Illustrator CSを使っています。 保存のときに、 『CS形式で保存するとテキストレイアウトの一部が変更されたり、 次にドキュメントを開いたときに編集機能の一部が使用できなくなる可能性があります。続行しますか?』 と説明が出ます。 仕方ないので、それで『はい』を選んで保存しているのですが、 本当はCS形式で保存したくないのです。 文字はアウトライン化していますが、学校の授業でAdobe Illustrator 10で開くと、実際にちょこちょこ不都合があります。 ファイルの書き出しで、保存の形式を8.9.10など下げられるのかなと やってみましたが、やり方が違うみたいで・・・ Illustrator ファイルでCS形式以外で保存するにはどうしたら いいのか、ご助言お願いします。

  • アップロードした画像データの、元の収納場所を変えた場合の影響は?

    アップロードした画像データの、元の収納場所を変えた場合の影響は? 仕組みの概要が把握できていないための素朴な質問です。 SNSでもオークションサイトでもブログでもいいのですが、例えばCドライブに収納してある画像データ(jpg)をアップロードし、アップロード後に画像データの収納場所をDドライブとか外付HDDに移動した場合、表示の状態に影響が出ないと認識しています。 これは表示の際、画像データは元の収納場所を参照しているのではなくアップロード先のホストコンピュータに見に行っているからなのでしょうか? そうだとすると元の画像データはアップロード後は消去してしまっても問題ないのでしょうか? どうも印刷物の入稿と印象がダブってしまうのですが、印刷の場合、例えばIllustratorの版下にはjpgやPhotoshopデータをリンクさせて同じフォルダに入れることで関連付けて表示させます。だからこのフォルダに画像データがないと反映されません。この仕組みとは違うのでしょうか? よろしくお願いいたしますm(__)m

  • クリッカブルマップでリモートロールオーバー

    過去の質問を見ましたが、ソフトを使ったやり方でしたので、改めて質問させていただきます。 1つの画像の中にクリッカブルマップを3つ貼り、リモートロールオーバーで別の場所にある画像を変更させたいと考えています。 別場所に表示される画像からもリンクができるとうれしいです。 できればjavascriptは別ファイルにしたいのですが、htmlファイルに書き込む形でも構いませんので、方法を教えていただければと思います。 どうぞよろしくお願いいたします。