Session II Outline Typography Session II – Exercise 1 Chapter 8 – Navigation Chapter 4 – Jumbotron Session II – Exercise 2.

Slides:



Advertisements
Similar presentations
This tutorial will explain the use of some of the features of the case study website. These include: - Structure of the web pagesStructure of the web pages.
Advertisements

Twitter Bootstrap. Agenda What is it? Grids and Fluid layouts Globals and Typography Tables, Forms and Buttons Navigation Media and thumbnails Responsive.
Twitter Bootstrap Paul Frederickson. Tonight’s Objectives Learn how to set up a bootstrap based site Become familiar with bootstrap syntax Create a framework.
1 Financial Mathematics Clicker review session, Final.
Exercise Exercise3.1 8 Exercise3.1 9 Exercise
Exercise Exercise Exercise Exercise
Exercise Exercise Exercise Exercise
I.1 ii.2 iii.3 iv.4 1+1=. i.1 ii.2 iii.3 iv.4 1+1=
Exercise Exercise6.1 7 Exercise6.1 8 Exercise6.1 9.
I.1 ii.2 iii.3 iv.4 1+1=. i.1 ii.2 iii.3 iv.4 1+1=
Chapter 6 Color Image Processing Chapter 6 Color Image Processing.
Kathy E. Responsive Design and Twitter Bootstrap.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Session I - Introduction
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Session IV Outline JavaScript Part I Chapter 10 - Modal Exercise 1 - Modal Chapter 13 – Carousel Exercise 2 - Carousel Chapter.
Session I Outline Chapter 1 – Getting Started Session I – Exercise 1 & 2 Chapter 3 – Grid System Chapter 7 – Multi-Column.
SE-2840 Dr. Mark L. Hornick1 Bootstrap A framework for CSS.
We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For (WILF): A completed homepage containing a working navigation.
Bootstrap by:- Vignesh Dhamodaran. What is Bootstrap? Originally created by a designer and a developer at Twitter. So initial name is Twitter Bootstrap.
Bootstrap Front-End Framework for Responsive Web Sites Svetlin Nakov Technical Trainer Software University
Button groups Buttons dropdowns Action Pagination Pager Inline labels DEFAULT INFO SUCCESSWARNINGIMPORTANT Action 10 OlderNewer NextPrevious
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
基 督 再 來 (一). 經文: 1 你們心裡不要憂愁;你們信神,也當信我。 2 在我父的家裡有許多住處;若是沒有,我就早 已告訴你們了。我去原是為你們預備地去 。 3 我 若去為你們預備了地方,就必再來接你們到我那 裡去,我在 那裡,叫你們也在那裡, ] ( 約 14 : 1-3)
Basic in Photoshop Tools in Photoshop Simple templates design menu in Photoshop different navigation bar image effects Design your portfolio page Design.
Chapter 4 Bootstrap. Content Bootstrap with CSS Bootstrap Layout Components Bootstrap Plugins.
Buttons Copy and paste an example of a set of buttons from a website here Website address: Write one good thing about the buttons Write one bad thing about.
PHP MySQL Crash Course with HTML CSS
What’s New In Bootstrap v4?
Website implementation
Front-End Framework for Responsive Web Sites
Responsive Design and Twitter Bootstrap
ITI 133 HTML5 Desktop and Mobile Level I
Responsive Web Applications with Bootstrap & CSS
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
Course Review HTML5 Level II Course Review
دانشکده سرمایه گذار مبانی و مدل
Course Review HTML5 Level II Course Review
Bootstrap Components Reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more.
Page plans A01 Design.
HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page
Fixed Positioning.
Session I Chapter 18 - How to Design a Web Site
Morphological Image Processing
Lesson Objectives Lesson Outcomes
Chapter 5 Image Restoration.
Chapter 10 Image Segmentation.
Course Review ITI HTML5 Level II Course Review
Website Call
Слайд-дәріс Қарағанды мемлекеттік техникалық университеті
.. -"""--..J '. / /I/I =---=-- -, _ --, _ = :;:.
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
ITI 188 Bootstrap and Mobile Web Design
© 2016, Mike Murach & Associates, Inc.
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
I1I1 a 1·1,.,.,,I.,,I · I 1··n I J,-·
Call : Website: -
HTML5 Level I CyberAdvantage
Course Review HTML5 Level II Course Review
Color Image Processing
Course Review HTML5 Level II Course Review
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
HTML5 Level I CyberAdvantage
Murach's JavaScript and jQuery (3rd Ed.)
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
creating websites and web applications responsive.
. '. '. I;.,, - - "!' - -·-·,Ii '.....,,......, -,
 WEBSITE:
 WEBSITE:
ITI 133: HTML5 Desktop and Mobile Level I
Presentation transcript:

Session II

Outline Typography Session II – Exercise 1 Chapter 8 – Navigation Chapter 4 – Jumbotron Session II – Exercise 2 - 5

Typography Bootstrap Typography W3Schools Typography CSS Ref Text

Session II – Exercise 1 Student Exercise 1 - Include Typography Classes in website.

Chapter 8 – Navigation Bootstrap Navs Nav Bars Breadcrumbs Pagination Pager Dropdowns Input Groups List Groups Panels W3Schools Navs Nav Bars Breadcrumbs Pagination Pager Dropdowns Input Groups List Groups Panels

Chapter 4 - Jumbotron Bootstrap Jumbotron W3Schools

Session II – Exercise Student Exercise 2 - Include Dropdown Navigation Bars in website. Student Exercise 3 - Include Pagination in website. Student Exercise 4 - Modify the Jumbotron on the website. Student Exercise 5 - Include List Groups in website.

Review Typography Session II – Exercise 1 Chapter 8 – Navigation Chapter 4 – Jumbotron Session II – Exercise Next: Session III – Forms, Tables, Images, & Buttons