初Web制作は何から覚えていったら良いでしょうか？

質問

お世話になります。

有能な事務員さんが入り私の仕事は無くなってしまいました。

会社でデザイン系で生き残るにはWebサイトを作れるように
ならないといけない状態になってしまいました。

なるべく早く、でも着実に作れるようになりたいです！
何から始めたら良いのでしょうか？

最近借りたのですが「LIVE FOR WEBLIFE」とは
「Jimdo」のようなソフト！？でしょうか？

会社にはイラストレーターしかありません。

コーダーと言う言葉を最近聞いたのですが
ドリームウィーバーではないソフトを使うのでしょうか？

作れるようになるまでは経費は出ません。
＝無料でどこまでビジネスに使えるサイトに近づけるでしょうか？

HTMLやCSSと言うものは不変なものでしょうか？

質問ばかりですみません。
アドバイスよろしくお願い致します。

回答No.3

ORUKA1951 · ベストアンサー

＞会社で・・・・・・Webサイトを作れるように
　個人の趣味の範囲ではないという事ですか？

　となると、あなたの質問を拝見する限りでは、相当ハードルが高いと覚悟してください。

　まず、
　⇒Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html )
　を読んでみてください。

　ウェブの根幹を成すのはやはりHTMLと言って良いでしょう。HTML(Hyper Text markup Language)とは、リンク機能(Hyper)をもつ、マークアップ言語と言う意味です。
　人にはフォントを大きくしたり、太字にしたり、周囲を囲むことで、それが「見出し」であるか「重要」なのか「引用」なのかが読み取れますが、機械にはそれが判断できませんから、<h1>ここは見出し</h1><strong>ここは重要</strong>、<blockquote>ここは引用</blockquote>とマークアップ(印を付ける)メタ言語と呼ばれるものです。

　jimdoにしてもLIVE FOR WEBLIFEにしても、Dreamweaverにしてもホームページビルダーにしても、Webサイト製作の補助ツールです。そんな物は後回しにして、まず基本的なHTMLやスタイルシート、およびそれに付随したたくさんの知識を身につけないと、決して使いこなせませんし、場合によったらとんでもない---商用とは程遠い---ものを作ってしまいます。

＞コーダーと言う言葉を最近聞いたのですが
　様々な意味で使われます。文書を読み解き、それを構成する要素ごとにマークアップしてHTMLを作成することや、デザインするためにスタイルシートを書くことや、動的なサイトを作るためにプログラムを書くことなど・・・コードを作る作業です。

＞作れるようになるまでは経費は出ません。
　経費はかけずに出来ますが、学習する時間と才能が必要です。これは人によりますが、一日数時間、その学習に割くことができるとして、プログラムやインターネットに対する知識がある程度あったとして、半年から一年は徹底的に打ち込むことが必要です。

＝無料でどこまでビジネスに使えるサイトに近づけるでしょうか？
　これも同様です。その人の能力とどこまで時間を割けるか・・

＞HTMLやCSSと言うものは不変なものでしょうか？
　改定はされますが、古い仕様も破棄されない限り使い続けられます。

とりあえず
　⇒はじめてのWebドキュメントづくり( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
を最後まで・・

お礼

回答ありがとうございます。
お礼が遅くなって申し訳ありません。

はい、会社のホームページが作れるように
なってくれたらって言われて・・・

やはりハードルは高いんですね。
学習する時間は山ほどあるのですが
問題は才能ですね・・・

わかりやすいページの紹介をありがとうございました。

回答No.5

lv4u

他の回答にありますが、質問者にとっては、相当ハードルが高いことになると思います。
たとえば、一からはじめるなら、HTML、CSS、PHP、MｙSQLとかApacheの勉強が必要になるでしょう。

でも、市販ソフトのホームページビルダー最新版を購入すれば、上記の勉強をしないでも、とりあえずWordPressなどのCMSでサイトを作ることが可能です。
とはいえ、できあがったサイトを自分の好みに合わせて変更したいとか、会社の上司の要望に合わせて画面の追加・変更などをやろうとすれば、やっぱり、上記の知識が必要ですし、さらにWordPress自体の構造の理解も必要となります。

つまりは、最初の方法は、「最初の勉強が大変。でも、それなりに形ができれば、あとは楽」ですが、楽なホームページビルだを選ぶと「最初の形を作るまではとても楽ちん、でも、それ以降は、やはり同じか、それ以上に勉強を要求される」ということで、どっちにしても、勉強する時間が必要となることには、変わりありません。

いずれにしても、「めざす目標にたどりつく王道はない」ってことで、Ｎｏ.３さんの回答にあるように、半年から１年くらいは、徹底的に勉強することになると思います。
そして、自分が理解可能なところ、興味のあるところから、順番に、そして地道に、今後１年間の休日とか連休は全て勉強時間にするつもりで頑張るしかないでしょう。

お礼

回答ありがとうございます。
お礼が遅くなって申し訳ありません。

療養中でもあり、時間だけは山ほどあるので
地道にこつこつ学びます。

ありがとうございました。

回答No.4

kaisinjuku04

(x)HTMLやＣＳＳは、たびたびバージョンが上がります。
できることが増えたり、時代の流れとともに不適切になったものが使えなくなったりします。

全部無料でなら、いきなり「WordPress」でCMS構築やって見ればどうですか?
やっている間にHTML、CSS、PHP、MｙSQLなんかの知識が必要になります。
おいおい勉強していくことにして。

無料と言うことなら、レンタルサーバーも用意できませんね。
公開しない状態で、仮想環境下で製作を進める。
USBメモリにインストール可能な「Instant WordPress」とか使って。

テーマ（テンプレート）は、一から作ってもデフォルトテーマを改編しても構わない。
また、企業サイト用のテンプレートがいろんなところから無料で配布されているので、どんなコードになっているか参考にさせてもらえば勉強になります。

テーマを作るのには、IDEがあると便利。
無料でも、「Net Beans IDE」とかがあります。

無料なら、情報収集はネットで。
調べたいことの前にWPを付けると、大体検索できます。
例えば、「WP ナビゲーション 色変更」とか。

イラレは、それ単体では、ベクター画像を作るもの。
写真の補正もコードの出力も、PHPの編集もできません。
枠組みのデザインやロゴの作成程度はできますが、それをWEBの形にするには、コードを作成する必要があります。
最低でもHTMLとCSSのコードを。

この回答で提案したテンプレートやツールなどは、ご自身で検索してください。
それもできない人に、サイト作成は無理ですから。

お礼

回答ありがとうございます。
お礼が遅くなって申し訳ありません。

ワードプレスは聞いた事があります。
早速調べてみます。

なるほどサーバーはレンタルしないと公開できないんですね・・・

少しずつ調べながら学んで行こうと思います。

色んな情報をありがとうございました。

回答No.2

nitto3

ワード、エクセルで作ってみるといいです。
それをメモ帳で見てＨＴＭＬを分かるようにするのです。

HTMLやCSSはプラウザーによって少し変わってきます。
だから自分では正常に見えても少しおかしな画面になる人もいます。

お礼

回答ありがとうございます。
お礼が遅くなって申し訳ありません。

ワードやエクセルでも作れるものなんですね！
ビックリです。

ブラウザによって変わるんですか。
色々あるんですね。

回答No.1

kamikami30

とりあえず好きなサイトと全く同じ1ページを5分で作る方法を考えてみてください。

お礼

回答ありがとうございます。
お礼が遅くなって申し訳ありません。

好きなサイトを５分でですか・・・
難しいですね。。。
私の考え方が固いのかもしれませんね。