![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
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ランキング
-
ローカルに保存された ASP を I...
-
CSSで謎の現象
-
htmlで改行タグを入れていない...
-
アクセスログの「HEAD」と...
-
パソコンのメモ帳のことで質問
-
大きくなった文字を元に戻すには?
-
ドラッグすると見える文字
-
HPのソースをそのまま貼り付け...
-
トップページの入れ替えを教え...
-
数値Lについて
-
メールの文字が大きく印刷され...
-
ExcelのVBAの正規表現で二重引...
-
ウェブサイトの文字が小さいの...
-
photoshopのメニューバー
-
JW-CADとJWW?
-
隠しページの探し方
-
フコク生命のHPでキティの壁紙...
-
ホームページに画像がアップロ...
-
エンコード 日本語(JIS)が選...
-
Windows XP 一般的文字のサイ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ローカルに保存された ASP を I...
-
html,動的?なホームページにつ...
-
XHTMLの宣言文についてネットで...
-
CSSで謎の現象
-
ログイン機能
-
htmlで改行タグを入れていない...
-
アクセスログの「HEAD」と...
-
隠しページの探し方
-
大きくなった文字を元に戻すには?
-
アドレスバーへの直接入力を禁...
-
ドラッグすると見える文字
-
FFFTPで「コマンドが受け付けら...
-
ドメインを入力した際に「index...
-
エクセルから作ったホームペー...
-
CMSサイトの見分け方は?
-
ExcelのVBAの正規表現で二重引...
-
パソコンのメモ帳のことで質問
-
macでhtmlのタグを打って、開い...
-
HTML タグへのstyle記載の違い
-
テーブルwidthで指定したのに幅...
おすすめ情報