初心者のホームページ作成

質問

コンピュータに関してはてんで無知な私なのですが（使えるのはワードとエクセルくらい。インターネット閲覧はいつもしていますが、その仕組み（?）については本当に何も知りません）、今度知り合いの会社のホームページを作らなければならないことになりました。…とは言うもののどこから初めていいのかさっぱり分からず…。

「初心者のホームページ作成」のような本やインターネットサイトを見ても、基本が分かっていないのでいまいち理解できません。

でもどうせやるならちゃんとやりたいので、勉強も一からやって、いずれは自分で色々と出来るようになりたいと思っています。ただ、その為に今一体どこからスタートしていいのか…。何かお勧めの本やサイトがあったら教えて頂けないでしょうか。

市販の作成ソフト購入も考えていますが、今の状態では無謀でしょうか？

最終目標は「自分で（ソフトも使わず）ＨＰを作ったりいじったり出来るまでの知識と技術を身につけること」です。今の状態で高すぎる目標ですが…。そこに辿り着くにはどんな勉強をしたらいいか、教えて頂けたらと思います。

まとまらない質問で申し訳ありません。

回答No.16

egtaga

いきなりホームページ作成をお願いされるという話はよく聞きますが、作ることを考えるとどうして良いかわからなくなります。
まずは制作ソフトの選び方の前にホームページはどうやって作られているかをご説明します。
ホームページを作るには　ホームページは「html」という言語を使用して作られています。
手っ取り早く「html」を知るには、今開いている画面の最上部にある【表示(V)】というところをクリックし【ソースの表示】をクリックします。
（または画面上でマウスの右ボタンをクリックし、【ソースの表示】をクリックします。）
表示される画面に書かれている英語のような文字が「html」です。
また<titile></title>など<>で囲まれている文字がhtmlの「タグ」と呼ばれています。
ホームページはそれぞれの役割を持ったタグの中に文章や画像を入れて作られています。
ホームページ作る方法には、「ホームページ制作ソフトを使う方法」と、「HTMLタグを打ち込んで作成する方法」があります。「ホームページ制作ソフトを使う方法」は、ご質問にあるAdobeの「ドリームウィーバー（Dreamweaver）」やIBMの「ホームページ・ビルダー」という制作ソフトを使用して、ソフト内で文字を打ったり、画像を配置して簡単にhtmlファイルを作成します　ホームページ制作の基本はHTMLタグを覚えることですが、勉強する時間のない方や早く作りたい方は「ホームページ制作ソフトを使う方法」をいろいろ探してみてください

回答No.15

noname#112634

簡潔にお答えします (^O^)　　

HTMLを自分で書いてつくるんですよね　　

お勧めのサイトはこちら↓
http://www.tohoho-web.com/www.htm/　　

お勧めのソフト
（どんな出来になるのかを確かめながらHTMLを書いていけるソフト）
　　　は、こちら↓
http://www.vector.co.jp/soft/win95/net/se111772.html/

では。ちょっと適当な解答にも見えますが…。参考になるとうれしいです。

回答No.14

posux

hobgoblin　さん、こんにちは

なるほどなるほど、ご事情お察し申し上げます。

実は私もかつて、『　急に！　』にホームページ作成を
する必要に迫られました。

「　どこから初めていいのかさっぱり分からん・・・汗、汗・・・　」
と、まさにhobgoblin　さんと同様の状況でした。
それだけに切迫したお気持ちが伝わってくるようで
思わず、書き込ませてもらいました。

どう解決したのか、結論を言いますと・・・

お薦めはこちらです。
クイック・ホームページ・メーカー（無料・試用版）
http://plcr1.net/

ここで紹介しているホームページ作成ソフトは、従来のソフトとは
違います。

☆このクイック・ホームページ・メーカーのＨＰで提供してる情報
・ホームページ作成に関する基本的な知識はもちろん
　その応用や、周辺のことも網羅しています。
　（ＰＤＦ・メール・動画などの解説が、盛りだくさんですよ＾＾；）

私もまったくのゼロから始めて、ここで試用版を実際に
使いながら、勉強しました。

ある意味、hobgoblinさんのように何も知らない人のほうが
結果的に早く使えるようになるのでは、と思います。
（ホームページ作成に関しての、変な先入観がない為）

