初心者レベルからのホームページ作成

質問

この度仕事でホームページを作成する事になったのですが
パソコンの自作程度は対応できるのですが、なにぶんホームページ作成に関しては初心者ですので
一体何から手を付けて良いのか又使用するソフト、レンタルサーバー等も不明ですのでご紹介お願い致します。

何分低予算(数万)で作成する様にとのお上からの通達ですので
すべて一人で行わなければならないと思います。

真に勝手な条件で申し訳ないのですが宜しくお願い致します。

＊目標として商用ホームページの作成

・会社案内(動画案内無し)

・携帯電話からの閲覧対応

・問い合わせホームより問い合わせ内容をメールにて担当まで連絡

以上がホームページにて行いたい内容です。

又、この内容の作成をするとしての一連の流れもご指導お願い致します。

追伸、この本読んで出直して来いでも構いません

回答No.5

epishipi1

その位のHPならちょっとの努力で\0でできますよ。

もちろんセキュリティーの問題とか、独自ドメインを使うのであればお金は掛かりますが。

私は以下のソフトを使って会社のHP作りました。

エデイター：へてるむ
アップローダー：FFFTP
画像加工：JTRIM・縮専

回答No.4

ORUKA1951

いやはや、コンピューターという大海で、小島一つを知っていると、大海すべてを知っていると誤解されるのは常ですが、それにしても大変だ。
　私が以前、つきっきりで指導したお役所の女性職員もそうでした。３か月で、そこそこのものを作り上げ、一年後に出会ったときは、すばらしいサイトを作り上げていました。
　かく言う私も、１５年前はそうでしたから、不可能ではないにしても、相当な覚悟が必要です。数万円を全部あなたが貰うにしても、あなた自身の勉強になると考えないと踏み出せないですが、それでよいですか？。たぶん一カ月は徹夜になる。ソフトを買う予算もないし、買っても無駄。

　私の経験から言うと、とにかく回り道をしたらダメです。時間はかかると思っても、必ず頂上にたどり着く道を選ぶべきで、安易な道を選ぶと結局元の位置に戻って登りなおさなきゃならない。

　まず、用意するもの。
優れたテキストエディタ・・いわゆるHTMLエディタ( http://ja.wikipedia.org/wiki/HTML%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF#HTML.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF )
　フリー：TeraPad，　EmEditor Free
　シェアウェア：EmEditor，秀丸エディタ
　　私は、EmEditor　とりあえずフリー版( http://jp.emeditor.com/modules/download2/rewrite/tc_5.html )でよい
　これはCGIを作成するときにも必要になる。
画像処理ソフト：何種類か必要・・ウェブではjpeg,GIF,PNGが扱えればよい。
　GIMP，GIAM(GIFアニメ)，縮小専用，irfanViewなど
FTPソフト：
　フリーなら、FFTP，シェアならnextFTPなど
ブラウザ：
　firefox－－とにかく開発者用のアドオンも豊富ですから今は必須ですね。
　　開発者向けアドオン:
　　　fireBug・・HTMLやCSSを変更して確認するなど
　　　HTML Validator・・・文法チェック
　　　コンテキストメニュー拡張・・・
　　　　　色々なブラウザにコンテキストメニューから渡せる。
　　　IE Tab・・・IEとの切り替え
　　　ServerSwicher・・・開発中のページと本サイトを比較できる。
参照すべき資料
　わからないときは仕様書を参照する癖をつけましょう。変なマニュアルを読んだり、人に尋ねるより確実で正しい
★とりあえずは最も普及しているHTML4.01から始めましょう。

HTML 4.01 Specification (ja) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )
REC-CSS2 邦訳 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html )

学ぶ順番
1) はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
　を一週間から２週間かけてきっちり実行すること。

　一通り覚えたら、
AnotherHTMLlint( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )

