Enviar pesquisa
Carregar
Lesson 03
•
0 gostou
•
281 visualizações
Gene Babon
Seguir
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 14
Baixar agora
Baixar para ler offline
Recomendados
Lesson 03
Lesson 03
Gene Babon
The objective is to introduce the notion of socio-technical system; and to explain why Socio-technical considerations should influence the design.
eduHcc lesson2-3
eduHcc lesson2-3
Sónia
Simple tutorial for HTML
Html tutorial.lesson5
Html tutorial.lesson5
grassos
To introduce and assess the expressiveness of a design space for trust-enabling interaction design.
A design space for Trust-enabling Interaction Design
A design space for Trust-enabling Interaction Design
Sónia
1 hour presentation about the rendering flow in browsers. View it online: http://frontend-development.herokuapp.com
Html css workshop, lesson 0, how browsers work
Html css workshop, lesson 0, how browsers work
Albino Tonnina
Lesson 15
Lesson 15
Gene Babon
Lesson 1
Human Centered Computing (introduction)
Human Centered Computing (introduction)
Sónia
Lesson 10
Lesson 10
Gene Babon
Recomendados
Lesson 03
Lesson 03
Gene Babon
The objective is to introduce the notion of socio-technical system; and to explain why Socio-technical considerations should influence the design.
eduHcc lesson2-3
eduHcc lesson2-3
Sónia
Simple tutorial for HTML
Html tutorial.lesson5
Html tutorial.lesson5
grassos
To introduce and assess the expressiveness of a design space for trust-enabling interaction design.
A design space for Trust-enabling Interaction Design
A design space for Trust-enabling Interaction Design
Sónia
1 hour presentation about the rendering flow in browsers. View it online: http://frontend-development.herokuapp.com
Html css workshop, lesson 0, how browsers work
Html css workshop, lesson 0, how browsers work
Albino Tonnina
Lesson 15
Lesson 15
Gene Babon
Lesson 1
Human Centered Computing (introduction)
Human Centered Computing (introduction)
Sónia
Lesson 10
Lesson 10
Gene Babon
CSS
Ifi7174 lesson2
Ifi7174 lesson2
Sónia
Lesson 1 HTML
CSS for designers - Lesson 1 - HTML
CSS for designers - Lesson 1 - HTML
Idan Segev
HTML Lesson 5
HTML Lesson 5
HTML Lesson 5
Danny Ambrosio
The goal of the course is to bring particular computer and programming skills to the level required by the studies. To create opportunities for the development of Java-based applications. To introduce programming basis and object-oriented principles using Java programming language.
IFI7184.DT about the course
IFI7184.DT about the course
Sónia
Lesson 15
Lesson 15
Gene Babon
01 Introduction To CSS
01 Introduction To CSS
crgwbr
Java programming for beginners, Variable and Types
Ifi7184.DT lesson 2
Ifi7184.DT lesson 2
Sónia
HTML recap
Ifi7174 lesson1
Ifi7174 lesson1
Sónia
Workshop on measuring the user eXperience, effectiveness and efficiency and user behaviors. This is from two perspective (1) user perspective (pragmatic aspects) and (2) designer perspective (pragmatic aspects).
Workshop 1 - User eXperience evaluation
Workshop 1 - User eXperience evaluation
Sónia
Programming languages, object-oriented language, Java
IFI7184.DT lesson1- Programming languages
IFI7184.DT lesson1- Programming languages
Sónia
Developing Interactive systems - lesson 2
Developing Interactive systems - lesson 2
Sónia
Lesson 07
Lesson 07
Gene Babon
HTML Lesson 1
HTML Lesson 1
HTML Lesson 1
Danny Ambrosio
Lesson 02
Lesson 02
Gene Babon
20 06-2014
20 06-2014
Sónia
Lesson 11
Lesson 11
Gene Babon
Lesson 16
Lesson 16
Gene Babon
Lesson 17
Lesson 17
Gene Babon
Lesson 04
Lesson 04
Gene Babon
EduLearn conference
Sonia Sousa
Sonia Sousa
Sónia
. HTML - Elements /Tags (Start – End). 2. HTML Documents. 3. HTML Headings. 4.HTML Links. 5. HTML Images. 6. HTML Lists. 7. Attributes. 8.The div element. 9. Web addresses. 10. HTML Form Elements. 11. HTML Multimedia (sound, music, videos, movies, and animations). 12. HTML5 Skills: 1. Describe the Web. 2. Recognize the job of HTML. 3. Understand the rules that describe HTML tags. 4. Install a text editor (Atom or VS Code). 5. Create a new HTML Code and save it. 6. Use HTML to write web pages (Syntax - Nested). 7. Format a paragraph using HTML. 8. Display a web page in the browser. 9- Differentiate between the block and inline elements in HTML. 10- Create a nested list in HTML (Ordered - Unordered). 11- Add a link (URL) in a web site. 12- Add an image and relative URL in a web site and Multimedia (sound, music, videos, movies, and animations) and add Forms. 13- Make validation.
Html week8 2019 2020 for g10 by eng.osama ghandour
Html week8 2019 2020 for g10 by eng.osama ghandour
Osama Ghandour Geris
Create electronic documents (called web pages) that are displayed on the World Wide Web. Key Concepts: 1. HTML - Elements /Tags (Start – End). 2. HTML Documents. 3. HTML Headings. 4.HTML Links. 5. HTML Images. 6. HTML Lists. 7. Attributes. 8.The div element. 9. Web addresses. 10. HTML Form Elements. 11. HTML Multimedia (sound, music, videos, movies, and animations). 12. HTML5 https://www.slideshare.net/osamaggeris/html-week7-2019-2020-by-engosama-ghandour https://www.youtube.com/watch?v=mQz7ORGzV3I&list=PLOB0DtE2PK79oPI-Na9H9UY4LSzUXgNB2&index=3 https://www.youtube.com/watch?v=_It4HG3j53U&list=PLOB0DtE2PK79oPI-Na9H9UY4LSzUXgNB2&index=4 https://www.youtube.com/watch?v=fDM9WkIJUh4&list=PLOB0DtE2PK79oPI-Na9H9UY4LSzUXgNB2&index=5
Html week7 2019 2020 by eng.osama ghandour
Html week7 2019 2020 by eng.osama ghandour
Osama Ghandour Geris
Mais conteúdo relacionado
Destaque
CSS
Ifi7174 lesson2
Ifi7174 lesson2
Sónia
Lesson 1 HTML
CSS for designers - Lesson 1 - HTML
CSS for designers - Lesson 1 - HTML
Idan Segev
HTML Lesson 5
HTML Lesson 5
HTML Lesson 5
Danny Ambrosio
The goal of the course is to bring particular computer and programming skills to the level required by the studies. To create opportunities for the development of Java-based applications. To introduce programming basis and object-oriented principles using Java programming language.
IFI7184.DT about the course
IFI7184.DT about the course
Sónia
Lesson 15
Lesson 15
Gene Babon
01 Introduction To CSS
01 Introduction To CSS
crgwbr
Java programming for beginners, Variable and Types
Ifi7184.DT lesson 2
Ifi7184.DT lesson 2
Sónia
HTML recap
Ifi7174 lesson1
Ifi7174 lesson1
Sónia
Workshop on measuring the user eXperience, effectiveness and efficiency and user behaviors. This is from two perspective (1) user perspective (pragmatic aspects) and (2) designer perspective (pragmatic aspects).
Workshop 1 - User eXperience evaluation
Workshop 1 - User eXperience evaluation
Sónia
Programming languages, object-oriented language, Java
IFI7184.DT lesson1- Programming languages
IFI7184.DT lesson1- Programming languages
Sónia
Developing Interactive systems - lesson 2
Developing Interactive systems - lesson 2
Sónia
Lesson 07
Lesson 07
Gene Babon
HTML Lesson 1
HTML Lesson 1
HTML Lesson 1
Danny Ambrosio
Lesson 02
Lesson 02
Gene Babon
20 06-2014
20 06-2014
Sónia
Lesson 11
Lesson 11
Gene Babon
Lesson 16
Lesson 16
Gene Babon
Lesson 17
Lesson 17
Gene Babon
Lesson 04
Lesson 04
Gene Babon
EduLearn conference
Sonia Sousa
Sonia Sousa
Sónia
Destaque
(20)
Ifi7174 lesson2
Ifi7174 lesson2
CSS for designers - Lesson 1 - HTML
CSS for designers - Lesson 1 - HTML
HTML Lesson 5
HTML Lesson 5
IFI7184.DT about the course
IFI7184.DT about the course
Lesson 15
Lesson 15
01 Introduction To CSS
01 Introduction To CSS
Ifi7184.DT lesson 2
Ifi7184.DT lesson 2
Ifi7174 lesson1
Ifi7174 lesson1
Workshop 1 - User eXperience evaluation
Workshop 1 - User eXperience evaluation
IFI7184.DT lesson1- Programming languages
IFI7184.DT lesson1- Programming languages
Developing Interactive systems - lesson 2
Developing Interactive systems - lesson 2
Lesson 07
Lesson 07
HTML Lesson 1
HTML Lesson 1
Lesson 02
Lesson 02
20 06-2014
20 06-2014
Lesson 11
Lesson 11
Lesson 16
Lesson 16
Lesson 17
Lesson 17
Lesson 04
Lesson 04
Sonia Sousa
Sonia Sousa
Semelhante a Lesson 03
. HTML - Elements /Tags (Start – End). 2. HTML Documents. 3. HTML Headings. 4.HTML Links. 5. HTML Images. 6. HTML Lists. 7. Attributes. 8.The div element. 9. Web addresses. 10. HTML Form Elements. 11. HTML Multimedia (sound, music, videos, movies, and animations). 12. HTML5 Skills: 1. Describe the Web. 2. Recognize the job of HTML. 3. Understand the rules that describe HTML tags. 4. Install a text editor (Atom or VS Code). 5. Create a new HTML Code and save it. 6. Use HTML to write web pages (Syntax - Nested). 7. Format a paragraph using HTML. 8. Display a web page in the browser. 9- Differentiate between the block and inline elements in HTML. 10- Create a nested list in HTML (Ordered - Unordered). 11- Add a link (URL) in a web site. 12- Add an image and relative URL in a web site and Multimedia (sound, music, videos, movies, and animations) and add Forms. 13- Make validation.
Html week8 2019 2020 for g10 by eng.osama ghandour
Html week8 2019 2020 for g10 by eng.osama ghandour
Osama Ghandour Geris
Create electronic documents (called web pages) that are displayed on the World Wide Web. Key Concepts: 1. HTML - Elements /Tags (Start – End). 2. HTML Documents. 3. HTML Headings. 4.HTML Links. 5. HTML Images. 6. HTML Lists. 7. Attributes. 8.The div element. 9. Web addresses. 10. HTML Form Elements. 11. HTML Multimedia (sound, music, videos, movies, and animations). 12. HTML5 https://www.slideshare.net/osamaggeris/html-week7-2019-2020-by-engosama-ghandour https://www.youtube.com/watch?v=mQz7ORGzV3I&list=PLOB0DtE2PK79oPI-Na9H9UY4LSzUXgNB2&index=3 https://www.youtube.com/watch?v=_It4HG3j53U&list=PLOB0DtE2PK79oPI-Na9H9UY4LSzUXgNB2&index=4 https://www.youtube.com/watch?v=fDM9WkIJUh4&list=PLOB0DtE2PK79oPI-Na9H9UY4LSzUXgNB2&index=5
Html week7 2019 2020 by eng.osama ghandour
Html week7 2019 2020 by eng.osama ghandour
Osama Ghandour Geris
Software development
HTML and CSS.pptx
HTML and CSS.pptx
TripleRainbow
From a Fireworks Comp to a Genesis Child Theme, Step by Step
From a Fireworks Comp to a Genesis Child Theme, Step by Step
East Bay WordPress Meetup
Lesson 12
Lesson 12
Gene Babon
Slides for GA Front End Web Developers week 2
Fewd week2 slides
Fewd week2 slides
William Myers
This is the search display template session I gave on SharePoint Saturday UK.
Take your display template skills to the next level
Take your display template skills to the next level
Elio Struyf
How to get started writing WordPress themes and plugins.
Writing your own WordPress themes and plugins
Writing your own WordPress themes and plugins
Stephanie Wells
A presentation about pretty basic stuff of HTML & CSS.
HTML+CSS: how to get started
HTML+CSS: how to get started
Dimitris Tsironis
Get this Course https://www.udemy.com/javascript-course-projects/?couponCode=SLIDESHARE Portfolio builder loaded with projects and applications that you can use, extend on and enhance to add to your portfolio JUST GOT BIGGER - more updates to come - YOU FOUND IT Grow your portfolio - showcase what you can build with JavaScript Learn JavaScript have fun with interactive and dynamic web applications. Over 529 downloadable resources - 57 articles - 43+ hours on-demand video, 57 Sections Over 614 HD video lessons Over 51+ projects and web applications. Projects can be used as started projects to extend and enhance. All JavaScript focused. 4 downloadable ebook guides 200 pages and 3 x 60 pages - with code and resource links No libraries JUST JAVASCRIPT and JAVASCRIPT DOM This is the course you've been looking for.......... Everything you need to get started with JavaScript, expand your knowledge about using JavaScript, and more included. It’s arrived, and bigger than expected!!! For anyone who wants to supercharge their JavaScript learning - building and applying JavaScript to over 50 projects and challenges… this course is for YOU!!!! From JavaScript beginners to all levels, course is presented in a fun interactive format that will challenge you. Move through the lessons of the course as you want to learn them, variety of ways to benefit from it. Learn alongside, try before you see the solution, try after you view the solution. It’s up to you! Unique format for learning encouraging you to try the code. Of course source code is included in every step of the way. Most often asked for ARE PROJECTS - and this course delivers! Over 50 and will grow over time as more projects and challenges get added. You can select the projects you want to do or take them in order, it’s up to you. Loaded with games and so many mini projects guaranteed to help you learn more about JavaScript and DOM manipulation. All JavaScript code no libraries or short cuts. Explore how to apply JavaScript to create interactive and dynamic web content - that will impress your friends. Extend on the projects and add them to your portfolio, to showcase skills you have learned. Useful real world projects coded with simple JavaScript for developers of all levels. No better way to learn than to try the code and produce something fun and useful with it. Learn to create amazing things with JavaScript bringing your web content to life. This will keep you busy and provide you the opportunity to learn and experiment with code. Try it. All the projects are designed in a starter type format so that you can build on them and customize to make it your own. Portfolio Builder 50+ projects This course includes full introduction to coding with JavaScript, all core syntax and how to apply it to make things happen. Create your own code - loaded with challenges and code snippets.
Monster JavaScript Course - 50+ projects and applications
Monster JavaScript Course - 50+ projects and applications
Laurence Svekis ✔
Lesson 01
Lesson 01
Gene Babon
Front-End Web Development
Lesson 01
Lesson 01
Gene Babon
Cis363 a all ilabs devry university
Cis363 a all ilabs devry university
CIS363A
Cis363 all i labs devry university
Cis363 all i labs devry university
jkkjhdy798iyi
Cis363 all i labs devry university
Cis363 all i labs devry university
CIS363A
Cis363 a all ilabs devry university
Cis363 a all ilabs devry university
CIS363A
82922
BITM3730 8-29.pptx
BITM3730 8-29.pptx
MattMarino13
3730 f22
BITM3730 8-29.pptx
BITM3730 8-29.pptx
MattMarino13
Bootstrap has literally changed the game when it comes to web design. This is especially true for developers who have traditionally struggled to build beautiful and engaging sites. With Bootstrap, developers can now start from a good design and evolved. This webcast look at how we at DevelopMentor have used bootstrap to completely redesign our website. We'll take you through a quick introduction to bootstrap and then look at the various ways we have made use of it's simple and productive design foundation. Watch the video and get the downloads here: http://www.develop.com/webcasts/watch/5260173ad588bf08f82ac92f/building-beautiful-websites-with-bootstrap-a-case-study
Building beautiful websites with bootstrap a case study (DevelopMentor webcast)
Building beautiful websites with bootstrap a case study (DevelopMentor webcast)
Michael Kennedy
Lesson 05
Lesson 05
Gene Babon
Semelhante a Lesson 03
(20)
Html week8 2019 2020 for g10 by eng.osama ghandour
Html week8 2019 2020 for g10 by eng.osama ghandour
Html week7 2019 2020 by eng.osama ghandour
Html week7 2019 2020 by eng.osama ghandour
HTML and CSS.pptx
HTML and CSS.pptx
From a Fireworks Comp to a Genesis Child Theme, Step by Step
From a Fireworks Comp to a Genesis Child Theme, Step by Step
Lesson 12
Lesson 12
Fewd week2 slides
Fewd week2 slides
Take your display template skills to the next level
Take your display template skills to the next level
Writing your own WordPress themes and plugins
Writing your own WordPress themes and plugins
HTML+CSS: how to get started
HTML+CSS: how to get started
Monster JavaScript Course - 50+ projects and applications
Monster JavaScript Course - 50+ projects and applications
Lesson 01
Lesson 01
Lesson 01
Lesson 01
Cis363 a all ilabs devry university
Cis363 a all ilabs devry university
Cis363 all i labs devry university
Cis363 all i labs devry university
Cis363 all i labs devry university
Cis363 all i labs devry university
Cis363 a all ilabs devry university
Cis363 a all ilabs devry university
BITM3730 8-29.pptx
BITM3730 8-29.pptx
BITM3730 8-29.pptx
BITM3730 8-29.pptx
Building beautiful websites with bootstrap a case study (DevelopMentor webcast)
Building beautiful websites with bootstrap a case study (DevelopMentor webcast)
Lesson 05
Lesson 05
Mais de Gene Babon
My story about the job search process.
Job Search | Tropical Depressions | Bowling Alleys
Job Search | Tropical Depressions | Bowling Alleys
Gene Babon
Overview from the initial meeting of the Tech Over Fifty Meetup group in Boston.
Tech Over Fifty Launch Meeting
Tech Over Fifty Launch Meeting
Gene Babon
Northeast PHP Conference, September 21, 2018
Anatomy Virtual Self Study Group NEPHP 2018
Anatomy Virtual Self Study Group NEPHP 2018
Gene Babon
East Boston Tech Meetup
Become a Front End Web Developer
Become a Front End Web Developer
Gene Babon
East Boston Tech Meetup, October 12, 2017
Navigating a Career in Web Technology
Navigating a Career in Web Technology
Gene Babon
MLCS EastieCoders
Info Session
Info Session
Gene Babon
MLCS EastieCoders
Info session
Info session
Gene Babon
A Brief Intro to the GTD Methodology
Getting Things Done
Getting Things Done
Gene Babon
jQuery Mobile Hour 4
jQuery Mobile Hour 4
Gene Babon
Lesson 18
Lesson 18
Gene Babon
Lesson 17
Lesson 17
Gene Babon
Lesson 09
Lesson 09
Gene Babon
Lesson 04
Lesson 04
Gene Babon
Lesson 01
Lesson 01
Gene Babon
Lesson 18
Lesson 18
Gene Babon
Lesson 17
Lesson 17
Gene Babon
Lesson 16
Lesson 16
Gene Babon
Lesson 13
Lesson 13
Gene Babon
Lesson 11
Lesson 11
Gene Babon
Lesson 10
Lesson 10
Gene Babon
Mais de Gene Babon
(20)
Job Search | Tropical Depressions | Bowling Alleys
Job Search | Tropical Depressions | Bowling Alleys
Tech Over Fifty Launch Meeting
Tech Over Fifty Launch Meeting
Anatomy Virtual Self Study Group NEPHP 2018
Anatomy Virtual Self Study Group NEPHP 2018
Become a Front End Web Developer
Become a Front End Web Developer
Navigating a Career in Web Technology
Navigating a Career in Web Technology
Info Session
Info Session
Info session
Info session
Getting Things Done
Getting Things Done
jQuery Mobile Hour 4
jQuery Mobile Hour 4
Lesson 18
Lesson 18
Lesson 17
Lesson 17
Lesson 09
Lesson 09
Lesson 04
Lesson 04
Lesson 01
Lesson 01
Lesson 18
Lesson 18
Lesson 17
Lesson 17
Lesson 16
Lesson 16
Lesson 13
Lesson 13
Lesson 11
Lesson 11
Lesson 10
Lesson 10
Lesson 03
1.
Front-End Web Development Lesson 3 Advanced
CSS
2.
Agenda ● ● ● ● ● ● Review (15 minutes) HTML
Template (10 minutes) Box Model (50 minutes) Nested Selectors (20 minutes) Getting Started (10 minutes) Lab Time (60 minutes)
3.
Review Wendy G. Bite ●
index ● resume
4.
Review Homework (sharing files) ●
Schoology ● Shared Class Web Server ● GitHub
5.
HTML Template template.html reset.css >
source normalize.css > source style.css
6.
Box Model Every element
on a web page is a box. What is an element?
7.
Box Model
8.
Box Model Width =
width + padding-left + padding-right + border-left + border-right Height = height + padding-top + padding-bottom + border-top + border-bottom
9.
Box Model Let’s build
this … Start with … template.html style.css Save as … box_model.html box_model.css
10.
Box Model Apply this
to … Wendy G. Bite index.html resume.html
11.
Nested Selectors Not needed
to complete Assignment Makes more sense once the following is introduced in the next lesson: <div> tags IDs and classes
12.
Getting Started Assignment: Build
Fashion Blog starter code image_1 image_2
13.
Lab Time Assignment: Build
Fashion Blog starter code > add external stylesheet image_1 image_2
14.
Homework Complete Fashion Blog
Baixar agora