やる気がおありで、しかも必要性に迫られている状況ですので
きっと形にできると思いますよ。

がんばってくださいね、では。

参考URL：

http://plcr1.net/

回答No.13

noname#90012

「初心者　ホームページ作成」で検索を掛ければ、ヒットしました。
３年余り前の質問ですので、質問者さんは、かなりの腕前？になっておられることでしょうね。

-------「超初心者、且つ、ホームページ作成が初歩の初歩」の方へ-------

これからHP作成の勉強を始めようか、とお考えの方に取っておきの有益なブログです。
NHK教育で中高年向きに放送された「ホームページをつくろう」で学びます。

基本の「画像（デジカメ写真）の貼り付け＋文字入力」程度と
それのアップロードで宜（よろ）しければどうぞ。

興味のある方は、このブログをご覧ください。　↓

エイチ、ティー、ティー、ピー、コロン、スラシュ、スラシュ、
ノンセクション、ハイフン、ゼロ、イチ、ドット、
ブログ人、ドット、ジェイ、ピー、スラシュ、
ケイ、イー、エス、エイ、イー、ティー、シー、スラシュ。

「ノンセクション」の綴りは、英和辞書等で
「ブログ人」の綴りは、OCNでお調べ下さい。

回答No.12

momanoma

初心者で難しいのが、ＦＴＰ（作成した情報をサーバーに送る）とか
ＨＴＭＬです。正直私の友人もチャレンジしましたが、４０代の我々にとって、それはかなり難しいものです。
そこで、まずはホームページ作成ＡＳＰをご利用いただくことをおすすめします。
理由は、技術の習得より（技術者なら別ですが）何を見せたいかに集中するほうがホームページ作成にとって重要だからです。

私は仕事柄そういったホームページに関する質問を受けることがあり、
例としてですが、最近友人に紹介してもらったのですが、
ワード、エクセルが使えるレベルで、ホームページが作れる
サービスがあったのでご紹介します。

・ＨＴＭＬの知識は不要
・ブラウザだけで動作する（インストール不要）
・質問に答えるとページが出来る
・素材集がついている（画像・テキスト）
・その後のメンテナンスもわかりやすい（ワープロ感覚）
・画像の送信が簡単（ブラウザに放り込むと送信される）
・ＳＥＯなどの拡張性もある
特徴がある商品を紹介してもらいました。
私も無料ＩＤで試してみたのですが、ホームページの構成を自動で生成してくれて
住所を入れるだけで、地図の作成ができ、その上、３００種類を超える無料画像素材や
テキストテンプレート（会社概要やニュースなど）があり、とても簡単に制作できました。

以下が販売サイトのようですのでご参考までにご紹介します
http://www.internetbuilder.jp

いずれにしても、内容次第で思いもよらないビジネスにつながることがあると
思います。これ以外にもブログなどのサービスがあったりしますので、
色々チャレンジされることをおすすめします。

回答No.11

noname#12055

１つだけ忠告しておきます。

ＨＴＭＬの世界はとても不思議な世界で
「ＨＴＭＬを知らない人」「ＨＴＭＬを理解していない人」が
本を書いていたり、解説サイトを開いたりしています。
http://www.ne.jp/asahi/minazuki/bakera/html/book/

そういった変な本や変なサイトにつかまらないこと…
これに注意してください。

サイトに関しては、読むに値するページなのかどうかを
簡単にチェックする方法をお教えしましょう。

あなたが読もうとするサイトのアドレスを
以下のページの「ＵＲＬ」欄にコピペし
「チェック」ボタンを押してください。
http://openlab.ring.gr.jp/k16/htmllint/htmllinte.html

その解説サイトの管理人がＨＴＭＬを
分かっているのかどうか、瞬時に分かります。
ぜひお試しください。

なお、私は以下のサイトを紹介しておきます。
http://www.kanzaki.com/docs/htminfo.html
初心者には親しみにくいかもしれませんが
書いてあることはカンタンですし正しいです。

管理者も、読む価値のある本の著者であるだけに、
前述の「チェック」をかけてみても
スキを見せません（^-^）。

参考URL：

http://openlab.ring.gr.jp/k16/htmllint/htmllinte.html

回答No.10

info22

