会社と個人のHPを作ろうと考えています。しかし、HPを作るのに何から始めればいいのかさっぱり分かりません。HTML文書?は大学一年の授業で少し扱ったことがあるのですが、すっかり忘れてしまいました。HTMLの知識はどれくらい必要なのでしょうか?ホームページビルダーやFLASHといったソフトは必要なのでしょうか?また一番メジャーなHP作成ソフトはなんなのでしょうか?最終的にはおしゃれなHPを作りたいです。超基礎的なことから教えて下さい。お願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/10/08 04:52:47
  • 終了:--

回答(12件)

id:watallina No.1

watallina回答回数54ベストアンサー獲得回数02004/10/08 05:11:28

ポイント10pt

http://tohoho.wakusei.ne.jp/

惑星・専用レンタルサーバー

おしゃれなHPできっちりしたレイアウトを考えるならばやっぱりHTMLはある程度は知っておかないとちょっときついと思います。ソフトは予算があるならmacromedia社のDreamWeaverとFireworksのセットがよいと思います。HPビルダーはたしかに初心者向けのよいソフトなのですが、細かいレイアウトを組もうとすると余計に大変なことになったりします。

id:komorebi No.2

komorebi回答回数133ベストアンサー獲得回数82004/10/08 05:23:00

ポイント10pt

http://www.amazon.co.jp/exec/obidos/ASIN/4844356232/hatena-22/24...

Amazon.co.jp: Webデザインワークフローガイド―ビジネスに役立つWebサイト制作の流れと役割分担 (Webビジュアルガイドシリーズ): 本: COMPLEX

企業のサイトは、個人で作るのはオススメしません。

今、JIS企画などがされたので”アクセシビリティ”の知識のある制作会社などに作ってもらうことを先にオススメします。

個人サイトは、何をサイト上で表現したいのでしょうか?

ます、何をしたいのか。

それと、何処にサイトを置くか、レンタルサーバー借りるのか、自分でサーバーたてるのか。

独自のドメイン(URL)は取得するのか。

まずそこから考えてみては如何でしょうか。

HTMLの知識は、W3Cの基本をマスターしてください。

制作にあたっては、初心者向けとしてホームページビルダーでも構わないと思います。

その代わり、吐き出すHTMLはいい加減なので自分で手修正が出来るとベストですね。

そのためにも、W3Cは日本語訳もありますから、一度読んで置くことをオススメします。

アナタにとって「おしゃれ」の基準が分からないので、何とも言えませが、自分で作るのであれば、それはセンスの問題です。

アマゾンにワークフローや制作手順に関する本は沢山あるので、何はともあれ本屋に行くことを一番オススメします。

id:doco10

何処にサイトを置くか、レンタルサーバー借りるのか、自分でサーバーたてるのか。

独自のドメイン(URL)は取得するのか。

まずそこから考えてみては如何でしょうか。

HTMLの知識は、W3Cの基本

>ややこしい言葉で分かりにくいです。

2004/10/08 05:41:33
id:kishiro No.3

kishiro回答回数161ベストアンサー獲得回数42004/10/08 05:29:27

ポイント30pt

[Q1]HTMLの知識はどれくらい必要なのでしょうか?

[A1]頭に浮かんだデザインを紙に書いた後

それを今度はHTMLにできる程度の知識でOKです。

[Q2]ホームページビルダーやFLASHといったソフトは必要なのでしょうか?

[A2]

・HP作成支援ソフトは作業の効率化に寄与するので役に立ちますが必須ではありません。

・Flashは効果的に使用できないと思うので、始めは使わない方がいいと思います。

[Q3]また一番メジャーなHP作成ソフトはなんなのでしょうか?

[A3]MacroMedia社のDreamWeaverです。

同じ会社のFireWorks、FlashもほとんどのWebデザイナーが使用していると思います。

[Q4]超基礎的なことから教えて下さい。

[A4]HTMLについては「とほほのwww入門」で一通り勉強できます。

