HTML等の勉強しているものです。レベル的にはHTMLとCSSの基礎的な部分ができる程度です。
最近java scriptを勉強しているところです。
質問ですが、
the GazettEという日本のロックバンドのオフィシャルホームページを見ていたとき
こういったホームページを作ってみたいと思いました。
そのページというのはコンテンツの入り口にあたる画像が横にスライドするように動いていて
マウスの矢印をあてることにより動きを止めたり、スライダーを動かすことでお目当ての画像を早く動かしたりするものでした。
こういったものを作るにはどのような技術が必要でしょうか?
java scriptを使ってできるでしょうか?
当方が現時点までに学んだ事で判断するにjava scriptはサーバー側で動作するものであると理解しております。
クライアント側の動作によってページを動かすためにクライアントサイドの技術でないとできないのでしょうか?
WEB技術について詳しい方 、よろしければ方針というかヒントみたいなものをいただけませんか。
ただしそこまで詳しく記述でなくて結構です。(たとえばソースコードなど)
実際試行錯誤して作るのを楽しみたいと思っております。
ちょっとしたヒントや使う言語などでいいので教えてください。
質問しておきながら、あれこれと条件をつけてしまい、すいません。
どうかよろしくおねがいします。
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
こんばんは、webデザイナーです。
jqueryのプラグインで出来ると思います。
下記URLは参考サイトです。
http://webdesignfactory.schoolbus.jp/jquery_slide/
No.3
- 回答日時:
動的なという場合、HTML自体が動的に作成されていることを言うので、質問を見誤りました。
そのようなサイトの多くは現在はjQueryを使います。Ajax(javascrip)のライブラリのひとつで、javascriptを使ってユーザーの動作に従って動作するクライアントサイドの技術の一つです。従来の動的なページでは、その都度サーバーと通信しなければなりませんでしたが、Ajaxの登場でクライアントサイドで画面遷移を伴わなわず動的なWebアプリケーションが動作するようになりました。その技術の派出--Ajaxも含む大きなライブラリです。
とても複雑で厄介な歴史なので興味があればWikiなど。
★jQuery入門 (ver 1.2.1) ( http://www.openspc2.org/JavaScript/Ajax/jQuery_s … )
★jQuery 日本語リファレンス ( http://semooh.jp/jquery/ )
★画像を使ったいろいろなjQueryプラグイン224個まとめ( 200+ collection of jQuery for images ) - かちびと.net ( http://kachibito.net/web-design/224-image-jquery … )
ただし、その前にHTMLやCSSをまず身につけましょう。jQueryなんて後回しでよいです。
そんなの見るためにみんなが訪問してくれるわけじゃありません。--感心はしてくれても、それっきりです。---
No.2
- 回答日時:
まずは、認識の間違いを訂正します。
JavaScriptはサーバーサイドではなく、クライアントサイドです(基本は)。
the GazettEのサイト http://www.pscompany.co.jp/gazette/
はWEBの技術を学ぶ上では、悪い見本といっていいかも。WEBの標準ではありません・・・。
ただここで使われている技術は、JavaScriptです。
「jQuery コンテンツスライダー」とかで検索すると、チュートリアルが見つかると思いますよ。
No.1
- 回答日時:
>java scriptを使ってできるでしょうか?
ページのURLが書いてないので、何とも言えませんが、書かれている文章から判断するとFlashのような気がします。
ただ、JavaScriptでも同じようなことはできると思います。
>当方が現時点までに学んだ事で判断するにjava scriptはサーバー側で動作するものであると理解しております。
JavaScriptのことだとすると、クライアントで動かすのが普通です。
>クライアント側の動作によってページを動かすためにクライアントサイドの技術でないとできないのでしょうか?
サーバー側の動作と連係していることもありますが、少なくともクライアントサイドのものは必要です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- Web・クリエイティブ 独学でwebデザイナーを目指すには 2 2022/09/17 16:27
- Java JavaでWebページ作成 7 2023/07/21 21:09
- PHP 掲示板のセキュリティについてアドバイスお願い致します 1 2023/08/11 20:44
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- 日本語 https://eprints.lib.hokudai.ac.jp/dspace/bitstream 6 2022/05/22 18:54
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
.htaccessで403error時に表示す...
-
CSSで謎の現象
-
アクセスログの「HEAD」と...
-
グラデーションの仕方
-
数値Lについて
-
FFFTPで「コマンドが受け付けら...
-
<!--nobanner--> かindex.xhtm...
-
アドレスバーへの直接入力を禁...
-
Excelを読み込んでhtmlのテーブ...
-
Apacheのhttp.confの中の設定に...
-
ホームページの更新を知らせる...
-
htmlで改行タグを入れていない...
-
ホームページ作成・転送・アドレス
-
文字(行)が重なる
-
HP作成していますがリンクでき...
-
ホームページビルダーで「phpフ...
-
同じURLなのに古いページが検索...
-
ホームページビルダーで作った...
-
ホームページを左右にわけるタグ
-
「index.html」ページがIE(V.7)...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ログイン機能
-
input[type=text]とinput[type=...
-
CSSで謎の現象
-
ローカルに保存された ASP を I...
-
html,動的?なホームページにつ...
-
matplotlibのax.scatter3D()で...
-
ウェブサイトのスライドショー...
-
CD-Rでのオートラン
-
robots
-
FlashPlayer無しの表示方法
-
ホームページでフッターの表示...
-
VBAでの質問
-
XHTMLの宣言文についてネットで...
-
アクセスログの「HEAD」と...
-
htmlで改行タグを入れていない...
-
大きくなった文字を元に戻すには?
-
ヤフオクの出品説明文をカラー...
-
ドラッグすると見える文字
-
数値Lについて
-
隠しページの探し方
おすすめ情報