#4です。
小さい会社でHPのウェイトが少ない（上司の方がそう考えているみたい？）ようで、質問者さんは、少し気楽に作れるようで安心しました。
皆さんが色々アドバイスして見えますので重複はさけて、私が使っているホームページ作成ツールを照会しておきます。ホームページビルダーV5やV9は購入しましたがほとんど使っていません。
主に、ブラウザのMozilla SuiteのオプションのHP作成ツールのComposerを使っています。
普段はタグを使わないComposerの標準モードで効率的にHPを作成・編集しながら、HP閲覧モードに切り替え見栄えを確認し、細かなタグはエディターモードでタグ部分に手を加えては、標準モードに切り替えると言った試行錯誤をしながらHP（HTMLファイル）を作成するというやり方をしています。

Mozilla Suite(モジラ・スーツ)のダウンロードサイト（無料ソフト）→
http://www.mozilla-japan.org/products/mozilla1.x/

画像・写真の編集処理には 「PaintShop Pro 9」（有料ソフト10,290円）を使っています。
→http://shop.knet.ne.jp/software/312121/CORE001.html

通常HPを立ち上げるサーバー、またはHPのあるサーバーと、HPのコンテンツを作成編集するパソコンは別にするのが普通です。パソコンのウイルス感染と同時にHP停止となる可能性が大だからですね。

もう、１つ注意すべきはHP編集・作成用パソコンを通常業務に使っているパソコン（メールを送受信したり、色々なHPを閲覧するのに使っているパソコン）を兼用した場合にも、ウイルス感染したHPのコンテンツをHPにアップしてしまう可能性がかなりあります（HP編集作業者が気が付いていない場合が多い）。HP閲覧にユーザーが感染したファイルのHPにアクセスして、ウイルス感染し、苦情がきて初めて気が付くケースです。HP更新作業者が初心者の場合良く発生するケースです。
出来るだけ、普段使うPCとHP更新作業用のPCは別のものにしたほうがいいですね。
（そうしないと会社のHPが、感染対策中、停止せざるを得なくなります。）

以上、付け加えておきます。

http://shop.knet.ne.jp/software/312121/CORE001.html

お礼

またわざわざありがとうございました!
セキュリティーに関しては最初から一番抜けていたところだったので、その点についてこれほど詳しく教えて頂いて本当に!有難く思います。info22さんに教えて頂かなかったらたぶん自分でこれについて色々と勉強しようとすることもなかったのでは、と考えると恐ろしいです。本当にありがとうございました。

セキュリティーについて、サーバについて、HTML、CGI、…知らなければならないことは山ほどあって少々気が遠くもなりますが、逆に、勉強してそれら全部解る様になったらどれ程世界が広がるだろう、と、楽しみでもあります。（実際少しずつ解ってくると本当に楽しいです。…今現在は…）こちらで色々教えて頂いて、本当に最初と比べ物にならないくらい視界が開けてきました。これを無駄にしないようにこれから頑張りたいと思います。いつか私も皆さんのようになりたいです。

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

回答No.9

noname#17454

取敢えずは　楽天広場で練習ですね

その後　慣れてきたら

併用して　一冊　本を買ってください

今は　ゼロですが　ある程度判って来たら
レンタルサーバを借りる

楽天広場は窓口として　残す

http://www.vector.co.jp/

ダウンロード > Windows > インターネット＆通信 > HTML作成 >

無料のソフトを手に入れる

ではでは

お礼

ありがとうございました。
楽天広場への出店、ということですよね。やはりそれが一番簡単な方法だということなんでしょうか。（HPを作るよりもなんだか更に緊張します…それに関しても解らない事だらけで。）こちらで皆さんに教えて頂いた情報を参考にそれも勉強(?)して、出来そうなら検討してみます。窓口として残す、という手もあるんですね…。
とにかく今は勉強あるのみ。。がんばります！

回答No.8

siteuma

#5のsiteumaです。
通販サイトですか。