http://tohoho.wakusei.ne.jp/www.htm

惑星・専用サーバーサービス/ホスティング

HTML自体は比較的簡単に作成できるようになると思いますが

むしろ重要なのは、ウェブサイトのコンセプトワークや企画

といった事と、それに沿った形で配色やユーザビリティーなどを考慮したデザイン

なので、奥は深いですが頑張ってください。

id:doco10

ありがとうございます。「とほほのWWW入門」は先程も紹介していただいたので、有名なサイトなのですね。がんばってみます!

2004/10/08 05:43:35
id:laylah No.4

laylah回答回数24ベストアンサー獲得回数02004/10/08 05:31:38

ポイント30pt

上記は、シンプルでわかりやすい辞典サイトでした。

極端な話、HTMLは、「<>と</>が1セット」ってところだけ

押さえとけばいいようにも思います。

http://www.amazon.co.jp/exec/obidos/ASIN/4798102733/250-9599943-...

Amazon.co.jp: ホームページ辞典: 本: アンク

しかし、各ソフトの使い方や癖を把握するのは面倒ですし、

まずはHTMLで遊ぶつもりで、

この書籍や上のサイトで各種のタグを見ながら、

メモ帳(Macならシンプルテキストですね)などで作ってみては。

windowsなら、打ちあがったテキストファイルの末尾の拡張子を

.txtから.htmlに変えれば、それでもうサイトの出来上がりです。

売り場で見比べた中では、この出版社のものが一番わかりやすかったです。

スタイルシートやJavaScriptを覚える気はないんだ、って場合は、

同じ会社の「HTMLタグ辞典」でもよいかも。

(私はこれで学びました。そして今でもメモ帳オンリーです(笑))

まず、おためしのつもりで簡単なページを作ってみて、

もっとかっこいいサイトを作りたい、もっと楽に作りたい、という欲が出てきたら、

あらためて作成ソフトを探してみてはいかがでしょう。

その頃には、「どういう面に優れたソフトが欲しいのか」についても、

はっきりした希望が見えてくるように思われますので。

せっかくの初めてのサイト作成、気楽に楽しんでくださいね。

id:doco10

あっ、それいいですね。メモ帳で.htmlに変えるだけでサイトってできるんですか。いろいろ遊んでみます。ありごとうございます。

2004/10/08 05:46:42
id:jp0134 No.5

jp0134回答回数333ベストアンサー獲得回数02004/10/08 05:57:36

ポイント20pt

http://www.kanzaki.com/docs/htminfo.html

ごく簡単なHTMLの説明

このページはすごくやさしくHTMLのことが書かれています。

私もお世話になっています。

http://www.vector.co.jp/vpack/filearea/win/net/htmledit/index.ht...

Download: Windows > インターネット&通信 > HTML作成

私はこのページのソフトを使っています。

初心者の私でも使いやすいです。

有料のソフトもいいと思いますが・・・

オンラインショップを作るのであれば、対応した専用ソフトがあるので、それを使うのがベストです。

あくまで、会社広告用程度のHPはこのフリーソフトでできますよ。

id:doco10

会社では何か商品を売るということはありません。HP上で会社の業務内容や歴史や場所の紹介を行い、仕事の依頼などをメールで受付できるようにしたいと考えています。まず、フリーソフトで作ってみて、慣れてきたら、有料ソフトで作っていこうと思います。どうも、ありがとうございました。

2004/10/08 06:03:39
id:TomCat No.6

TomCat回答回数5402ベストアンサー獲得回数2152004/10/08 06:10:53

ポイント30pt

http://hpb.cool.ne.jp/

ホームページ作成ソフトホームページビルダー10,9,8,7の使い方

Webサイトというのは、

基本的には全体の骨組みを記述するHTMLと、

見栄えを設定するCSSで出来ています。

これらは全てテキストファイルで記述しますから、

ホームページ作りはメモ帳ひとつあれば十分なわけです。

