初めてのホームページ作成

質問

データベース(MySQL)からデータを抽出して画面に表示する機能を有したホームページを作成しようと考えています。
主にPC、スマフォなどの携帯端末からホームページを利用する前提です。

ホームページを作成するにあたり、わからないことが出てきました。

1・ホームページのレイアウトを作成できるツール(無料)はどれがベストか？
2・スクリプト言語は何を使用すればいいのか？
3・検索エンジンに引っ掛けてもらうにはどうすればいいのか？
4・各種クライアントの端末の画面解像度に合わせて正しく表示できるか？
5・各種クライアントのブラウザに対応したホームページを作成しないといけないのか？
6・ホームページはHTML5で作成したほうがいいのか？
7・できるだけ軽いホームページを作成するためのコツは？

初心者染みた質問で、申し訳ないんですが、ご教授お願い致します。

回答No.5

tracer · ベストアンサー

Java(JavaScriptではないですよね？)の話を持ち出されているということは、ホームページを作ったことはないけど、データベースやなんらかのプログラミングはできるということでしょうか？

まず、補足内の内容に回答しますと、サーバー側で動くプログラムのことをCGIと言います。多くのCGIには、PHPやPerlが用いられますが、CでもJavaでもJavaScriptでもCGIとして利用できます。ただし、これは技術的に可能であるという意味で、初心者さんにとっては、かなりの障害があるでしょう。

本題ですが、まず、まったくのプラグラム未経験ということであれば、データーベースをいきなり扱うのは時期尚早です。分かりやすく言うと、無茶です。

Webサイトをつくるのに必要な技術はいろいろありますが、

1.情報をまとめる能力
2.デザイン能力
3.デザインをHTML/CSSに変換する能力
4.HTML/CSSを自動で操作・育成するプログラムをつくる能力(JavaScriptやPHPなど)
5.データの保存、検索、読み込みを管理する能力(データベース)
6.プラグラムを保管するシステム自体をチューニングする能力(サーバー)

こらくらいですかね。
他にもSEOとかマーケティングとか言い出したらきりがないですが、初心者さんが手を出せるのは、せいぜい1～3までです。4からの技術は1～3前提になるので、初期の段階で考えても意味がないです。
従って、質問にある2以降はまず、基礎を身につけてから考えてはどうでしょう。今、ここに答えがあってもおそらく意味がわからないと思います。

5の質問だけに答えますと、閲覧できないクライアントがあると、その分、ホームページを見てもらう率が下がるというだけのことです。趣味のホームページで間口が狭くていいのなら、たとえばIE限定でも問題ないですよ。(もちろん、商用でのWeb制作は別ですよ)

質問者さんにとっての一番確実な解は、まずはHTML/CSSをマスターしてくださいということです。
話はそれから。といった印象。

お礼

ご回答頂き、誠にありがとうございます。

補足

>ホームページを作ったことはないけど、データベースやなんらかのプログラミング>はできるということでしょうか？

VB.NETとSQLServerで、クライアント側でDBに接続するアプリを作成した経験はあります。
今回は、サーバー側でDBにアクセスして、抽出結果をHTMLにセットしてクライアントに返す事をしなきゃならないので、PHPの勉強が必須だと理解しました。

＞質問者さんにとっての一番確実な解は、まずはHTML/CSSをマスターしてくだ＞さいということです。

HTML/CSSは一通り学習し、実際に画面を生成、メンテできるレベルです。

回答No.4

ORUKA1951

＞javaでもDBからデータを抽出してHTMLのアイテムに結果をセットすることはできるのでしょうか？

　できなくはないですが、データベースとの接続のためのコネクターをインストールする、HTMLを自分で作る、など大変な作業になります。

　通常は、HTML→CSS→PHP→DBM→javaの順番で身につけていくものです。

　PHPは、元々がウェブのために作られたもの(Personal Home Page の略)で、データベースとの接続や利用の組み込み関数やライブラリがはじめから入ってます。
　データベースへの容易なアクセス。（組み込み関数、および、標準ライブラリPDOによる。） ( PHP特徴 http://ja.wikipedia.org/wiki/PHP:_Hypertext_Preprocessor#.E7.89.B9.E5.BE.B4 )

　そして、OpenCms、zoopsなど、多くのCMSが、PHP,MySQLを使います。CMSを使えば、HTML自体は、わずかな編集程度で出来上がる。
　→コンテンツマネージメントシステムの一覧 ( http://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%83%9E%E3%83%8D%E3%83%BC%E3%82%B8%E3%83%A1%E3%83%B3%E3%83%88%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0#.E3.82.B3.E3.83.B3.E3.83.86.E3.83.B3.E3.83.84.E3.83.9E.E3.83.8D.E3.83.BC.E3.82.B8.E3.83.A1.E3.83.B3.E3.83.88.E3.82.B7.E3.82.B9.E3.83.86.E3.83.A0.E3.81.AE.E4.B8.80.E8.A6.A7 )
　→ブログ ( http://ja.wikipedia.org/wiki/%E3%83%96%E3%83%AD%E3%82%B0#.E3.83.96.E3.83.AD.E3.82.B0.E3.82.92.E5.85.AC.E9.96.8B.E3.81.99.E3.82.8B.E3.81.9F.E3.82.81.E3.81.AE.E4.B8.BB.E3.81.AA.E3.82.BD.E3.83.95.E3.83.88.E3.82.A6.E3.82.A7.E3.82.A2.2F.E3.82.B5.E3.83.BC.E3.83.93.E3.82.B9 )

　現実的な方法
1) データベースは使わない。使う場合でもあらかじめ利用できるCMSを使う。
2) 出力されるHTMLのテンプレートは、HTMLとCSSを学んで自分で作成する。
3) 最初はHTMLとCSSのみで作成することから始める。ここでウェブをしっかり理解する。

