- はじめに
- JavaScript について知ろう
- Bootstrap でページ作成 ①(ヘッダーの実装)
- Bootstrap でページ作成 ②(カルーセルの実装)
- このレッスンの目標
- このレッスンで作るもの
- カルーセルの使い方(復習)
- コード解説 1:カルーセルの作成方法
- コード解説 2:コントローラーを表示させる方法
- コード解説 3:インジケーターを表示させる方法
- コード解説 4:キャプションを表示させる方法
- 演習課題:カルーセルを使ってメインビジュアルを作成しよう
- ステップ ①:CSS 読み込みリンクを実装する
- ステップ ②:メインビジュアルの大枠を実装する
- ステップ ③:カルーセルのインジケーターを実装する
- ステップ ④:カルーセルの中身を実装する
- ステップ ⑤:カルーセルのコントローラーを実装する
- ステップ ⑥:CSS を実装する
- 完成版のコード
- まとめ
- Bootstrap でページ作成 ③(3 分割のグリッドレイアウト実装)
- Bootstrap でページ作成 ④(2 分割のグリッドレイアウト実装)
- はじめに
- JavaScript について知ろう
- Bootstrap でページ作成 ①(ヘッダーの実装)
- Bootstrap でページ作成 ②(カルーセルの実装)
- このレッスンの目標
- このレッスンで作るもの
- カルーセルの使い方(復習)
- コード解説 1:カルーセルの作成方法
- コード解説 2:コントローラーを表示させる方法
- コード解説 3:インジケーターを表示させる方法
- コード解説 4:キャプションを表示させる方法
- 演習課題:カルーセルを使ってメインビジュアルを作成しよう
- ステップ ①:CSS 読み込みリンクを実装する
- ステップ ②:メインビジュアルの大枠を実装する
- ステップ ③:カルーセルのインジケーターを実装する
- ステップ ④:カルーセルの中身を実装する
- ステップ ⑤:カルーセルのコントローラーを実装する
- ステップ ⑥:CSS を実装する
- 完成版のコード
- まとめ
- Bootstrap でページ作成 ③(3 分割のグリッドレイアウト実装)
- Bootstrap でページ作成 ④(2 分割のグリッドレイアウト実装)
Bootstrap でページ作成 ②(カルーセルの実装)
所要時間:60分
この続きを見るには?
ここから先のコンテンツは、プレミアム会員のみ閲覧できます。 学習を進める場合は、プレミアム会員にアップグレードしてください。
有料プランへの登録には
事前に新規登録/ログインが必要です
または
「新規会員登録」 をクリックすると利用規約 とプライバシーポリシー に同意したことになります。
個人ユーザー登録をすると、Manajobからメールを送信することがあります。ご登録いただいたメールアドレス等は、Manajobからのご連絡や、弊社サービスに関するご案内等をお送りするため、その他マーケティング等の目的で、プライバシーポリシーに従って利用させていただきます。ご同意の上ご登録いただきますよう、よろしくお願いいたします。