検索

次のセクション: 窄屏模式网页设计_准备工作2865 回再生

5 秒后自动播放下一节
  もう一度見る

BootStrap の古典的なケース分析

導入 >
コースウェア
章1導入

簡単な紹介

06分35秒

教育目標

04分27秒
章2ケースその1

狭画面モードWebデザイン_タスクリリース

02分13秒

狭画面モード Web デザイン_スキル ポイント

01分53秒

狭画面モードWebデザイン_準備作業

08分43秒

狭画面モードWebデザイン_step1_フレームワーク構築

07分35秒

狭画面モードWebデザイン_step2_ナビゲーションバーデザイン

04分59秒

狭画面モード Web デザイン_step3_jumbotron タイトル

04分05秒

狭画面モードWebデザイン_step4_各セクションの内容をデザインする

02分31秒

狭画面モード Web デザイン_step5_カスタム CSS 美化ページ

08分25秒

狭画面モードWebデザイン_事例概要

03分24秒
章3ケース2

固定レイアウトモードWebデザイン_タスクリリース

02分20秒

固定レイアウトモードWebデザイン_準備作業

02分00秒

固定レイアウトモードWebデザイン_step1_フレームワーク構築

05分06秒

固定レイアウト モードの Web デザイン_step2_コンテンツのレイアウトと組版

04分17秒

固定レイアウトモードWebデザイン_step3_タイトル内容をデザインする

05分10秒

固定レイアウトモード Web design_step4_Design Column セクションのコンテンツ

05分10秒

固定レイアウト モードの Web デザイン_step5_レスポンシブ ナビゲーション バーのデザイン

19分49秒

固定レイアウトモードWebデザイン_事例概要

02分08秒
章4ケース 3

ログインインターフェース実戦_step1_タスク解放&スキルポイント分析

02分09秒

ログインインターフェイスの実際のcombat_step2_addフォームログインの各コンポーネント

07分19秒

ログインインターフェース実践_step3_美化用CSS追加

04分21秒

ログインインターフェース practice_step4_フォーム要素に CSS を適用する

07分53秒

ログインインターフェイスの実際のcombat_step5_enhance関数の効果

07分11秒

ログインインターフェース実践_事例まとめ

02分05秒
章5ケース4

実際のモバイルレイアウト_タスクリリース

01分44秒

実際のモバイルレイアウト_スキルポイントと準備作業

01分49秒

実際の流れ レイアウト_step1_全体枠組み構築

09分55秒

実践的なフローレイアウト_step2_topナビゲーションバーのデザイン

03分49秒

実践的なフローレイアウト_step3_title ブロック設計

02分36秒

実践フローレイアウト_step4_コンテンツ詳細レスポンシブデザイン

05分42秒

実践的なフローレイアウト_step5_サイドナビゲーションバーをデザインする

03分01秒

実践的な流れレイアウト_step6_サイドナビゲーションバーを再構築して小さい画面を非表示にする

02分34秒

実践的なフローレイアウト_step7_タイトルバーを再構築して動的コンテンツを追加する

04分29秒

実践的な流れレイアウト_step8_動的コンテンツにJSイベントを添付する

03分42秒

実用的なモバイルレイアウト_ケース小

02分09秒
章6事例5

マーケティングサイトデザイン_タスクリリース、スキルポイント分析

02分25秒

マーケティングサイトのデザイン〜準備作業と実装ステップ分析

01分12秒

マーケティングWebサイトデザイン_step1_ホームページ全体の枠組みデザイン

04分08秒

マーケティング Web サイトのデザイン_step2_上部のナビゲーション バーを調整する

03分24秒

マーケティング Web サイトのデザイン_step3_強調表示されたタイトルをデザインする

03分08秒

マーケティングサイトデザイン_step4_詳細コンテンツデザイン

04分27秒

マーケティング Web サイトのデザイン_step5_カスタマイズされた CSS 美化ページ

07分36秒

マーケティングWebサイトデザイン_事例概要

01分35秒
章7事例6

Web ページの上部と下部にエフェクトを貼り付け_タスク リリース

02分06秒

Webページの上下にエフェクトを貼り付ける_スキルポイントと準備作業

02分09秒

Web ページの上下に効果を貼り付ける_step1_全体のフレーム レイアウト

03分26秒

Web ページの上部と下部に効果を貼り付ける_step2_top ナビゲーション バー

05分01秒

Web ページの上部と下部に効果を貼り付ける_step3_bottom 要素デザイン

02分40秒

Webページの上下にエフェクトを貼り付け_step4_内部パーツデザイン

02分21秒

Web ページの上部と下部に効果を貼り付ける_step5_bottom ナビゲーションの固定効果

03分50秒

Webページの上下にエフェクトを貼り付ける_step6_カスタマイズしたCSSでページを美しくする

01分53秒

Webページの上下にエフェクトを貼り付け_事例概要

01分45秒
章8事例7

ブログページ_タスクリリース

01分51秒

ブログページ_スキルポイントと準備作業

01分59秒

ブログページ_step1_全体フレームワーク構築

07分43秒

ブログ page_step2_top ナビゲーション バー

03分48秒

ブログ ページ_step3_tail コンテンツ デザイン

03分42秒

ブログページ_step4_トップタイトルをデザインする

02分39秒

ブログページ_step5_コンテンツ部分のレイアウト設計

04分38秒

ブログ page_step6_bottom 記事のページネーション

01分48秒

ブログ page_step7_sidebar コンテンツ デザイン

03分11秒

ブログ page_step8_CSS を追加してヘッダー メニューを美しくする

03分59秒

ブログ page_step9_CSS を追加して末尾のコンテンツを美しくする

02分27秒

ブログページ_事例概要

01分29秒
  • キャンセル返事送信
  • キャンセルノートの配布送信