　それが、あなたにとってベストな選択だと思います。

お礼

ご回答頂き、誠にありがとうございます。
是非、参考にさせて頂きます。

補足

>HTML→CSS→PHP→DBM→java

HTML、CSSまでは勉強し、HPレイアウトを生成できるレベルです。
次はPHPってことですね？
ありがとう御座いました。

回答No.3

ORUKA1951

1・ホームページのレイアウトを作成できるツール(無料)はどれがベストか？

「PC、スマフォなどの携帯端末からホームページを利用する前提」でしたら、ツールを使わないほうが良い。

2・スクリプト言語は何を使用すればいいのか？

スクリプト言語ではなく、PHP+MySQLの組み合わせ

3・検索エンジンに引っ掛けてもらうにはどうすればいいのか？

HTMLエディタ ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#HTML.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF )--テキストエディタで作成しましょう。
『HTMLエディタで作成するシンプルなコードはSEO（検索エンジン最適化）にも効果的であることから、 ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#HTML.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF )』

4・各種クライアントの端末の画面解像度に合わせて正しく表示できるか？

スタイルシートで振り分けるほうが良いでしょう。

5・各種クライアントのブラウザに対応したホームページを作成しないといけないのか？

文書構造だけを記述したHTMLを作成し、スタイルシートでプレゼンテーションを指定することで、『ただ1種類の文書しか作る必要がなくなるからだ。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )』
　「PC、スマフォなどの携帯端末」のみならず、プリンター、読み上げソフト、点字端末・・・

6・ホームページはHTML5で作成したほうがいいのか？

　canvasやvideoなどが必要な場合で、かつスマートホンを最大の対象とするときだけ

7・できるだけ軽いホームページを作成するためのコツは？

　ツールに頼らない。ツールに頼る限り肥大します。さまざまな「Webオーサリングツール ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB )」で作成されたページを、修正してきましたが、DreamWeberで作成されたもので数分の一、ビルダーだと数十分の一になった経験があります。(極端な例ですが)

　ホームページと言われることからして、初心者だと思いますが、--ホームページ ( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8 )---、まず
「はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )」あたりで、HTMLの基本を・・

お礼

ご回答頂き、誠にありがとう御座います。
参考にさせて頂きます。

回答No.2

sendaifuji

失礼しました、２番はスクリプト言語でしたね。
php+sqlが普通じゃないですか、cgi+sqlもできるらしいですが、トレンド的にはphpじゃないでしょうか。
サイトで調べる資料や本などもほとんどphp+sqlなんでそのほうが疑問に当たった時の回答も多いと思います。

お礼

ご回答頂き、ありがとう御座います。
是非、参考にさせて頂きます。

補足

>php+sqlが普通じゃないですか、
javaでもDBからデータを抽出してHTMLのアイテムに結果をセットすることはできるのでしょうか？

javaの勉強をしているので、できればjavaを用いて、要件を満たせるホームページを作成したいです。
また、javaよりphpを使用したほうが良いメリットがあれば教えて頂きたいです。

回答No.1

sendaifuji

初心者と言う割にかなりハードルが高い事をしようとしてるので大丈夫なんでしょうか・・・

1.無料のHPエディターソフト
http://papyrus-net.com/junbi-hpsoft.html

html5の無料HPエディターソフト
http://blog.earthyworld.com/archives/html5_editor/

エディターソフトは普通に有料のAdobe Dreamweaverが良いと思いますが・・・

2.SQLを使うならUTF-8がいいと思います。
EUCって選択肢もありますが、それならShiftJISの方が良いと思うしでもSQLだしってことでUTF-8でしょう。

3.基本的にはgoogleウェブマスターツールに設定して検索に引っかかって欲しいキーワード等をページ内に入れてあればひっかかります。検索結果上位に行くにはそれだけじゃダメですがまあ無料レベルでしたらこんなところかと。

4.各クライアント端末に合わせて画像作ってCSSでサイズ指定すれば普通に表示されます。

5.全部別々に作る人もいれば、CSS等で各クライアント毎に表示する人も居ます。

6.HTML5の機能が必要なページを作るなら作成した方がいいのでは？
普通はHTML4で十分でしょうけど。

7.テキストだけで画像や外部読み込みなどなければ軽いページになりますし、代わりに味気のないページができあがります。それこそデザインとのバランスだと思うので一概にコツと言われても難しいものがあります。

お礼

ご回答頂き、ありがとうございます。

補足

＞2.SQLを使うならUTF-8がいいと思います。
ホームページで扱う文字コードのことでしょうか？。

説明不足で申し訳ないですが、
DBからデータを抽出して、HTMLに結果をセットするためのプログラミング言語を教えて頂きたかったのです。

javaでも上記の要件を満たすことはできるのでしょうか？
php+sqlが支流なのでしょうか？