１画面からできているサイトの作り方

2007/03/20 04:17

このQ&Aのポイント

１画面からできているサイトをHTMLで手打ちする方法について
初心者でも挑戦しやすい１画面サイト作成に適した参考サイトについて
ブログのカスタマイズが苦手な初心者でも頑張って作れる１画面サイトの作り方について

vampire-
お礼率64% (57/89)

ブログ
回答数3
ありがとう数4

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

noname#44015

2007/03/21 02:01 回答No.3

＞これらはみな何かしら同じようなファイルなのでしょうか。 JavaScriptの外部ファイルをHTMLに取り込む記述です。今回のスクロールだけであればsmoothscroll.jsだけでいいので、その他は必要ありません。細かく見たわけではありませんが、大体以下のコードで動くようです。 <html> <head> <script src="maybe.for.you_files/smoothscroll.js" type="text/javascript"></script> </head> <body> <a href="#test">リンク</a> 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 <a name="test"></a>リンク先 </body> </html> JavaScriptは難しいですね。しかし、いろいろなことができるようになります。参考URLには単純なページ内リンク（スクロールなし）のやり方を付けておきました。

参考URL：: http://heo.jp/tag/href/namelink.html

質問者

お礼 2007/03/21 02:29

yu0821さん、ありがとうございます。今ちょうど、先ほど「他に11行も」と言ったモノが、3種類に分けられ、一つはスタイルシート、もうひとつはfavicon、もうひとつがjavascriptというものだというところまで理解したところです。で、javascriptには、prototype.js、scriptaculous.js?load=effects、sifr-config.js、lightbox.js、sifr.js、contactForm.jsもありますが、smoothscroll.jsだけ動作させれば動くよ、と教えてくださったんですよね？夜遅くに、ありがとうございました。　がんばります。　

その他の回答 (2)

noname#44015

2007/03/20 05:50 回答No.2

どうやらsmoothscroll.jsというファイルのおかげであのようなスクロールをするようです。 JavascriptとJavaは似て非なるものです。頑張ってください。

質問者

お礼 2007/03/21 01:10

JavascriptとJavaは似て非なるもの　←そうなんですかー。　というほどの、初心者です。　ヒントをありがとうございます。ヒントをいただいて、smoothscroll.jsについて検索をかけてみましたが、それほど知られていない・・・ようですね。 http://zerobase.jp/blog/entry-268.html#demoAnchor 無保証、自己責任、とか。　怖いですが、きちんと使っている会社（つまり質問にあるサイトですが）もあるようなので、よくわからないけれどやってしまおうかとも思います。ところで、<script src="assets/js/smoothscroll.js" type="text/javascript"></script>　という部分がsmoothscroll.jsに該当するHTMLだと思うのですが、同様に、 <script src="assets/js/prototype.js" type="text/javascript"></script> <script src="assets/js/scriptaculous.js?load=effects" type="text/javascript"></script> など、同じようなものが他に１１箇所、headerの中に入っていますが、これらはみな何かしら同じようなファイルなのでしょうか。これらをみな同様にはじめから学ばなければならないとすると、少し初心者には難しいと思われますか？　アドバイスいただけませんか。