• ベストアンサー

Web作成前の作業について

papuatamaの回答

  • papuatama
  • ベストアンサー率52% (47/89)
回答No.3

うーん…。Webデザインって、覚えるまでけっこう大変なんですよ。 ソフトの操作、タグの知識、サーバやWebそのものへの理解、ブラウザごとの差異など。ソフトさえ使えれば、知らなくても大丈夫というわけにはいきません。 > ボタンなどはパーツごとにスライス作成したほうが良いということですか? > まとめて1つの画像にする…とはどういうことでしょうか? パーツごとに作る方が後の修正が楽です。Dreamweaver側からオリジナル(pngファイル)を呼び出す機能がありますから。「まとめて1つの画像」とは、ページ全体を一度画像処理ソフトで作ってしまう事を指します。 > 今はテーブルレイアウトで作るほうがいいかと思ってます。 CSSは初心者には無理だと思います。テーブルレイアウトだってけっこう大変ですよ。テーブルの中にさらにテーブルを入れ子にして、各要素を配分していくのですから。 > テーブルレイアウトで作成した場合、1枚1枚作成するごとに > レイアウトしていかなければならないんでしょうか? いえ、共通部分を登録して一括して修正可能です。Dreamweaverは、むしろCSSの方が苦手なソフトだと思います。 納期はどのくらいあるのでしょう?何ページ作るのですか?Form送信やアクセス解析CGIなどは必要にないのですか? どうも質問内容をお読みしていると、独力で進めるのは難しいかなと感じてしまいます。ブログをHPとして使う方法ではだめなんでしょうか?

clover111
質問者

お礼

回答ありがとうございます^^ 正直なところ私も最初は無理なんじゃないかと思っていました。 私が勉強しているから。。。といって仕事をもってきてくれるのはとてもありがたいことですが、勉強している=できる と思っているみたいなのでちょっと困ってしまいます。 でもやっていかないと技術が積み重なっていかないのも事実なので、 できないのは当然なんですが、前向きに頑張っていこうって思いなおしました。 納期はまだ未定なんです、なのでページ数もはっきりしていません。今のところイメージを作ってほしいと言われたので、Dreamweverにとりかかるのもいつになるかわかりません。Form送信、アクセス解析CGIに関しても必要になると思いますが、まだそこまで考えがいかないのでこれから躓くんじゃないかと思います。。。 今までDreamweverでメンテナンス程度しかやったことがないので、とても不安ですが、1つずつ解決しながらやっていくしかないと思ってます。なのでまたこのサイトで質問すると思います。 貴重な回答・アドバイス本当にありがとうございましたv(^∀^)

