ポスター作成で文字からリンクをはる方法

このQ&Aのポイント
  • WORDで作成したポスターの文字からリンクをはるためのHTML言語を教えてください。ポスターをDREAMWEAVERに移植して、クリックすると詳細ページにリンクしたいです。
  • WORDで作成したポスターをHTML言語を使って再現することは可能でしょうか?DREAMWEAVERを使用して文字からリンクをはる方法も教えてください。
  • ポスター作成時にWORDとHTML言語の違いに悩んでいます。WORDで作成したポスターをDREAMWEAVERに移植し、文字からリンクをはる方法を教えてください。
回答を見る
  • ベストアンサー

ポスターを作り、その中の文字からリンクをはるには?

質問:No.7917810のところで、言葉足らずで、申し訳ありませんでした。WORDを使い、ポスターを作成します。それをDREAMWEAVERに移植して、文字の部分をクリックすると詳しい内容のところにリンクをはるためのHTML言語を教えてください。WORDで作成したポスターがうまく移植できるかどうかもまだわかっていません。HTML言語で作り直さないといけないのではないかと考えています。これも可能でしょうか。文字をクリックして、リンク先に飛び、さらにそのリンク先から次のリンク先に飛ぶことはできるのでしょうか。 WORDとHTML言語とは異なるものなので、移植がうまくいかないような気もします。WORDで作ったポスターをHTML言語を使って、再現することは可能でしょうか。アドバイスいただけるとありがたいです。会社のホームページ用のソフトがDREAMWEAVERになっており、業者に頼むと代金が発生するため、やってくれと言われました。このようなことは初めてなので、教えていただけるとありがたいです。

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

  • ベストアンサー
  • DrFell
  • ベストアンサー率55% (305/551)
回答No.4

aaaaaaa777さんに馴染みやすい方法では ワードでリンクを貼ります。 リンクを張るにはURLが決定していなければできませんので、決定しているものとして 例: http://okwave.jp/qa/q7918828.html 1.ワードで作成したポスターをワードで開きます。 2.リンクしたい文字を選択します。 3.右クリック>ハイパーリンク(h) 4.アドレスに「http://okwave.jp/qa/q7918828.html」を挿入し、OK 5.ctrk+A(ポスターを全選択) ワードは閉じないでください 6.dreamweaverを開き、新規作成>html 7.デザインビューを選びます。 8.貼り付けます。(ctrl+V) 9.保存します。 ワードも閉じていいです。 以上で、htmlが分かった人の作ったwordファイルなら、移植できます。(Web標準化はたやすいです) が、わかっていない人の作ったhtmlでもリンク程度は移植できます。わかっていない人がつくったワードでの分かっていないがゆえにポスターそのままのページがhtmlに移植されるかも知れません。ポスターの字が大きいと数文字で改行なんてね! ちなみに、wordファイルから保存時にファイルの種類をwebページに保存しても、リンクを設定(上記3.4.)していればできます。 お勧めはできません。 ●老婆心ながら まともな物を作ろうと思えば、html言語の勉強は必須だと思いますが、リンクの仕方をこんなQ&Aサイトでしのごうという思惑では業者に頼んだ方が、安い気もします。勉強時間が無料なら問題ないですが、他の業務を止めてますなら、htmlだけなら1日でも何とかなりますが、見た目の制御(デザイン)もしたいとすると結構大変です。 ポスターは紙なので大きさが決まっています。htmlで利用する端末は決まっていませんので、大画面の利用者にもスマホなど小さな画面の利用者にも伝わるようにデザインをしようとすると、業者に頼んだ方が早いし安いです。若しくはaaaaaaa777さんとまったく同じ環境(画面のサイズも使用ブラウザも)でないと崩れてますという独りよがりのページを作ってしまうこともありますので、ご注意ください。本人は自分の環境でしか見ないので、できた!と結構幸せなのですが、他からは見られませんということが、ままあります。

aaaaaaa777
質問者

お礼

詳しい回答をいただき、ありがとうございます。参考にさせていただきます。

その他の回答 (5)

回答No.6

Wordの画面のスクリーンショットを撮って、 Dreamweaverで「画像を挿入」でそのスクリーンショットを挿入、 「ホットスポットの挿入」で、リンクしたい場所(座標)とリンクのURLを挿入していけば、それっぽい物が出来上がると思います。 物が全く違いますので、 HTMLとウェブサイト(ウェブページ)の作り方を勉強して、一から作り直すのをお勧めします。 1日8時間として1週間も勉強すれば、基本的なページは作れるようになると思いますので。 Wordにもリンク機能があったと思いますので、それでリンクを作ってHTMLとしてパブリッシュすることもできます。 が、ブラウザで閲覧できない可能性が非常に高いと思います。 やりかたはWordのヘルプを見てください。