もっとも簡単なのは、
http://www.rakuten.co.jp/ec/
こういったところに出店する方法(^^;
・・・と、これでは話が終わってしまうので、
ホームページ作成の話に戻します。

通販ページなら、ページ構成はおのずと決まってきますね。
トップ／商品紹介・販売／お店紹介／その他

注文方法は商品ページにフォームを用意して、
お客さんが入力・送信した結果がメールとして送られてくる、
といった感じのものになると思いますが、
ある程度のJavaScriptやCGIの知識、
CGIを動作させるサーバのスペース確保が必要ですね。
（CGIそのものは商用可能で配布されているものもあります）

運用面ではメールチェックの頻度（最低１日２回はしたいところ）、
受注後のやり取りのワークフロー、などを決めておく必要があります。
万が一、品切れやトラブルが発生した際はどうするか、とかも。
それと、決済方法。
最初は銀行または郵便局に振り込んでもらう、というのでいいかも。
規模が大きくなったらカード決済も考えたほうがいいですが、
まずは比較的簡単かつ安全な方法で。

機能豊富なレンタルショッピングカートもありますので、
こういったものを利用するのもいいですね。
全部自分でやるより管理も簡単ですし。
http://www.wildmart.com/
http://www.shopmaker.jp/
http://cart.fc2.com/
http://ichi-online.com/
（安全性、使い勝手等は未検証ですので、ご自分で調べてみてください）

また、#4さんも書かれていますが、
個人情報漏洩防止には特に気を配る必要があります。
これが×だと、信用問題に関わります。

それからSEO対策もしたほうがいいです。
簡単に言うと、検索サイトで上の方にリストアップされるための対策です。
せっかくサイトをオープンしても、誰も来ないのでは意味が無いですから。
検索エンジンに登録するのもいい方法です。
http://www.searchengineoptimization.jp/index.html
（もしかしたら、内容がちょっと難しいかもしれません）

そうそう、私の場合、HTMLは以下のサイトで勉強しました。
http://www.tohoho-web.com/www.htm
http://www.htmq.com/index.htm
（他にもいくつかあったのですが、無くなってしまいました・・・）
あとは、他のいいな、と思ったサイトのソースを真似してみたり。

今は、このサイトを良く利用しています。
http://www.cybergarden.net/

以上、ご参考までに。

お礼

またわざわざありがとうございました!　こんなに具体的に教えて頂けるなんて本当にお礼のしようがありません…。HTML等の勉強と平行して、教えて頂いたことを参考に計画を立てていきたいと思います。
自分達だけでやっていたならこの様な細かいことには気がつかず後で困ることになったかもしれません。お陰で、これから形にしていく上で気をつけるべき事や必要な事が分かってきました。教えて頂いたことを無駄にしないように頑張りたいと思います。
ありがとうございました!

回答No.7

noname#20302

NO.3のhonomaruです。

＞ちなみに、その初心者本とスタイルシート本で、honomaruさんが使われたもの…か、それ以外でもお勧めのものがあれば参考までに教えて頂けないでしょうか？

自分にとって見やすそうなものを買ったのでよければ↓のものです。

●超図解ＨＴＭＬでつくるホームページ入門/著・エクスメディア[2003年初版発行]
●最新実用ＨＴＭＬタグ辞典/著・古旗一浩（技術評論社）[平成12年第1刷・平成15年第11刷]

上のはＨＴＭＬ入門編、下のはスタイルシートが記述されてあります。どちらもカラーなので見やすいですが数年前に出版されたものです。
私は1年半前に購入してどちらも重宝していますが、解りやすく解説した本が日々出版されているので、最新のものが欲しければアマゾンやセブンアンドワイなどのネット書店でＨＴＭＬ本を検索してみてはいかがでしょうか。
ネット書店だと購入者さんの評価も書かれてあるので、気に入ったものがあれば大型書店で中身を確かめることもできますし。

お礼

わざわざありがとうございました！　まず教えて頂いた２冊を実際に探してみたいと思います。

ところで、最新のものが欲しければ…　ということですが、やはり最新のものの方がいいんでしょうか？　それとも基本は変わらないから最新でなくとも判り易いものを選ぶべきでしょうか？　あとからあとから質問しまして申し訳ありません。

ネットでも探して、本屋にも行ってきます。
こちらで質問させて頂く前はネットでも本屋でも色々ありすぎてお手上げ状態だったんですが、色々と教えて頂いたおかげで的を絞っていけそうです。

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

あとからあとから疑問はどんどん出てきてしまいますが、まず自分で勉強してみます。どうしてもまたお聞きしたい事があったらまた投稿してしまうかもしれませんが…　その時はまた皆さんにお力になって頂けたら本当に嬉しく思います。　ありがとうございました。