ただ、それには本当にそれらの仕様に精通している、

という前提が必要です。

中途半端に分かった程度だと、

とりあえずは表示できるけれど

本当はやってはいけないことをやっているとか、

タグの包含関係を間違えていて

さっきまではうまくいっていたのに

ちょっと書き換えたらボロボロになった、

などというトラブルが頻発します。

HTMLもCSSも、ちょっとくらい間違えていても

一応の表示は出来てしまうことが多いので、

かえってそれが始末が悪いんですね。

その点、ホームページビルダーのようなソフトには、

それなりのメリットがあります。

ワープロソフトで文書を装飾していく感覚で作っていけますし、

余程のことが無い限り、間違ったソースは出来上がりません。

ちゃんと仕様にあったソースを出してくれます。

慣れてしまえばこんなソフトを立ち上げるよりも

メモ帳であっさり作業してしまう方が余程に楽なのですが、

入門用と割り切って価値を認めるなら、

ホームページビルダーはなかなか使いやすいソフトだと思います。

そんなソフトは要らない、自力でやってみる、

ということでしたら、まずは適当なページのソースを取って、

それを改造してみる、という練習をお勧めします。

良くできたページは凝ったことをやっていますから、

そのソースが読みこなせて

思いのままに書き換えられるようになってきたら、

もう一人前の実力がついていると考えていいと思います。

他人のソースを見ることは、

様々な基本を知る上で、とてもいい勉強になります。

ご健闘ください。

 

id:doco10

 わかりました。簡単そうなサイトのソースから解析を始めてみます。ありがとうございます。

2004/10/08 06:52:29
id:kishiro No.7

kishiro回答回数161ベストアンサー獲得回数42004/10/08 06:23:13

ポイント15pt

http://www.minc.ne.jp/~tkzw4a/fp/

FrontPage Expressでホームページをつくろう!

4番の回答を見て思い出したのですが

私の場合は、他人が公開しているHPの

ソースを見てHTMLを覚えました。

デザイン的にマネしたいサイトをブラウザで表示して

・マウス右クリックして[ソースの表示]

・メニューバーの[表示]-[ソースの表示]

・メニューバーの[ファイル]-[名前を付けて保存]で自分のPCに保存後、メモ帳で開く

などの方法で人が書いたソースを見たり改造して

いろいろ実験してみるといろいろ勉強になります。

はじめは単純な個人が作ったようなサイトの

HTMLを見て、内容を理解するところからはじめましょう。

ちなみにHTML作成支援ソフトについてですが

MicroSoftのFrontPage Express は知ってますか?

結構高機能ですが、勝手に不要なコードまで生成したりするので

やはりメモ帳で開いてもHTMLの内容がわかるぐらいの

知識を持った上で使用することが望ましいです。

id:doco10

 ありがとうございます。皆さんのおかげでだんだん何をどうすればよいか分かってきました。色んなサイトを見て実験を繰り返そうと思います。

2004/10/08 06:54:23
id:A140 No.8

A140回答回数473ベストアンサー獲得回数22004/10/08 07:17:01

ポイント15pt

DTPの知識はお持ちですか?

もしお持ちならMacromedia Dreamweaver MX 2004か

Adobe Go Liveをオススメします。

紙の上で書いたような完成イメージを

両者のソフトはDTPソフトのように直感的に

作業できるかと思います。

紹介のURLは1ヶ月フル機能を使用できる体験版のURLですので

一度使用してみてはどうでしょうか?

他の参考になるHPを見つけたら

ご自分のPCに保存して上記のソフトで開くと

どのような構成でHPが作られているか参考になりますよ。

id:doco10

DTPって何なのでしょうか?私はワード、エクセル、パワーポイント、ベクターワークス、ページメーカーフォトショップは大体使いこなせますが、画面がHTML文書になるとお手上げなのと、インターネットは毎日数時間使用するのですが、サーバーとは何かなどインターネットのしくみについてよく分かっていません。とりあえず簡単そうなサイトのソースをメモなりお教えいただいたソフトで開いてみたいと思います。

