- 締切済み
Webサイト制作について相談です。
クライアントからテキスト部分を全て画像にして欲しいと要望がありました。 私はSEOのこともあるのでおすすめしないと伝えました。 クライアントはSEOは気にしないと言われました。 また文章内の途中にあるリンクされている文字はマウスオーバーしないと伝えたら、リンク部分はテキストにして欲しいと要望がありました。 私はデザイン的にもキレイでないしブラウザによってはずれてしまうことがあるのでそれは出来ないと断りました。 クライアントから技術がないからだ。とか、うちの会社のコーダーは出来ると言っていたと言われました。 私はこんな要望は初めてでどうしていいのか困ってます。 どれだけお伝えしても中々理解してもらえないです。 そんなサイトを見たこともないので参考しようがないです。 私はWebデザイン初心者なので無知なだけなのでしょうか とりあえずクライアントはブラウザ上で見える文字とラフで見せた文字を字間も行間もフォントも全く同じにして欲しいようです。 テキストでは限界がありますし パソコンの設定やブラウザで見え方がかわってきますよね…
- HTML
- 回答数6
- ありがとう数0
- みんなの回答 （6）
- 専門家の回答
みんなの回答
- shokodei
- ベストアンサー率33% (2/6)
- rukuku
- ベストアンサー率42% (401/933)
- OrangeCup150
- ベストアンサー率62% (109/174)
いろいろと、つらいお気持ちを察します。 ぱっと思いついた方法ですが、（というか、ぶらぶら JavaScript について確認したいことがあったので調べていたついでに見つけたようなものですが） ■画像中のリンクを擬似的に有効にする方法 <img> に <map> <area> を使用してリンク文字列の部分にかぶせる。 <area onmouseover="" onmouserout=""> のイベントを利用して画像を切り替える。 ■example hoge.html <html> <body> <img id="memo" src="memo.png" usemap="#uri_list"> <map name="uri_list"> <area shape="rect" coords="40,40,110,70" href="foo.html" alt="LINK" onmouseover="document.getElementById('memo').setAttribute('src','mo1.png')" onmouseout="document.getElementById('memo').setAttribute('src','memo.png')"> <area shape="rect" coords="40,100,150,130" href="bar.html" alt="LINK(2)" onmouseover="document.getElementById('memo').setAttribute('src','mo2.png')" onmouseout="document.getElementById('memo').setAttribute('src','memo.png')"> </map> </body> </html> 画像については、添付のように、デフォルト画像、マウスオーバー時のハイライト画像を*リンクごとに*用意します。 デフォルト画像: memo.png (300 x 300 pixel) リンク１: mo1.png リンク２: mo2.png 補足（よくやるまちがいなど） <img usemap="#★"> <-- #を付けます <map name="★"> <-- #はいりません <img id="★"> <-- id="★" でIDを設定します。 document.getElementById('★').setAttribute('src','mo1.png') <-- ★ でIDから操作対象を指定します。 参考 http://www.tagindex.com/html_tag/img/img_map.html http://www.atmarkit.co.jp/fcoding/articles/js/03/js03a.html ■あとがき 技術的には、“なんとなく”「できる」っぽいですが、手間のほかにも、常識的に考えてデメリット多いですね・・・。 要望通りにしても苦情が来そうな予感もありますし、説得したほうがいいのかもしれません。（つまり、他の説得方法についての回答も参考にしてみてください。） まあ、画像にした以上、修正が発生した（軽微な修正であっても）場合、「特別料金」をいただきます。などですかね。保守料金の高さであきらめてくれればいいんですが。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
- LOHA
- ベストアンサー率52% (203/388)
- gozae
- ベストアンサー率0% (0/1)
関連するQ&A
- web制作会社を探しています
当方で請け負った業務の下請けをしてくれる、web制作会社を探しています。条件は下記の通り。 （１）こちらで指定したレイアウトに沿って、提供したテキストをコーディングしてくれる （２）見出し部分は指定したフォント・サイズ・色で画像文字にしてくれる （３）提供した画像を、サイズ等適宜加工してくれる pngファイルでデザインを渡すとコーディングしてくれる業者は幾つか見つけましたが、今回は、画像ファイルの加工も請け負って欲しいのです。 その代わり、レイアウトと、流し込むべきテキストは具体的に提示します。毎月30～40ページを発注します。 どういった業者があるか？コストは幾らくらいか？をお教えください。
- 締切済み
- インターネットビジネス
- WEBデザイナー⇒コーダーの作業について
WEBデザイナー⇒コーダーの作業について WEBデザイナーの作業範囲についてお聞きいたします。 ご回答よろしくお願い致します。 WEBデザイナーの作業が「WEBデザインのみで、コーディングなし」という場合、コーダーに渡すまでに、一般的にどこまでの作業を完了しておくことをいうのかお聞かせください。 1.コーダーへデータを渡のは、デザイン（Fireworksで制作したものなど）のみになりますか？ 2.画像の書き出し作業やテキストの書き出しなども別途で必要になりますか？ 3.デザインのみを渡す場合、リンク箇所の情報はどのように伝えますか？ よろしくお願い致します。
- ベストアンサー
- デザイナー・クリエイティブ職
- Webサイト 外部リンクについて
自分の作ったサイトに外部の自分のブログへリンクするテキストを入れました。 リンク部分のテキストが最初のうちは表示されたのですが最近はリンク部分のテキスト自体が表示されなくなりました。 サイトのソースを見ると以下のリンクの記述はあります。 <a href="http://ameblo.jp/ /">ブログ ブログ名</a> なぜでしょうか？ また別の確認方法でDreamweaverでは表示されていて、ブラウザー（IE9）で確認すると表示されません。 ブログはアメブロです。 ブラウザーはIE9です。 またアメブロの規約を詳しくは見ていないのですがこれは規約違反になるのでしょうか？ どなたか詳しい方ご回答いただけると幸いです。
- 締切済み
- その他（生活・暮らし）
- WebサイトのラフをIllustratorで作る際について
Webサイトの制作をしています。 Illustratorでラフを出して欲しいといわれたで、いつもの通りに文章部分を 「○○○○○○○○○○」 として写真部分を白枠で囲み「photo」 という感じで作ったのですが、 上司に「写真や文章もすべて入ったラフを作って欲しい」と言われました。 今回のサイトはテキスト部分多く、Illustratorで表を作ったとしても、ＨＴＭＬで組み直さないといけないので、すごく手間のように感じるのですが… 経験が浅く、社内にアドバイスをしてくれそうな人もいないので、こちらで相談させていただきました。 こういう場合、どのようにデザインのプレゼンテーションをするのが一般的でしょうか？ 分かりにくい質問で申し訳ありませんが、説明が足りない部分は、言っていただければ補足いたします。 ぜひアドバイスをよろしくお願いいたします。
- ベストアンサー
- グラフィックソフト
- ワープロ原稿 設定について
カテ違い申し訳ありません。 物語を書くにあたりワードを使用したいのですが、 パソコン初心者なので全く分からない事があります。 ２０×２０で文字フォント１４で書きたいのですが、 何故か１行が１７文字とかになってしまいます。 そして、文字が（字間）空きすぎているような気がします。 字間を狭くする設定をすると２０字どころかオーバーします。 印刷するときに１枚に２ページ分印刷したいのですが、 （２０×１０、２枚分を１枚に印刷したい） これもどうしたらよろしいのでしょうか。 わかりやすく回答していただけた助かります。 よろしくお願いします。
- ベストアンサー
- 小説
- DREAMWEAVERについて
Dreamweaverを使ってWEBのレイアウトしたいのですが、 Dreamweaverでは行間や字間・文字の自由なピクセル指定などなど、デザインにっとて重要な指定ができないと言われました。『これが今のwebの現状だ』とも言われました。みなさんどうやっているのですか？私はFIREWORKSを使ってデザインする方法しか良い方法が見つかりません。しかし、それでは重いし更新が難しい？？ どうか、どなたか解る方教えて下さい。
- 締切済み
- HTML
- Wordの文字数と行数についての質問（初心者です）
（1）OfficeXP(Word)で、ページ設定で文字数や行数を指定出来るのですが、 字間（字送り）や行間（行送り）を設定すると文字数や行数まで変わってしまいます。 例えば20字×40行で行間3ミリだとか、30字×30行（行間や字間は自分の好みで設定）にしたい場合は、どうすればよいのですか？ ＊特に字間を詰めたい。 （2）行則禁止文字を設定するには、どうすればよいでしょうか。 （3）ページ設定の用紙でA4はあるのですが、B5はありません。 その場合は「B5で20字×30行」等と設定したい場合、どうすればよい のですか。 原稿用紙の設定でB5にして試してみたのですが、20字×40行にしたいのに、 行数が39行までしか対応してないのです。すごい中途半端な気がするのですが.....。39行ならば、40行にして欲しい.......。 フォントの「文字幅と間隔」で文字間隔を狭や広に設定しても、それでも文字間が離れている気がします。 お手数ですが、回答をよろしくお願い致します。
- ベストアンサー
- オフィス系ソフト
- WEBサイトを作るのに必要な能力は？ずっと悩んでいます。よろしくお願いします。
僕はグラフィックデザインをやっている者です。 今までWEB制作は、扱ってきませんでした。 手始めに 自社のサイトを作ろうと思っているのですが 商用のサイトを作るにあたって どのような能力が必要でしょうか？ ----------------------------------------------------------------------------- もちろん サイトの内容によって必要な能力は違うと思いますので 作りたい内容を箇条書きにしてみました。 ●どんな環境のパソコン（一般に使われている範囲）でも、正しく表示されること ●ウインドウを拡大・縮小しても、中央にちゃんと表示されること ●フォントが文字化けしないこと ●書体（一般のサイトで使われている書体で構いません）・サイズ・行間・字間を指定できること ●メールマガジン購読用の、アドレス登録のボックスを設置する ●お問い合わせフォームを設置する ※デザインとコピーで勝負するため動画や、インタラクティブな仕組みはいりません ----------------------------------------------------------------------------- 現状、僕が出来ることは ●デザイン ●コピーライティング（キャッチ・ボディも含めて） ●MACでのイラストレーター、フォトショップの操作 です。この3点については自信があり、問題ありません。 問題は ホームページ製作に必要なソフトの操作や、HTMLなどシステム的なこと であるとは想像するのですが、一体どのソフトを使えばいいのか また、HTMLはどの位必要か、CGIやJAVA SCRIPT？等は必要なのか それらは独学が可能なのか、分かりません。 上記のサイトが作れれば、余分な技術はいりませんので 出来るだけ最短でテクニックを学びたいと思っています。 上記の商用サイトを作るにあたって必要な能力を どなたか、ご教授いただければ幸いです。 どうかよろしくお願いいたします。
- ベストアンサー
- HTML
- PT-P710BTで文字調整は細かく設定できる？
スマホでは好きなフォントがない＆文字の調整が細かくできないのでパソコンに対応しているPT-P710BTの購入を検討しています。 このパソコン用のラベル作成ソフトでは字間や行間など文字の細かい調整は可能なのでしょうか？ ※OKWAVEより補足：「ブラザー製品」についての質問です。
- 締切済み
- その他（インターネット・Webサービス）
- 【Illustrator】WEB画面のようなHTML風フォントを探しています
Windows（XP）のイラストレータで、WEBサイトのデザインをしているのですが イラストレータで作ると「HTMLテキスト部分」までキレイな滑らか文字になってしまい、クライアントにイメージを伝えることが難しく、悩んでおります。 （ファイヤーワークスやフォトショップであればできるのですが、事情があってイラレで作ってくれと頼まれていまして…） そのため、サイトをパソコン画面で見た時と同じような『ビットマップ風』でガタガタが表現されているフォントを探しているのですが、 なかなか見つけることができず悩んでおります。 欲しいフォントはこのようなものです↓ ■形・種類…Windows系のＭＳゴシック（またはMS Ｐゴシック） ■アウトライン…取れなくてもOK ■サイズ…20ｐｔくらいまで（200dpi程度で）が、インクジェットで出力可能 ■ひらがな、カタカナ、漢字（基本的なものだけで）が打てる ■Windowsで使用するが、Mac(Intel osX)でも使えたら素敵 （WEBでリンク設定がされている時の「下線」が表現できるフォントも、同時に探しています） ※テキストをアンチエイリアスなしでラスタライズするという方法は分かったのですが、それだと文章の変更がしずらくなるのでその方法は諦めました。 ※「04」http://www.04.jp.org/ というサイトも探したのですが、日本語が打てるものがリリースされていませんでした…。 こんな便利なフォントなんですが… どなたかご存知の方いらっしゃいましたら、ぜひ教えていただけませんでしょうか。よろしくお願いします。
- ベストアンサー
- その他(ソフトウェア)
