• ベストアンサー

ウェブサイトのページを丸ごと縮小して表示するには？

ウェブ制作勉強中の者です。 現在、自分が練習で作ったウェブサイトを集めたポートフォリオサイトを作成ています。 それぞれのウェブサイトのトップページを縮小したものを画像として入れ、その画像をクリックするとウェブサイトに飛ぶようにしたいのですが、トップページの縮小画像の作り方が分りません。 Fireworksで作ったフォーマットは有りますが、実際のページは制作中に大分変わったので、使えません。 Print Screen でコピーしても、スクリーンに表示されていない部分が切れてしまいますし・・・ どうすれば良いのでしょうか？ Web制作系で現在使用できるソフトは、下記の通りです Dreamweaver Fireworks Illustrator Photoshop

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

  • ベストアンサー
  • crepon133
  • ベストアンサー率51% (399/776)
回答No.2

WEBサイトキャプチャーツール CrenaHtml2jpg http://www.picolix.jp/

koyo421
質問者

お礼

有難うございました ダウンロードしてみましたが、使い方がよく分りません・・・Internet Launcher をインストールすれば簡単かと思いダウンロードしましたが、exeファイルが文字化けしていて設定できません；

その他の回答 (2)

  • natatin
  • ベストアンサー率50% (1322/2599)
回答No.3

戦利に使ってたのですが今の所壊れてて使えないみたいです http://webscan.jp/ WebScan http://www.forest.impress.co.jp/article/2002/11/25/webscan.html キャプラ http://homepage1.nifty.com/chappy/lib/libcawr.htm

koyo421
質問者

お礼

有難うございました。 キャプラをダウンロードしましたが、使い方がよく分りませんでした。

  • pi8027
  • ベストアンサー率11% (6/53)
回答No.1