2004/10/08 08:09:45
id:seiya1311 No.9

せいや回答回数37ベストアンサー獲得回数02004/10/08 07:21:16

ポイント15pt

http://d.hatena.ne.jp/seiya1311/

せいやの日記とか

URLはダミーです

ソフトや概念は上の人たちが紹介しているので極力省きますが

おしゃれなHPを作りたいということですが

どの年齢層、性別などをターゲットにしているかによると思います。

ただ年齢層が高いとHPは静的なもの(動きが少ないもの)というイメージが多いみたいでFLASHは効果的です。会社がどのような業種かわかりませんがOPだけとか少しでもFLASHをいれると印象がかわるようです。

いまはPhotshopやIllustratorでさせHTMLを生成してくれるので、概念を覚えてわりきれてしまえば逆に高度な知識は不要かもしれません。

会社がある程度規模があって

リンクがたくさんになるようになると、メンテナンスはDreamweaverのほうがしやすいと思います。写真などを何十枚も編集しないといけないとなるとホームページに特化したFireworksやImageReadyなどで自動化できるので商業用ソフトのほうがいいかもしれません

id:doco10

ありがとうございます。フォトショップで作ったファイルも.htmlにすればインターネット上で開けるのですか?同様にワード文書やベクターで描いたものなど自分の身近なソフトで作成、レイアウトしたものをメインにHP作成できないものなのでしょうかね?拡張子なども勉強したほうがいいのかな?

2004/10/08 08:14:42
id:korox2 No.10

korox2回答回数81ベストアンサー獲得回数02004/10/08 08:21:02

ポイント30pt

僕は この「超図解HTMLでつくる ホームページ入門」を 購入して HPを作り始めました。

サイトを 見たりもしましたが PC触り始めて 1〜2ヶ月の時だったので インターネットの仕組みも よく分かってなかったので 本というのがありがたかったです。

公開の仕組みや 保存するファイルのこと メモ帳の使い方から サーバへ アップロードする方法まで 一通りを これで学びました。

http://heo.jp/tag/

みんなのタグ辞書/HTMLタグ辞書

あとは ここのサイトにお世話になりました。

でも HP支援サイトっていうのは ある程度 アップロードとか HP作成の基本を分かってる人向けだなというのが 印象です。

http://heo.jp/tag/

みんなのタグ辞書/HTMLタグ辞書

JavaScriptを 使ってみたいのであれば・・・。

http://heo.jp/tag/

みんなのタグ辞書/HTMLタグ辞書

ソースを コピーして使います。

http://heo.jp/tag/

みんなのタグ辞書/HTMLタグ辞書

よく見かける インラインフレームのことが よく分かります。

http://heo.jp/tag/

みんなのタグ辞書/HTMLタグ辞書

HPを作ったあと それを サーチエンジンに 登録する 無料サービスです。

http://heo.jp/tag/

みんなのタグ辞書/HTMLタグ辞書

自分で タイトルロゴや ボタンを 自分で作れて 便利です。

紹介しておいてなんですが 僕は やっぱり 見やすいというのが 基本だと思うので あまり いろいろな効果は 必要ないかなと 思います。

何度も 見てくれる人にとっては 煩わしいものになる可能性大。

初めて訪問の人には いいかもしれませんが・・・

http://alice-world.net/x2/

jensen ackles ブログ ビジネス インターネット at alice-world.net

もし 掲示板や カウンタを 使うのであれば。

http://www.candybox.to/

可愛いレンタルCGI! CGI CANDY BOX!

CGIの知識が無くても出来る レンタルCGIサービス。

ここだけではなく 他にも いろいろあります。

id:doco10

ありがとうございます。ホームページ作成までの過程が流れになっていて分かりやすかったです。ありがとうございます。

2004/10/08 08:23:44
id:seiya1311 No.11

