法人のお客様Schooをご利用になるには、JavaScriptの設定を有効にしてください。「jQueryの基礎を理解する全6回」の第1回目の授業です。前回の授業(HTML&CSSの特訓授業〜jQuery(プログラミング)に取り組む前にコーディングの復習〜)で学習したhtmlに、jQueryを実行するスクリプトを書いて行きます。「jQueryの基礎を理解する全6回」の第2回目の授業です。jQueryプラグインの設置に必要なhtmlとcssの知識で学習したjQueryを読み込んだhtmlに、jQueryを実行するスクリプトを書いて行きます。今回は、jQueryを設置していく際にしておくべきPCの設定方法について学びます。「jQueryの基礎を理解する全6回」の第3回目の授業です。jQueryプラグインの設置に必要なhtmlとcssの知識で学習したjQueryを読み込んだhtmlに、jQueryを実行するスクリプトを書いて行きます。カルーセル/ライトボックスという2つのjQueryを実行するスクリプトを書いていきましょう。■4限目:TOP画像をスライドさせるjQueryプラグインをカスタマイズする「jQueryの基礎を理解する全6回」の第4回目の授業です。前回の授業(Webサイトに動きをつける、jQueryプラグインの設置方法)でjQueryプラグインをhtmlに呼び込む事ができました。今回は、呼び込んだカルーセルのプラグインをカスタマイズして、スタイリッシュなものにブラッシュアップしていきます。jQueryに触れた事の無い方は、下記の授業で勉強しましょう。■5限目:クリックするとポップアップするjQueryプラグインをカスタマイズする「jQueryの基礎を理解する全6回」の5回目の授業です。前々回の授業(jQueryプラグインをカスタマイズしよう!(カルーセル編))まででjQueryプラグインをhtmlに呼び込む事ができました。前回のカルーセルのカスタマイズに続きまして、クリックすると画像がポップアップするプラグイン「ライトボックス」もスタイリッシュなものにブラッシュアップしていきます。■jQueryとはウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計された軽量なJavaScriptライブラリです。Webデザインでは、Webサイトに動きをつけたい時などに用います。このカリキュラムでは、「TOP画像を滑らかに横に動かす表示方法(カルーセル)」と「サムネイル画像をクリックするとホップアップ表示する方法(ライトボックス)」を学んでいきましょう。jQueryに触れた事の無い方は、下記の授業も参考にして勉強しておきましょう。途中からでも参加できるように、演習課題はそこまでの段階が出来上がった物を配布しています。録画が受講できるようであれば、【WEBデザインのためのPhotoshop】全3回の事前受講をオススメします。■サイト制作の大まかな流れは、下記の様な物になります。1)クライアント(お客様)へのヒヤリング2)ターゲット設定3)サイト設計(ワイヤーフレーム)4)制作仕様書策定(デザインルール、コーディングルール策定)5)開発(デザイン&コーディング)6)ローカルテスト7)テストサーバーレビュー(クライアントチェック)8)リリース(本サーバーアップ)9)ランニング(SEO解析)この演習では、5番の開発の部分です。完成した静的ページをユーザーさんのアクションでインタラクティブに動くページにブラッシュアップしていきます。■受講にあたって準備するもの1)Sublimeのインストール(授業中コードを打つのに使います)下記のURLからダウンロードしてください。http://www.sublimetext.com/2設定は何も必要ありません。インストールして授業が始まる時間に立ち上げられる様にだけしておけば大丈夫です。※DreamWeaverが慣れている人は、こちらを使用されてもかまいません。(授業中配布する教材の解凍に使います)授業中にダウンロードしたファイルをすぐに解凍できる様になっていれば大丈夫です。OSXの場合はダブルクリックで展開します。Lite.appを検索してダウンロードしインストールしておきます。Wiondwsであれば、下記のURLよりLhaplusをダウンロードし、インストールしておきます。「jQueryの基礎を理解する全6回」の第1回目の授業です。前回の授業(HTML&CSSの特訓授業〜jQuery(プログラミング)に取り組む前にコーディングの復習〜)で学習したhtmlに、jQueryを実行するスクリプトを書いて行きます。「jQueryの基礎を理解する全6回」の第2回目の授業です。jQueryプラグインの設置に必要なhtmlとcssの知識で学習したjQueryを読み込んだhtmlに、jQueryを実行するスクリプトを書いて行きます。今回は、jQueryを設置していく際にしておくべきPCの設定方法について学びます。「jQueryの基礎を理解する全6回」の第3回目の授業です。jQueryプラグインの設置に必要なhtmlとcssの知識で学習したjQueryを読み込んだhtmlに、jQueryを実行するスクリプトを書いて行きます。カルーセル/ライトボックスという2つのjQueryを実行するスクリプトを書いていきましょう。■4限目:TOP画像をスライドさせるjQueryプラグインをカスタマイズする「jQueryの基礎を理解する全6回」の第4回目の授業です。前回の授業(Webサイトに動きをつける、jQueryプラグインの設置方法)でjQueryプラグインをhtmlに呼び込む事ができました。今回は、呼び込んだカルーセルのプラグインをカスタマイズして、スタイリッシュなものにブラッシュアップしていきます。jQueryに触れた事の無い方は、下記の授業で勉強しましょう。■5限目:クリックするとポップアップするjQueryプラグインをカスタマイズする「jQueryの基礎を理解する全6回」の5回目の授業です。前々回の授業(jQueryプラグインをカスタマイズしよう!(カルーセル編))まででjQueryプラグインをhtmlに呼び込む事ができました。前回のカルーセルのカスタマイズに続きまして、クリックすると画像がポップアップするプラグイン「ライトボックス」もスタイリッシュなものにブラッシュアップしていきます。■jQueryとはウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計された軽量なJavaScriptライブラリです。Webデザインでは、Webサイトに動きをつけたい時などに用います。このカリキュラムでは、「TOP画像を滑らかに横に動かす表示方法(カルーセル)」と「サムネイル画像をクリックするとホップアップ表示する方法(ライトボックス)」を学んでいきましょう。jQueryに触れた事の無い方は、下記の授業も参考にして勉強しておきましょう。途中からでも参加できるように、演習課題はそこまでの段階が出来上がった物を配布しています。録画が受講できるようであれば、【WEBデザインのためのPhotoshop】全3回の事前受講をオススメします。■サイト制作の大まかな流れは、下記の様な物になります。1)クライアント(お客様)へのヒヤリング2)ターゲット設定3)サイト設計(ワイヤーフレーム)4)制作仕様書策定(デザインルール、コーディングルール策定)5)開発(デザイン&コーディング)6)ローカルテスト7)テストサーバーレビュー(クライアントチェック)8)リリース(本サーバーアップ)9)ランニング(SEO解析)この演習では、5番の開発の部分です。完成した静的ページをユーザーさんのアクションでインタラクティブに動くページにブラッシュアップしていきます。■受講にあたって準備するもの1)Sublimeのインストール(授業中コードを打つのに使います)下記のURLからダウンロードしてください。http://www.sublimetext.com/2設定は何も必要ありません。インストールして授業が始まる時間に立ち上げられる様にだけしておけば大丈夫です。※DreamWeaverが慣れている人は、こちらを使用されてもかまいません。(授業中配布する教材の解凍に使います)授業中にダウンロードしたファイルをすぐに解凍できる様になっていれば大丈夫です。OSXの場合はダブルクリックで展開します。Lite.appを検索してダウンロードしインストールしておきます。Wiondwsであれば、下記のURLよりLhaplusをダウンロードし、インストールしておきます。-プレビュー版はどこまで出来る?-栄蔵さんが受講しました悩み「将来、食べていけるか不安」に対し、哲学者はどう考えたのか。閉じる資料をダウンロードするには資料パスワードの設定が必要です。資料パスワードを設定する閉じる資料のダウンロードは1日10件、1ヶ月100件までです。Reserved.スクーについてご意見をお聞かせくださいありがとうございました!いただいたご意見はスクー教務課にて確認し、今後の運営に役立てさせていただきます。個々のご意見にはご返信しておりませんので予めご了承ください。招待したあなたには2枚、招待されたお友達には1枚、録画授業が受けられる「チケット」をプレゼントします。IDで登録メールアドレスまたはパスワードが違います。ログインできない方は「よくある質問」をご確認下さい。