スクリーンショット あとは、編集

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • スクリーンショットを縮小してきれいに印刷したい

    Webサイトのスクリーンショットを縮小してillustratorできれいに印刷したいのですが、うまくいきません。 手順は スクリーンショットを撮る＞photoshopで開く＞画像解像度で画像の大きさを指定・縮小＞モードをCMYKカラーにする＞EPSで保存＞illustratorに配置＞埋め込み この方法だと、photoshopで画像を縮小した時点で画質が荒くなり、illustratorで印刷するとモザイクのようになってしまいます。どうすれば画像が荒れないまま縮小してillustrator上で配置・印刷できるのか教えて頂きたいです。 ソフトはどちらもcs4を使っています。 よろしくお願いします！

  • illustraterでスライスした画像をDreamweaverで読み込む方法

    ＷＥＢ制作初級者です（*^^*） イラストレーターでクリックボタンなどを含む画像を描き、それをスライスしてDreamweaverで読み込みたいのですが、どうすればよいのでしょうか？ スライスまでは出来たのですが、どうやって書き出して、どうやって読み込めばいいのかがわかりません。ちなみにFireworksでスライスすると便利・・・と聞きますが、私の持っているソフトはillustrater,photoshop,Dreamweaverなので、Fireworksは使えません。 どなたか、初心者マークの私にご指導いただけますか？

  • Web制作時に使用するソフトはPhotoshopかFireworksか？

    Webデザイナー及び、Web関連の仕事をしている方に質問です。Wen制作時に使用するソフトは、PhotoshopとFireworksのどちらを主に使用していますか？簡単な理由も聞かせていただけると光栄です。 ちなみに、私はPhotoshop(写真加工や画像制作など)とIllustrator(イラスト制作)でパーツを作り、Fireworksでページ全体を組み立て、スライス→コーディングに入ります。簡単な画像ならFireworksで制作します。 よろしくお願いします。

  • 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
  • HPデザイン制作は「Photoshop CS3」か「Fireworks CS3」か？

    個人でWEB制作の仕事をしております。 WEB制作は大きく分けると、 「デザイン制作」と「HTMLコーティング」　に分かれる思いますが、 私は、Photoshop CS3、Fireworks CS3も持っておりますが、 「HTMLコーティング」はDreamweaver CS3で制作しますが、 ★「デザイン制作」に関しては、 Photoshop CS3か、Fireworks CS3の、 どちらを勉強した方が宜しいでしょうか？ 以前までは、古いIllustratorと古いPhotoshopで作ってましたが、 現代のデザイン制作の主流は、Photoshopか、Fireworksと聞き、 ソフトの買い替えを機会に、 どちらかを本格的に勉強しようと思ってます。 WEB制作のお仕事をされている方、 どうかご教授アドバイスよろしくお願い致します。

  • HP作成（トップページ）表示について

    初めて質問します。 Dreamweaver4j、Fireworks4、Flash5jでHPを作成しました。IEでHPを見たときにトップページが表示される時に画面がパズルみたいにパラパラと表示されます。トップページはFireworksで作成してDreamweaverに取り込んでいます。 index.htmは16KBです。画像（JPEG)が多いので圧縮しました。自分ではそんなに重たいページではないと思うのですが・・・ 分かりにくい質問ですいません。よろしくお願いします。

  • IllustratorとPhotoshopについて

    はじめまして。 現在、ホームページ制作ソフトで悩んでいます。 今は、ホームページの画像などをFireworksで制作しているのですが、IllustratorとPhotoshopで制作してみたいと考えています。 ですが、いざ制作に入ろうとすると、どれをIllustratorで制作して、どれをPhotoshopで制作したらいいのかがまったくわかりません。 Fireworksの時は一つのソフトで全てがまかなえたのですが、二つの高機能ソフトだと役割分担がまったく見えてきません。 たとえば、Illustratorでもphotoshopでもボタンは作れるようです。 イラストと画像修正などの区別があるようなのはわかりました。上記のようなボタンの制作などホームページの部品作りについてがわかりません。 このような（例：画像中心のHP）ホームページならこちらのソフトで制作するというような使い分けなどはあるのでしょうか？ ご回答よろしくお願いします。

  • webサイトのデザイン方法について

    webサイトのデザイン方法について 自分はillustrator photoshop dreamweaverを使ってwebサイト制作を勉強しております。 最初に全体のデザインをillustrator上で作って、使用した画像を個別にphotoshop illustratorでgifなどのファイルに書き出してdreamweaverで組み立てています。 しかしこんなやり方は効率が悪いのではないかと不安になります。(illustrator上でデザインしても、その画像の大きさはdw上のメモ リを参考に大体で決定しています。） illustrator上でpx数を決定して、全くそのデザイン案通りに作業を進めていくような上手なやり方を知りたいです。 fireworksというソフトは持っているのですが使ったことがありません。 みなさんのデザインの行程を是非詳しく教えていただきたいです。 例えば、まずは、illustratorで　~px　×　~pxのドキュメントを新規作成して~~~という風に教えていただけたら幸いです。 fireworksを使っている人や使っていない人の両方の意見をお聞きしたいです！ よろしくお願いします！

    • ベストアンサー
    • HTML
  • WEBショップの運営に必要な知識は…

    現在、かんたんな冊子、広告を制作するDTPを仕事にしています。 仕事の枠を広げるために、WEBのスクールに通おうと思っています。が、ソフト、言語が選択制になっていて、迷っています。そこで、ご相談です。 今後、WEB制作の仕事に就くには、最低、次のうちどのソフト・言語を学んでおけばよいでしょうか。 もちろん、仕事によって求められるスキルは違うと思うのですが、将来的には独立して、WEBショップの運営ができれば…と考えています。 Illustrator ・ Photoshop ・Dreamweaver ・ Flash ・InDesign ・ActionScript ・PHP・Fireworks・JavaScript ちなみに、現在は、Illustrator ・ Photoshop、クウォークが少々使える程度ですが、スキルをあげるためIllustrator ・ Photoshopは学びなおそうと思っています。 よろしくお願い致します。

  • Illustrator での画像縮小について

    Illustrator で画像を縮小するとき、 (1) 大きい画像をそのまま Illustrator に貼り付け、直接縮小する。 (2) 一度 PhotoShop などで画像を縮小してから保存し、その後 Illustrator に貼り付ける。 どちらが綺麗に貼り付けられるのでしょうか。Illustrator で直接縮小するとガタガタになるように見えますが、実際はどちらも一緒なのでしょうか。 よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する