Mobile Web Intro

Page 1 <img data-url='document/mobile-web-intro.html?page=1' data-page='1' class='cut-thumb lazyload' alt='Page 1: Mobile Web Intro' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader040.cupdf.com/reader040/viewer/2022032617/55aaa2061a28abd1708b4859/html5/thumbnails/1.jpg' width='140' height='200' /> Let’s Talk MobileYnon Perek

Page 2 <img data-url='document/mobile-web-intro.html?page=2' data-page='2' class='cut-thumb lazyload' alt='Page 2: Mobile Web Intro' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader040.cupdf.com/reader040/viewer/2022032617/55aaa2061a28abd1708b4859/html5/thumbnails/2.jpg' width='140' height='200' /> Course Goals

Build a responsive web site which looks good on any device

Understand responsive tools

Get to know responsive design techniques

Page 3 <img data-url='document/mobile-web-intro.html?page=3' data-page='3' class='cut-thumb lazyload' alt='Page 3: Mobile Web Intro' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader040.cupdf.com/reader040/viewer/2022032617/55aaa2061a28abd1708b4859/html5/thumbnails/3.jpg' width='140' height='200' /> What You Need To Know

How to build web sites using HTML

How to style using CSS

Page 4 <img data-url='document/mobile-web-intro.html?page=4' data-page='4' class='cut-thumb lazyload' alt='Page 4: Mobile Web Intro' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader040.cupdf.com/reader040/viewer/2022032617/55aaa2061a28abd1708b4859/html5/thumbnails/4.jpg' width='140' height='200' /> Mobile Challenge #1

Page 5 <img data-url='document/mobile-web-intro.html?page=5' data-page='5' class='cut-thumb lazyload' alt='Page 5: Mobile Web Intro' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader040.cupdf.com/reader040/viewer/2022032617/55aaa2061a28abd1708b4859/html5/thumbnails/5.jpg' width='140' height='200' /> Mobile Challenge #2

Page 6 <img data-url='document/mobile-web-intro.html?page=6' data-page='6' class='cut-thumb lazyload' alt='Page 6: Mobile Web Intro' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader040.cupdf.com/reader040/viewer/2022032617/55aaa2061a28abd1708b4859/html5/thumbnails/6.jpg' width='140' height='200' /> Mobile Challenge #3

Page 7 <img data-url='document/mobile-web-intro.html?page=7' data-page='7' class='cut-thumb lazyload' alt='Page 7: Mobile Web Intro' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader040.cupdf.com/reader040/viewer/2022032617/55aaa2061a28abd1708b4859/html5/thumbnails/7.jpg' width='140' height='200' /> Page 8 <img data-url='document/mobile-web-intro.html?page=8' data-page='8' class='cut-thumb lazyload' alt='Page 8: Mobile Web Intro' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader040.cupdf.com/reader040/viewer/2022032617/55aaa2061a28abd1708b4859/html5/thumbnails/8.jpg' width='140' height='200' /> Ready? Let’s Go

Mobile Web Intro

Software

responsive tools

responsive web site

cssmobile challenge

web sites