- ベストアンサー
初のホームページ作成！WEBデザイナーについて教えてください
- 将来目指すお仕事として【WEBデザイン】が向いているかどうか確かめるためにホームページを作ってみようと思い立ちました。
- 以前買ったソシムの【HTML/XHTML＆スタイルシートレッスンブック】があるのですが簡単な方法があれば教えてください。
- 今度は自宅の猫や私のダイエットについてブログみたいにしようと思います。WEBデザインにはイラストレーターやフォトショップ以外にもドリームウィーバーやファイヤーワークスやフラッシュなどいろいろ使うようなのですが、手元にあるのはイラレとフォトの２つだけです。
- Windows Vista
- 回答数5
- ありがとう数6
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
ある程度大きなウェブサイト製作会社の場合 １）企画サイト設計担当 ２）デザイン担当 ３）コーディング担当 ４）プログラム担当 のような部署に分かれて作業しています。 「ｗｅｂデザイナー」となると２・３あたりになりますかね。 職業訓練もどのあたりをターゲットにしているかを確認する必要があります。 看板デザイン会社のキャリアを考えれば２になりますね。 ただ、職業訓練などでは２・３をメインにして１と４をちょっとだけかじる・・ようなコースがあったり、質問で書かれている「Webクリエータ科」は明らかに４をメインにしています。 で、実社会ではどうかと言うとほぼ２の技術しか持っていなくてもそれなりに作れたりしますので、そのレベルのサイトはゴロゴロあります。 ２の技術がしっかりしていれば仕上がりは良く見えるのでプロ気分にはなれますが、イラレで作った絵をドリームウィーバーでスライスしまくって作ったようなサイトはプロの仕事とは言いがたいと思いますね。 まずは３（ＨＴＭＬ）の基礎をネットで充分ですのでたくさん調べてみましょう。 そうすると、ＨＴＭＬを書くためには特別なツールは不要であることが分かると思います。 イラレ・フォトは画像作成のために必須ですがドリームウィーバーのようなサイト製作ツール（ジェネレータといいます）は不要です。メモ帳はさすがに使えたもんじゃありませんが「テキストエディタ」という種類のソフトがフリーでたくさん出ておりそれらで充分です。 またＣＳＳも現代のサイト作成には不可欠と言えますので充分理解しましょう。 （ＣＳＳはＨＴＭＬと抱き合わせのものです） また、Ｆｌａｓｈは必須とは言いませんが使用するケースは多いですね。もっともＦｌａｓｈ製作だけで職業にしている人もいるくらい奥が深いですけど。 （デザインセンス７０％プログラムセンス３０％位かな） さらに、４のプログラムに関しては完全に専業だと考えて良いです。個人で仕事を請けるのであれば覚える必要もありますが、会社内でこのセクションの人はｗｅｂプログラマという専門の人やシステム開発をしているプログラマだったりしますので、後発ではなかなか負い付かないし若干ですが適性もあります。 ちなみに１は営業力・企画力なので実社会で鍛えるしかありません。（基礎みたいのはありますけどね） 少し乱暴な書き方をすれば 文系なら２ 理系なら４ ３は全員やっておきなさい １は偉くなれば自然になります といった感じですか（＾＾；
その他の回答 (4)
- okwakitigai
- ベストアンサー率21% (26/119)
>３ヶ月の座学だけで身に付くものでしょうか？ 身につきません。 >新しい本を買わないとダメなものでしょうか？ >オススメの本があったら教えてください。 基本さえわかっているならネットで調べればいい。 >縦は気にしないで下さい。スクロールしますから。 気にする必要有り。 一つのページに無駄に情報をたくさん入れて無駄に縦に長いページは嫌われます。 >私が出向で入った会社では「プロはエディタ」だったので 仕事効率を無視したプロ意識が変な方向に行っている会社がその手のパターンの典型ですね。 >CGIやPHPなどもプログラムの専門職ですので CGIとPHPを同位置に位置づけるのはだめです。 CGIはサーバサイドでプログラムを動かすための仕組みで使用できるプログラミング言語は 多種多様です。 PHPは言語そのものでCGIとしても動かせますしwebサーバのモジュールとしても動かせます。
お礼
回答ありがとうございます。 やはり３ヶ月は短いですね・・・ 他の方の回答で私にはWeb関係は激務で向かないことがわかりました。 医師からもデザイン系は大変だから体に良くないといわれました。 残念ですが他の道を探したいと思います。 医師に言われた通り 出来ることからやってみます。 ありがとうございました。 失礼いたします。
- Kazz9010
- ベストアンサー率38% (5/13)
追加回答です 他の回答者を見ると「プロはＤＷ」となっていますね・・・ 私が出向で入った会社では「プロはエディタ」だったのでどうやらｗｅｂ業界でも基本がまちまちのようですね。 昔は主流だった「テーブルレイアウト」から全面的に脱却し、コーディング規約が厳密に定義されている会社でした。 テーブルレイアウト参考文献 http://thinkit.co.jp/article/39/1/ 私の解説で「ＤＷでスライス・・」は間違っていました。「スライスした画像をＤＷで張り合わせるだけのサイト」が正解です。 要するにテキストで表現すべきところまで全て画像に頼るような作り方はＨＴＭＬの本質に反していますしＳＥＯ的にも望ましくありません。 （とのコーディングチーフからのお言葉でした） フリーのエディタについてはVECTORなどで何種類かダウンロードして実際に使ってみてはどうでしょうか。HTMLリファレンスサイトのサンプルコードをコピーして表示させればイメージが分かりやすいと思います。 ちなみに私の使用しているエディタはシェアウェアの「秀丸」です。最近のバージョンではＨＴＭＬやＣＳＳのタグやパラメータなどを自動的に色分けしてくれるのでかなり便利に使っています。（ＣＳＳはスタイルシートです） エディタ選びのポイントは「テキストの表示方法」「カット＆ペーストの操作」「検索の操作」あたりです。もっともエディタのオプションで好みに調整できるものも多いですけど。 Flashはアニメーションムービーが基本なんですが、それを拡張して動くメニューや外部ファイルの読み込みなど高度なプログラミングができるため専門の技術者がいて「フラッシュ職人」とまで呼ばれています。 CGIやPHPなどもプログラムの専門職ですので、ひとまずは「こんなことができる」といったあたりを理解しておけば良いと思います。
お礼
再回答ありがとうございます。 Web業界は基準がまちまち＝ 色んな事が出来ないといけないんですね。 他の方の回答で私にはWeb関係は激務で向かないことがわかりました。 医師からもデザイン系は大変だから体に良くないといわれました。 残念ですが他の道を探したいと思います。 医師に言われた通り 出来ることからやってみます。 ありがとうございました。 失礼いたします。
端的に療養中の人は仕事ができないから療養中です。 よって職業訓練は税金の無駄になりますので完治してからの職業訓練です。 働けないのに学校にいっても無駄です。 次に作業所とありますが精神障害か知能障害になりますね。 作業所にいくような人が激務のweb世界にいくべきではないと考えます。 このことはかなり大事なことなので聞いてみましょう。 健康な人でもお勧めできない職です。 適性どころかもっと具合が悪くなるのが見えてます。 将来的に継続的に何ができるのかを考えてない質問にみえます。 ＞これは知らないとダメ！とか独学可能な知識が他にもあったら教えてください。 webのことは独学可能です。 しかし何をしたいのか決まらないのでは何もお答えできません。 デザイン会社にいたのならデザイン担当なのか。 中身を動かすPHPなのか。 会社は職業訓練をした人を採用しません、普通に新卒、普通に健康体を採用します。 それより職業訓練あがりの採用率を調べましょう。 残念ですがかなり低いです。
お礼
回答ありがとうございます。 私の書き方が悪いですね。 すみませんでした。 もちろん体が治ってから職業訓練を受けたいと思っています。 医師にも話したら厳しい世界だし、激務はよくないと言われました。 数少ない職業訓練の中では一番適性があるかと思ったのですが 現実を知らなすぎでした。 やるとしたらデザインがやりたいのです。 また職業訓練を受けても就職率は低いとのことですが でしたら私はどうしたらいいのでしょうか？ あれもこれもダメと否定ばかりされては・・・ 激務には到底向かないので 残念ですがWeb関係は諦めます。 医師に言われた通り 出来ることからやってみます。 失礼いたしました。
- otaku37564
- ベストアンサー率38% (1158/3005)
テキストでHPを作ろうとしてますが、プロほどドリームウィバー使いますよ。 打ち込む手間が掛かりすぎる初手からのテキスト打ちはしません。 書式間違いやタグの打ち込み間違いも発生するので とりあえずHTMLやCSSの基礎を覚えたいというのならやってみる価値は十分にありますが お仕事をするならDWを使わないととてもじゃないけど、複雑すぎる組み合わせは 要らない手間が掛かりすぎます。 お仕事を探すにしても、HP制作会社ではまずDWが使えるのが必須ですから。 で、次にデザインのセンスです。 まずはフォトショップとイラストレーターを組み合わせてHPの画像を原寸で作ってください 横幅は最大で９８０pxくらい これは１７インチモニターでWeb閲覧する人の画面のほぼ最大幅 です。縦は気にしないで下さい。スクロールしますから。 まず画像ベースで、記事部分 メニュー部分 全体のフレームを確立します。 文字をうってみて、そのままの形で画像にしても良いでしょう。 それをスライスで切り分けパーツ画像を作ります。 テキスト部分はレイヤーで別けていまは画面上に出さないでパーツ化しておきます。 ただし、パーツを作るときは、いくら自由が利くといっても必ず整数PXで作ります。 画像を切り分けるときに余計なゴミが出たりしてしまいます。必ずコンマ何PXではなく きっちり整数で作ってください。 それから、CSSでのブロックを作って、そこに組み合わせていくわけです。 パーツ配置が自由に利くイラレやフォトショで原盤を作ってしまえば、それにあわせて骨組みを制作して あとは、それに皮（先ほどの画像）を貼って 肉（テキストをコピペで打ち込み） 服（FLASHやロールオーバー、リンク）などを付けて完成です。
お礼
回答ありがとうございます。 そうなんですか。 プロの方はDWを使っているんですね。 じゃぁDWを習えるコースに行かないとダメですね。 今調べたらコースが少なくなっていました。 Webクリエーター科の一つしかありませんでした・・・ ３ヶ月の座学だけで身に付くものでしょうか？ 時期が違えば？１ヶ月の実習もつくのかもしれませんが大差はないですよね。 まずはイラレとフォトでHPの原寸の画像作りですね。 ピクセル単位で作ればいいのですね。 確かイラレはミリかセンチなので直したほうが良いですね。 画像の切り分けはしたことがないと思います。 整数で切り分けるのはどうやったら良いのでしょうか？ １.５とかにしないで１か２にすれば良いと言う事でしょうか？ CSSとはCascading Style Sheetsの略のようですが これは私の本に「スタイルシート」と書かれているものと同じことでしょうか？ 最新バージョンは３のようですが本の中では２になっています。 新しい本を買わないとダメなものでしょうか？ オススメの本があったら教えてください。 まずイラレとフォトを練習しまくります！！ プラスXHTMLとCSSですね。 あと学校でDW。DWを触れる日が待ち遠しいです！ 「皮＋肉＋服」とてもわかりやすいです。 ありがとうございます。 質問攻めのお礼ですみません。 お時間のあるときに再度、回答お願いいたします。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
回答ありがとうございます。 なるほどです。 部署に分かれて作業しているんですね。 今コースを調べてみたらWebクリエータ科しかありませんでした・・・ 時期によって違うのかもしれませんが このコースもイラレやフォトやドリームウィーバーや ファイヤーワークスやフラッシュも学びます。 Webデザイナーとして実務経験を積むことが出来れば １～４を全部できるようになる感じでしょうか？ ドリームウィーバーはスライス＝切り込みを入れる？感じでしょうか？ ２の技術も磨きたいですが気分だけでなく、 ちゃんとプロとして認めてもらえる作品が作れるようになりたいです。 「テキストエディタ」という種類のソフトがフリーでたくさん出ているんですか。 たくさんといわれると・・・どれがいいのか迷ってしまいますね。 持っている本だと「メモ帳」が出ています・・・オススメがあったら教えてください。 CSS＝スタイルシートで良いのでしょうか？ HTMLと一緒に学びます！(そういう本みたいです) フラッシュも奥が深いソフトなんですね。 どんなものか触ってみたいです。 ４のプログラムはやっぱり別物ですよね。 「プログラマー」さんの役割ですよね。 ちょっと職業訓練のコースは３ヶ月しかないのに欲張りすぎかもしれませんね。 どれもさわりだけとかにならないといいのですが・・・ 通う訓練が終わったら説明会でしっかり聞いてきます！ お礼に質問を混ぜてしまってすみません。 お時間のあるときに再度、回答してください。 よろしくお願いいたします。