- ベストアンサー
photoshop&illustrator/ｈｔｍｌの質問
webデザインの勉強をしている初心者です。photshopを使ってリンクボタンのデザインを作ったんですがこれをどうやったらリンク出来るんでしょうか？ 作業手順→とりあえずphotoshopボタンを３つ作りました。→ファイル・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でボタンを作った部分はどの言語になるんでしょうか？ またその言語(ボタンデザイン)をリンクさせるにはどうしたらいいんでしょうか？当然ながらボタン３つ作っているのでhtmlファイルを後２枚作らなければいけないのですが・・・。 エディタから言語を打ってのリンクの仕方は分かるのですがイラレやフォトショでのHPの作り方が分かりません。説明の仕方が悪いかもしれませんがこの質問に理解できる方、お答えの方、宜しくお願いします
- グラフィックソフト
- 回答数5
- ありがとう数2
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
<!-- ImageReady Slices (名称未設定 1) --> ～ <!-- End ImageReady Slices --> の間がPhotoshopが吐き出したHTMLの画像部分になります、がwidth="800" height="600"ということなのでスライスを切っていない一枚の画像ということになります。 ImageReadyに移動しなくともver6以降のものならPhotoshop上でスライスが切れるので、ボタン部分などを部品として切ってください。作業時にガイドを引いておくとガイドに沿ってスナップしていくのできれいな作業が出来ると思います。 スライス選択ツールに移動して、スライス上をダブルクリックすることで【スライスオプション】上でリンク先の設定、target設定、画像のalt設定などが可能です。 ただ細かい修正が必要な場合もありますので、Web作成ソフトに読み込ませて仕上げていくケースもあります。 逆にソフトによっては崩れを発生させる場合もあるので注意が必要です（滅多にないと思いますけれど…）
その他の回答 (4)
- hopehope
- ベストアンサー率17% (94/528)
イラレやフォトショって何？ 質問する時に勝手に略しちゃうと正確な回答が得られなくなりますよ。 PhotoshopやIllustlaterでhtmlは作れません。 htmlエディタタや専用のソフトなどを使ってください。 <a href="ボタンをクリックしたら飛ぶ（開く）リンク先"><img src="画像のある場所/ボタンの名前"></a> がhtmlになります、先のhtml文は画像（ボタン）を表示するだけで、ボタンをクリックしても何の変化もありません（どこにも飛んだり開いたりしません）
お礼
お返事遅くなってすみません。何せまったくと言って いい程ド素人な者でして(汗） いろいろとご指摘ありがとうございました。
＃１です。＃２さんに同感です。
- koma1000nin
- ベストアンサー率30% (342/1133)
なれないことに時間をかけるよりも、「エディタから言語を打ってのリンクの仕方は分かる」とおっしゃいますから、photshopはボタンデザインにとどめ、別途エディタを使ってリンク表現されることをお奨めします。 そのほうが回答側として答えやすいのですが。
ボタンは <img src="images/sono.gif" width="800" height="600" alt=""> です。 >当然ながらボタン３つ作っているのでhtmlファイルを後２枚作らなければいけないのですが・・・。 かなり勘違いがあるようですが、リンクボタンが３つでもHTMLは一つでいいですよ。 ちなみに下記で勉強されることをお薦めします。 http://www.tohoho-web.com/www.htm
補足
すみません。リンクではなくページを作りたいのです。相対パスですね。
お礼
ありがとうございます。まだやり始めなのでボヤ～としか分かりませんがボタンはボタン用に作ってHTMLで<img src=#####">って貼り付ける感じですかね？ 大まかに言うと。大きな勘違いをしてました。 がんばります。