ホームページを作るのに何を勉強すればいいですか？

質問

http://tqs.jp/

http://ogawakensetu.tobiiro.jp/index.html

このようなホームページを自分で独学で作れるようになるには、何を勉強すれば・どんな本を読めば、いいですか？

マウスをポイントすると動くようになるところとか知りたいです。

よろしくお願いします。

回答No.10

ixkaito · ベストアンサー

ここの回答者にも勘違いしている方が多いので指摘しておきますが、JavaとJavaScriptはまったくの別物。JavaScriptを略してJavaと言ってはいけません、強いて言うならJS。

そしてインタラクティブで動きがあるWebサイトの制作に必要なのはJavaScript。JavaScriptの開発を楽にするフレームワークにjQueryなどがあります。

Flashでもインタラクティブで動きがあるサイトは作れますが、この御時世でお金や時間を使って勉強してもあまりメリットがありません。

なにを勉強したらいいかわからない段階ならまずHTMLとCSSをしっかり勉強してください。
これがわかっていない段階でJavaScriptやjQueryに飛びついてもいいことはありません。
また、IE8以下の古いブラウザでは対応していませんが、多少のアニメーションならCSS3でも実現できます。

お礼

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

回答No.11

syawa-toire

HTMLやPHP、JavaScriptといったスクリプト言語について勉強してください。

回答No.9

bizdb

HTML4,HTML5
JavaScript+jQuery
CSS,CSS3
の書籍を読めば作れます

お礼

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

回答No.8

cobaltlight

マウスによる反応は、JavaScriptという言語で作られています。
そのためHTMLやCSSを学ぶのに加えて、JavaScriptについても勉強する必要があります。

こちらのページが参考になるので、ぜひがんばってみてください。

http://www.tohoho-web.com/js/

お礼

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

回答No.7

onihei55

HTMLとCSSが基本でしょう。
余裕がある人ならばjavaも覚えるとなおいいでしょう。

回答No.6

bon_be

ソースを見てみれば、どのように書かれているのか分かりますよ。
ちなみに下のページのアコーディオンみたいなのは、

<script>
$(document).ready(function() {
$("#accordion").zAccordion({
startingSlide: 0,
auto: false,
tabWidth: 45,
width: 740,
height: 360,
trigger: "mouseover"
});
});
$(function(){
$('a[href^=#]').click(function() {
var speed = 800;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$($.browser.safari ? 'body' : 'html').animate({scrollTop:position}, speed, 'swing');
return false;
});
});
$(document).ready(function(){
$("#back-top").hide();
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').stop().fadeOut();
}
});
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>

かな。
もちろん、これだけでは動きませんが・・・。
あれ？これって、コピーしたらマズイ？著作権違反にあたる？？

回答No.5

self--

今風のwebページを目指すならjQueryも外せないせしょう。
マウスのイベント制御でしたらJavascriptでしょうね。
よりグラフィカルなものであればFlash(ActionScript)でしょう。

私がhtmlを学ぶきっかけはローカルに保存したいHPの存在でした。
どうすればローカルで見られるんだろう…とソースを覗いているうちに
だいたい分かるようになりました。(もう10年くらい続けています)

最初の頃は猫でも分かるhtmlや、イヌでもわかるJavaScript講座
などのありがたいHowtoサイト等見てはソースを書いていました。
まずHTML4のタグやCSSレイアウトあたりからご覧になられてはいかがでしょう？

お礼

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

回答No.4

saorinm

HTMLを勉強しないと難しいと思います。
参考になりそうなURLはっておきます。
http://homepage2.nifty.com/tomoarai/

http://www.shoshinsha.com/hp/

http://masaboo.cside.com/

もし難しいのであればホームページビルダーの

ソフトを使うことをおすすめします。

こちらのほうがはやくHPができると思います。
http://www.justsystems.com/jp/products/hpb/
自分も使ったことがあります。
もっとかっこよくしたいのなら上記のHTMLを勉強されるのがいいと思います。
他にもいろいろなサイトがあるので
GOOGLEで　　
HPをHTMLでつくる
で検索するといろいろでてきます。

回答No.3

etx089

htmlやjavaなどが必要になりますね。
ネットや本などに詳しく書かれているのがあるのでそれで勉強してみてはどうでしょう？

回答No.2

sumiusa

htmlはもちろんのことjavaやPHPを学ぶ必要があります

回答No.1

zacoin

HTMLの勉強が必要になります。
本屋でHTMLの入門書を探して自分に合いそうなのを購入しましょう。
インターネット上でもHTMLの解説をしているサイトはいくつもありますので、そちらを参考にするのもいいかもしれません。