chevron_left

Python上級
PREMIUM
第5回

文字起こし

Webアプリケーションのスタイル設定

2022年6月9日 60min
Webアプリケーションのスタイル設定 play_arrow おためし受講

スライド資料

会員登録して、全てのスライドを見よう

1 / 60

授業の概要

第５回では、「Bootstrap」を用いた簡易のレイアウトを整える方法とテンプレートの継承を理解し、効率的に複数のテンプレートファイルを作成する方法を学びます。

※授業を通し制作する「学習ノート」のソースコードは授業ページの「サンプルファイルから」ダウンロードしてください。
　（完成版のソースコードです。ダウンロード必須ではありません）

▼授業の流れ
１）CSSの適用
２）Bootstrap 概要
３）templateファイルの継承
４）各ページのスタイル変更
５）まとめと次回授業紹介

担当の先生／パーソナリティ

授業で使用する教材

※授業以外での使用は禁止します

チャプター

play_arrow
このコースの流れ
00:42
play_arrow
先生自己紹介
00:35
play_arrow
この授業の流れ
00:32
play_arrow
１）現状と改善後のWebアプリ
02:28
play_arrow
２）CSS の適用
01:33
play_arrow
　　実践：リストにスタイルを適用
03:18
play_arrow
３）Bootstrap 概要
00:56
play_arrow
　　Bootstrap 公式サイトを確認
06:23
play_arrow
　　Bootstrap サイト上で 適用したいスタイルを確認
02:20
play_arrow
　　実践：Bootstrap のCSS を適用
03:38
play_arrow
４）templateファイルの 継承
07:18
play_arrow
　　実践：templateファイルの 継承
05:35
play_arrow
５）各ページのスタイル変更
00:10
play_arrow
　　実装までの流れ
00:45
play_arrow
　　ナビゲーションバーの作成
00:20
play_arrow
　　Bootstrap サイト上で適用したいスタイルを確認
06:01
play_arrow
　　実践：ナビゲーションバーの作成
01:53
play_arrow
　　フォーム
00:32
play_arrow
　　Bootstrap サイト上で 適用したいスタイルを確認
02:45
play_arrow
　　カード
00:43
play_arrow
　　Bootstrap サイト上で 適用したいスタイルを確認
03:21
play_arrow
　　実践：各ファイルにbase.html を適用
04:45
play_arrow
６）まとめと次回内容