aaaaaaa777
質問者

お礼

ありがとうございます。参考にさせていただきます。

  • DrFell
  • ベストアンサー率55% (305/551)
回答No.5

申し訳ないです。先ほどの回答、1手順抜けていました。 6.ctrl+C(コピーします) 先ほどの回答6以下をプラス1してください。 6+1=7 ……(以下同じ)

aaaaaaa777
質問者

お礼

丁寧にご回答いただき、ありがとうございます。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

ご愁傷様です。 >WORDとHTML言語とは異なるものなので、移植がうまくいかないような気もします。  元々まったく異なる目的のものですから、これは、真実です。 ・WordやDTP( http://ja.wikipedia.org/wiki/DTP )で作られたような書類は、それを作成したプラットホームでしか利用できないこと ・HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 ) ・DTPなどでは、文書のどれが見出しであるか、引用であるかがわからない。 ・HTMLでは、その文書のどれが文書にとってどのような構成要素であるかが示されている。  <h1>は見出し、<p>は段落、<blockquote>は引用・・  言い換えれば、HTMLは文書構造をマークアップしていく言語、プレゼンテーションはスタイルシートで行います。  ですので、基本的には印刷物(お気に入りの・・)は、まずHTMLできちんと文書構造をマークアップした上で、スタイルシートで同じようなデザインになるようにデザインして行きます。  すなわち、幅が広かろうが狭かろうが、画像を読み込めない端末だろうが、そうでなかろうが・・・理解できるように!!!!  私は検索エンジンを引き合いに出します。「googleが理解してくれませんよ」 【引用】____________ここから Lynx などのテキスト ブラウザを使用して、サイトを確認します(ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります)。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[ウェブマスター向けガイドライン - ウェブマスター ツール ヘルプ( http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=35769#2 )]より  一方リンクは、HTMLの最大の長所・利点です。そもそもそのために存在するといってもよいものです。 「文字をクリックして、リンク先に飛び、さらにそのリンク先から次のリンク先に飛ぶことはできるのでしょうか。」は、多分--想像ですが---、ページ内アンカーへのリンクを言われているのだと思います。  これについては  ⇒ホームページのリンクの貼り方 - ホームページ作成ソフト - 教えて!goo( http://okwave.jp/qa/q7917810.html )  で回答済みです。 例えば  ⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html )  のソース--画面上で右クリックしてソース表示させると、普通のHTMLですが、ブラウザの表示メニューから、[スタイル]を選択すると、まるでデザインが変わりますね。このうちの "画像の上に配置"か"画像を枠に配置"のようなものを想定されているのだと思います。  ちなみにこのページ、ウィンドウ幅を変えても利用できますし、印刷すると又違うものになるはずです。--印刷プレビューで確認。  もちろんgoogleが見に来ても大丈夫でしょう。下記はLynxでの表示     

aaaaaaa777
質問者

お礼

詳しい説明をありがとうございます。参考にさせていただきます。

  • e_16
  • ベストアンサー率19% (847/4388)
回答No.2

ポスターをDreamweaverに?? ポスターって町の壁に貼ってある紙の印刷物ですよ Dreamweaverに移植はできませんけど?^^

aaaaaaa777
質問者

お礼

ありがとうございます。参考にさせていただきます。

回答No.1

DreamweaverがあるならFireworksはないの? ポスターは、Fireworksで作った方がいい。そのままDreamweaverにパブリッシュできる。 Fireworksが無ければPhotoshopとか何かフォトレタッチソフトで作り、jpegやpngで保存して、Dreamweaverから画像として読み込みウェブページ内に配置する。リンクは文字部分じゃなくポスター画像全体からリンクすると簡単。 ワードで作るとDreamweaverとは直接のデータ互換性が無いので、読み込んだり貼り付けたり出来ない。

aaaaaaa777
質問者

お礼

ありがとうございます。どのようなものかが見えてきました。助かります。

aaaaaaa777
質問者

補足

お忙しいところ、ありがとうございます。非常に参考になりました。上司からの話で、ポスターの中の数か所の文字から、それぞれ別のリンクを貼るように指示を受けました。個人レベルで可能かどうかを判断して、できない仕事なら、断らないといけないなと考えています。見通しはいかがでしょうか?無理ですかね?

関連するQ&A

  • ホームページのリンクの貼り方

    ワードを使い、四角形の中を塗りつぶし、文字を書いた図の部分をホームページ上で再現し、クリックすると、別の図に飛んでいくように、リンクを貼るにはどのようなHTML言語で表現をすればよいのでしょうか。図から図に飛び、またその図をクリックすると別の図に飛んでいくように、リンクを続けて貼るにはどのようなHTML言語で表現すればよいのでしょうか。教えてください。

  • HTMLでリンクが貼ってある文字の下線を消したい

    現在、HTML言語を使用して楽天ショップのwebページを作成しています。 ある文字にリンクを貼ると文字の下に線が出ます。(みなさんも同様だと思いますが) 私がやりたいことは、HTML言語で下線を表示せずにマウスポインタがのった時だけ線を表示したいと思っています。 調べたところCSSなら簡単にできそうなのですが、やはりHTMLだとできないのでしょうか?教えてください。

    • ベストアンサー
    • HTML
  • ポスター作成

    ゲームソフトのパッケージ(FFやドラクエなど)程度のレベルで ポスター(A3~A1ぐらいのサイズ)を作成したいと思っています。 勤務先のお店の宣伝用ポスターです。 今まではワードにいろいろ画像を貼り付けて作成していましたが外注の ポスターに近いものを作成したいと思うようになりました。 ・アニメキャラetc.をその部分だけ(背景を除いて)切り抜いて  貼り付けたい  (例えばガンダムとエヴァとドラゴンボールのキャラを切り抜いて   一つのポスターに全キャラ登場) ・ワードで作成する文字よりも凝ったインパクトのある文字を  作成したい(それを上記のポスターに貼り付けたい) 以上の事をするにはどんなソフトを購入すればよろしいでしょうか? 現在イラストレーターCSを持っていますがまだ勉強し始めた所です。 なにぶん素人すぎてトンチンカンな事を聞いているのかもしれませんが よろしくお願い致します。

  • 画像の上に文字リンクを

    Dreamweaver でページを作成しております。 画像の上に文字を入れてその文字だけに リンクを貼りたく思っております。 素人ですがよろしくお願い致します。

  • ワードで作った文章の文字の列にリンクをはりたい!!

    Windows XPに搭載のマイクロソフト2003のワードで文章を作成しました。そして、その文字の羅列にリンクをはろうとしたのですが、うまくいきませんでした。  [編集]をクリックして、その中の[リンクの設定]をクリックすればいける!!と思ったのですが、、、。  [リンクの設定]という文字が黒色になっていなくて、クリックしても何も反応しませんでした。  黒色にするにはどうしたら良いか? 誰か教えてください。お願いします。

  • リンクを貼ったはいいものの

    今IllustratorとPhotoshopを使ってDreamweaverでHTMLの作成をやっているのですがリンク<a href=“〇〇.html“>とやってブラウザで見たら四角いボーダーで囲まれてしまいました。 その囲いを取りたいんですけど、どうしたらよいでしょうか?

  • Dreamweaverでリンクさせると文字の色が変わってしまう

    題名の通りなんですけど、Dreamweaver(MX)で文字にリンクさせると元々も文字の色が変わってしまいます。(例:赤の文字にリンク→紫に!?) 下の方のカラーパレットにもちゃんと赤が出ているし、HTMLの方も確認したのですがちゃんと赤になっています。 なのにプレビューするとなぜか紫に・・。 どなたかなおす方法をご存知の方、教えてください。お願いします。

  • ホームページのリンクのはりかたについて

    フレームがいくつかあり、1つのフレームないのリンクのある文字をクリックすると別のフレームの内容が変わるようにするにはどのようにHTMLの言語を記述したらよいのでしょうか。 おしえてください。

  • タスクバーに「リンク」の文字が

    タスクバーに(言語バーの隣)薄く「リンク」という文字が昨日から出現しました。なぜか分かりません。右クリックして消そうとしても消えません。消し方を教えてください。

  • リンク

    dreamweaver3で。。。 リンクを作成して、ブラウザブレビューしてみると リンク先のイメージが消えています。 イメージのとこに赤いバツマークがでています。 どうしたらちゃんとでてきてくれるのですか?

専門家に質問してみよう