関連するQ&A

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

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

    • ベストアンサー
    • HTML
  • WEBデザインで、ラフデザインからスライスを切る前までの作業

    現在webデザイナーを目指しスクールでの勉強をほぼ終え、課題製作中のものです。 タイトル通りなのですが、 「ラフデザインからスライスを切る前までの作業」 の手順がいまいちわからず、困っています。 わからない点とは  1.ラフデザインをフォトショップ、イラストレーター(またはファイアーワークス)どちらで起こしていくか。  2.具体的な作業の流れ。 3.各パーツを作って置いてみたところで、色やちょっとしたデザインがまとまっていなく感じやりなおししてしまうので、どこまで紙の上で吟味すべきか。また良い手直しの仕方。 です。 現在は  1.http://design.rightclicksright.com/Make-Site/webDesign.htm様を参考にイラストレーターを使用し  2.手描きのラフをスキャンで取り込み配置して 3.各パーツを自分で決めたサイズ、位置に、グリッド、ガイドに沿って作成し、置いていく。 という感じでやっています。 プロの方や経験者の方で、アドバイス頂けると助かります。 おそらく多少人によって、もしくは会社によって違うと思われるので、いろいろな方に頂けると助かります。 宜しくお願いいたしますm(__)m ----------------------------- 補足: スクールではいきなりもう出来上がりのものをスライスを切るところからの内容説明なのでわからないのです。 勿論講師の方にも聞きましたが、<好きなほうでやったほうが..しかしイラストレーターでやってるんですか?>という答えで...f(--;) はっきりした手順がテキストに無いのでわけもわからずやっている状態なので、だいたいの正しい手順(いろいろあるかもですが)のようなものを最初は知っておきたいのです。宜しくお願いしますm(__)m

  • fireworksを使ったwebサイトのデザインについて教えてください。

    はじめまして。ホームページ作成は初心者ですが、dreamweaverとfireworksを使っています。webサイトのデザインをするとき、fireworksで全体のレイアウトをしていらっしゃる方に質問したいのですが、まず、レイアウトを決めたあとのdreamweaverへの書き出し方など、とにかく、ベテランの方の作業の流れを教えていただくことってできますでしょうか?特に、スライスを使った書き出しの仕方を詳しくおしえていただきたいのですが。おねがいします!

    • 締切済み
    • CSS
  • Fireworksの利点

    ホームページ作成を勉強しています。このたび、FireworksCS3の基本を勉強する機会がありました。このソフトを使用して、サイトのレイアウト、画像配置~画像をスライスして最適化~DWでコーディング、という一連の流れです。その結果、完成したものはGIF・PNG・JPEGで最適化され、サイズが確定した画像集ファイルです。一連の作業を履修したあとの感想ですが、これならばPhotoShopですべてできるのではないか、と感じました。Fireworksがホームページ作成に不可欠(またはPhotoShopよりも便利であるという)な理由として、皆様のご意見をお聞かせいただけませんでしょうか。勉強することが多すぎて、どこがわからないのかさえも、分からない状態です。宜しくお願いします。

  • Web作成について (。>0<。)

    いまWebデザインの勉強をしているものです! サイトを作ろうと思っていろいろ調べたのですが、Adobeの製品でみなさん作っているようです。 ですが、一般の人はAdobeの製品は高価すぎで買えません。・゜ °・(><)・° ° ・。 そこで教えてほしいことがあります。 以下のAdobeの製品と遜色がないようなフリーソフトはありませんか? あったらそれを使ってサイトを作ってみたいです! ☆ Dreamweaver ☆ Fireworks ☆ Illustrator ☆ Photoshop みなさん教えてください! o(@^‐ ^@ )O ワクワク

  • webデザインの勉強方法を教えてください

    仕事で、主にワイヤーフレームをひたすら作成をすることになったのですが、デザイン力のなさを痛感しています。 Webデザインの勉強の仕方や、参考になる書籍があれば教えて欲しいです。 将来的には、ワイヤーだけでなく、サイトも作っていけるようになりたいです。 photoshop、illustrator、dreamweaver歴はそれぞれ6ヶ月程度です。dreamweaver・wordpress等の書籍を買い、簡単なサイトをつくるといっても見様見真似で、まだまだ素人レベルで、きちんとお金を頂けるレベルまでなりたいです。 宜しくお願い申し上げます。

    • 締切済み
    • CSS
  • WEB関係

    私はWEBデザイナーになりたいと思っています。私の考えている作成方法は、HPを作る時にページデザインを「あるソフト」で作り、スライス機能で素材を切り分け、Dreamweaverでリンクを貼っていくといったやり方です。しかし「あるソフト」というのが問題で、よくDreamweaverとの連携がしやすいと言われているFierworksというソフトがあれば、Freehandというソフトがありますし、Flashもあります。IllustlaterやPhotoshopも連携が可能です。 アンチエリアスがかかった文字の使用を必須とする、スライス機能がついている、Dreamweaverは必ず使用するとうのを考えたら、WEBデザイナーはどのソフトでページデザインをしてるのでしょうか・・。 CDジャケットなども作成するのですが、その時はIllustlater、Photoshopしか使わないので、いいのですが、WEB関係のソフトが多すぎてどれから手をつけたらいいかわかりません。一番効率がよく、デザイン性、高画質にも一番優れたHP作成術があれば教えてください。お願いします!

  • photoshopでサイト作成

    今までfireworksのみを使いdreamweaverで組み込んできたのですが、これからphotoshopを使ってのサイト作りを勉強していきたいのです。なにかphotoshopを使ってデザイン、スライスなどの過程が勉強できるサイトを教えて頂けないでしょうか?持っているソフトはphotoshop7.0です。

  • スライスからのコーディング作業について

    Web制作の勉強中です。 一枚のjpg画像からスライスしてhtmlにコーディングの作業を行います。人それぞれにやり方があると思うのですが、皆様の効率のよい手順などがあれば参考までに教えて下さい。 ちなみにPhotoshopCS2又はImageReadyCS2とFireworks8ではどちらがやりやすいかなど、教えて頂きたいです。 コーディングはDreamweaver8で行います。 自分はPhotoshopはある程度慣れているのですが、Fireworksはよくわかっていません。 それぞれのいい所や悪いところなどありましたらご回答よろしくお願いします。

  • WEBデザインの際の画像作成について

    WEBデザイナーとして働き始めたばかりの初心者です。 普段、イラストレーターでWEBサイト全体のデザイン→スライス→コーディングという流れで仕事をしています。 イラストレーター上でデザインをしているときに、写真画像などを配置するときがあります。 そのとき、フォトショップを使い、色調補正などをしてからイラレに配置して全体のデザインをしていくのですが、その配置する画像について質問です。 この画像は フォトショップ上で実際に使うサイズにしてからイラレに配置 ↓ イラレでスライス が良いのか、 フォトショップでは補正などのみで、サイズは触らず、イラレ上で配置 ↓ イラレ上で実際に使うサイズ調整 ↓ スライス のどちらが良いのでしょうか? スライスで書き出された画像は後述の方が綺麗に感じたのですが、 皆さんはどのように画像を作成されていますか? また、 イラレ上のオブジェクトをスライスして書き出し もしくは イラレ上のオブジェクトを一旦フォトショップにコピーしてから書き出し とどちらのほうが画像が綺麗に書き出されるでしょうか? こちらも後述の方が綺麗に書き出されるような気がするのですが・・・。 皆さんはデザイン→スライスの際はどのような手順でされているでしょうか? よろしくお願いします。