2) eラーニングトップ：selfup ( http://itpro.nikkeibp.co.jp/selfup/elearning/index.html )
　数ある初心者講座のほとんどは信頼性が低いので、会員登録(無料)が必要ですが、ここが最も確実で信頼できる（私見）
　特に、
　HTML入門 - Flashで楽々！ eラーニング：selfup ( http://itpro.nikkeibp.co.jp/article/COLUMN/20070221/262642/?ST=elearning )
　Webデザインの基礎 - Flashで楽々！ eラーニング：selfup ( http://itpro.nikkeibp.co.jp/article/COLUMN/20070220/262533/?ST=elearning )
　Perlの基礎を学ぶ：selfup ( http://itpro.nikkeibp.co.jp/article/lecture/20070118/258998/?ST=lecture )
　あたり

3) ある程度ローカルでできるようになったら、
　apacheとPerlはインストールして自分でテストできる必要があります。
　私はCygwinとともに入れていて、リモートのサーバーの仮想環境を自分のパソコン内にも作成しています。これは、半年後をめどにね。

その他のマニュアル
【apartment-Pweb】CSSリファレンス - カスケードスタイルシートのコマンド便覧。 ( http://0848.co4.jp/?CSS%A5%EA%A5%D5%A5%A1%A5%EC%A5%F3%A5%B9 )

★最初は絶対にオーサリングツールに頼らない事。私も楽なので幾度かこれを使ってしまいましたが、結局、ゴミしかできなくて今は完全に縁切りです。ここ７,８年は、比較のため以外使ってない。
　何が悪いかというと、学ぶ意欲を失わせる。本当はアプリケーションのマニュアルの方が仕様書よりはるかに難しいのにね。元々HTMLにしろCSSにしろ、人が書くために作られた仕様なのに、機械にやらせようというのは無理がある。

回答No.3

noname#111013

>>追伸、この本読んで出直して来いでも構いません
です。本は本屋で。

一体何から・・・まず会社名の「ドメイン」を取得する事です。同じような名前の法人名が多いのでもう無いかも知れませんが・・・

会社が契約してるプロバイダーにサーバーのサービスありませんか？
例えば@niftyではこんな感じです。
http://www.nifty.com/biz/hosting/tokucho/easy.htm

最近ではＧｕｍｂｌａｒが大手企業のＨＰを荒らしてるようです。上記のサイトのようなセキュリティが企業のサイトには必要かも（企業の信用問題にもなります）
上司さんが思ってるようにはいかないですね。個人のＨＰなら簡単ですが。

回答No.2

panda_man

参考URL消えてましたので。

参考URL：

http://www.tohoho-web.com/wwwmail1.htm

回答No.1

panda_man

商用で使うなら「お名前.com」のようなとこで、URLに社名等を入れられるとこがいいですね。
年間数百円程度からできます。
「ドメイン取得」で検索すればいくらでも出てきますので、
いくつか比較検討してみてください。

＞＊目標として商用ホームページの作成
とりあえず「CGI」が設置できるレンタルサーバを選びましょう。

＞携帯電話からの閲覧対応
「XHTML」を覚えるといいですよ。
自分はソフトは使わないので、どのソフトが良いかはよく解りませんが、よく使われているのは「DreamWeaver」や「HPビルダー」ですね。

＞・問い合わせホームより問い合わせ内容をメールにて担当まで連絡
直接メーラーを起動してメールするのか、送信フォームにするのかにより多少違いますが、
直接ならHP作成ソフト等でも簡単にできます。XHTML（HTML)で記述する方法も「メールリンク」で検索すればやり方がいくらでも出てきます。
送信フォームならmailto: によるメール送信フォームにすればいいです。やり方は参考URLにあります。

＞又、この内容の作成をするとしての一連の流れもご指導お願い致します。
XHTML（HTML)の記述法やソフトの使い方までは書ききれないので、
書店に並んでいる書籍を読むか、検索で調べてください。
HTML(PC用）、XHTML(PC/携帯共用）で多少の記述法方の違いはあるものの基本的な部分はほぼ同じで、HTMLが解ればXHTMLはすぐ使えるようになります。「HTML講座」等で検索すればいくらでも出てきます。

その後の全体の流れとしては、
・メモ帳等のテキストエディタにXHTMLで記述して拡張子を.htmlに変更するか、DreamWeaverやHPビルダー等のソフトでHP用のファイル（.htmlファイル）を作成する。
・レンタルサーバを借りて、「FFFTP」等の転送用ソフト（FTPソフト）やサーバに用意されている転送用ツール等を使ってHP用のファイルや画像を転送（アップロード）する。
・レンタルサーバのURLの最後に、転送したファイル名（半角英数のみ）を書き加えて表示確認。
・ちなみに、トップページのファイル名は必ず「index.html」というファイル名にしましょう。トップページにアクセスする際にレンタルサーバのURLの最後に、転送したファイル名を書き加える必要がなくなります。