講義名:実技ユーザーインターフェイス作成実習①
受講日:2024年1月13日(土)はれ
受講形態:来校
講師:椋本先生
本日のテーマ:jQueryを自分のサイトに導入しましょう
jQueryの導入
jQueryは重いので、導入前にまずCSSで対応できるのか確認。(指示をしたときのアクションはjQueryでないとできない。)
参考サイト:「トップへ戻るボタンを簡単5分で実装【jQuery】」
参考サイト:「オンラインSCSSからCSSへのコンバーター」
- jQueryは最新のバージョンにしたら動かないものもある。
- jQuery入れるときはライブラリ入力を忘れずに。
- jQueryよりまず重要なのはHTML, CSS。
slick get it now
CDN禁止の会社もある。個人情報の流出や10年後の未来に存在するかわからないため。
「CDN禁止 ダウンロード方法」で検索したら方法が出てくる。
参考サイト
- jQueryでできること10選。動的サイトの制作やプログラミングを簡略化!
- 初心者でも簡単!jQueryのWeb制作術と自作プラグイン活用法 | 侍エンジニアブログ
- jQuery を用いたWeb デザイン
jQueryの利用方法(復習)
jQueryを利用する時は実装するための参考サイトを検索し利用方法を理解しましょう。
検索は、「jQuery (実装したいキーワード)」で検索します。
良く使うキーワードの例は、以下の通りです。
- スライダー
- カルーセル
- ハンバーガーメニュー
- ライトボックス
- ドリルダウン
- フェード
- スクロール など
参考サイト
FTPソフト
参考サイト:FTP ソフト(FFFTP)
授業内で実際に作成しているLPサイトをアップロード。
コメント