せいや回答回数37ベストアンサー獲得回数02004/10/08 09:11:35

ポイント10pt

2度も回答するのはマナーに違反するのか規約に違反するかもしれませんが

>フォトショップで作ったファイルも.htmlにすればインターネット上で開けるのですか?

フォトショップ(またはImageReady)で書き出しする設定がありますが書き出しはHTMLファイルと画像ファイルとできます。製作方法によりますが階層構造や拡張子などPCのある程度の知識は必須かもしれません。

ワードやエクセルファイルは保存形式の変更でHTML化できますがあまりお勧めしません。しない理由はメンテなどが人間の手でしづらいからです。ベクターは申し訳ありませんが利用したことがないのでわかりません。

で会社のホームページが「業務内容や歴史や場所の紹介」ということでしたらまずどのページが見られているかアクセス解析して見てもらうにはどうしたらいいのか検討するほうがいいと思います

id:doco10

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

2004/10/08 09:12:54
id:nyankochan No.12

nyankochan回答回数323ベストアンサー獲得回数92004/10/08 09:26:54

ポイント15pt

http://www.hatena.ne.jp/1097178767#####

会社と個人のHPを作ろうと考えています。しかし、HPを作るのに何から始めればいいのかさっぱり分かりません。HTML文書?は大学一年の授業で少し扱ったことがあるのですが.. - 人力検索はてな

最近はHTMLの知識よりもHP作成ソフトの機能の知識を覚えた方が上達が早いかもしれませんね。

使っているうちにHTML自体も覚えちゃいますし。

やってるうちにどんどん知識も高度化していきます。

いま一番使いやすいソフトはMacromediaのDreamWeaverですね。

画像を自分で作るならFireworks、Illustrator、Photoshopあたりですね。

いろんな特殊効果をつけてより綺麗なもの作りたいならPhotoshopかな。(高いけど)

あと、HTMLとかのプログラム的な知識だけでは「おしゃれなページ」は絶対とは言いませんが無理です。

デザインセンスが物をいいます。

でも!単純に「おしゃれっぽい」ページを作りたいのであれば、

パステルカラー(柔らかい薄い色)の配色や画像にはホワイト系の

グラーデションフィルターを重ねてやわらかい画像にすることによって

表現することは可能です。

あと、1つのページにいろいろ詰め込みすぎないことです。

シンプルisベストですよ。

欲を言えば、CSS(スタイルシート)を使って背景の半透明化とか文字装飾すると

もっと見栄えのいいものが出来ます。

こっちはそれなりにページ作れるようになってから触れてください。

会社のページは、大企業や中企業でない限りは個人ページと同じような考えでよいとお思います。

商品画像とかの著作権は放棄しないようにしてください。

ちゃんと著作権表示をページにいれましょう。

id:doco10

ありがとうこざいます。そろそろ終わりにしたいと思いますありがとうございました。

2004/10/08 09:47:22
  • id:korox2
    URLを間違って 入力したので 訂正です

    http://www.sky.sannet.ne.jp/masapine/java_top.html
    「5.6年生にも分かるJavaScript」
    JavaScriptを 使ってみたいのであれば・・・。

    http://zumirin.cool.ne.jp/kowaza/
    「HTMLの小技」
    ソースを コピーして使います。

    http://ikebukuro.cool.ne.jp/sennbei/036.html
    「インラインフレームを使おう!」
    よく見かける インラインフレームのことが よく分かります。

    http://ippatsu.net/TARO/
    「サーチエンジン一発登録」
    HPを作ったあと それを サーチエンジンに 登録する 無料サービスです。

    http://www6.big.or.jp/~neon/
    「オートロゴ」
    自分で タイトルロゴや ボタンを 自分で作れて 便利です。


    他にも フリーの素材サイトで ちょっとした アドバイスや テンプレートを 無料で配布していたりするので そういうのを 見るだけでも 楽しいですよ。


この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません