だんだんシリーズじぐへん ICT治具編③ ～ためしてみよう～上巻サンプルページです。次ページから、「だんだんシリーズ ICT 治具編③ ～ためしてみよう～上巻」テキストを、少しだけお見せします。ICT 治具を、誰にでも簡単に使ってもらえるようにと、「ICT 治具テキストブック」を発行しましたが、多くの方からたくさんの質問、意見が寄せられました。そこで、より良いウェブサイトの作成に役立つ機能を解説した「だんだんシリーズ ICT 治具編③～ためしてみよう～上巻」、「だんだんシリーズ ICT 治具編④～ためしてみよう～下巻」を出版しました。役立つ機能、情報を満載しています。ICT 治具の世界を体験してみてください！かんせいみほん 1 トップページ完成見本ジャバスクリプトなどもちどうてきつく 1-1 Javascript等を用いて動的なトップページを作ろう！つうじょうふくすうこうせいさいしょひょうじがめんウェブサイトは、通常複数のページで構成されているが、最初に表示される画面がトップページでどうてきさくせいす。動的なトップページを作成して、インパクトのあるページにする。かんせいずトップページ完成図ジェイクエリーつか 1-5-3 Jqueryを使ってスライドショー！ようジェイクエリーよういジャバスクリプトきじゅつせっけい Jqueryとは、ブラウザ用のjavascriptコードをより容易に記述できるようにするために、設計されさジャバスクリプトもちうごひかくてきかんたんたjavascriptライブラリのことを指す。これを用いることにより、さまざまな動きを比較的簡単にといジェイクエリーもちおこなしゅほうウェブページに取り入れることができる。ここでは、jqueryを用いてスライドショーを行う手法しょうかいを紹介する。いっていじかんがぞうきかがめんへんかえんしゅつきのうスライドショーとは、一定の時間ごとに画像が切り替わり、画面の変化を演出する機能のことさを指す。「ウシ」「ウシ」から「ライオン」へんかに変化「ライオン」から「ゾウ」へんかに変化「ゾウ」から「ウシ」へんかに変化がぞう 1-5-4 画像をアップロードしよう！もちがぞうしようがぞうまず、スライドショーに用いる画像をアップロードする。よう ①スライドショー用に使用する画像をアップロードする。ほうほうさんしょうほんしょ方法は、本書19 ページを参照すること。がぞうアップロードする画像は、 lion_large.gif usi_large.gif zou_large.gif zou_large.gif いじょう以上の３つです。メモ MEMO しようがぞうおなしよう ※スライドショーに使用する画像は、同じサイズのものを使用する。がぞうへんこうほうほうほんしょさんしょう画像サイズを変更する方法は、本書14 ページを参照すること。にんきどうぶつの 2 人気動物ランキングを載せよう！ライトボックスつか 2-1 LightBoxスタイルを使ってみよう！ライトボックスしていひらないうあリンクターゲットで「Lightboxスタイル」を指定すると、開いているウィンドウ内に浮き上がるさきがぞうひょうじように、リンク先の画像を表示することができる。クリックするとがめんせんいがぞうえつらん画面遷移せずになめらかに画像を閲覧することができる。