Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Adobe CS4 Design Premium Web seminar
      2010.04.29 17:00 ~ 18:00
Adobe CS4 Web Premium
Tablet PC




Smart Phone
              Beyond
                Web
Adobe
Creative
Leader
CrossMedia Website
www.naver.com   m.naver.com
device is iPhone?
var browser = navigator.userAgent.toLowerCase();
var is_iPhone = browser.indexOf(‘iphone’) != -1;
if(is_...
viewport Size


 320 X 480      480 X 320
(viewport)   (viewport)
iPhone Size Optimization
<meta name="viewport" content="width=device-width;
initial-scale=1.0; maximum-scale=1.0;" />
,
Home icon size 57X57
Home icon size 57X57
iPhone Home button
<link rel="apple-touch-icon" href="home_icon.png" />
CSS Sprite   .
 .
CSS Sprite
             .




CSS Sprite
CSS Sprite
             .




CSS Sprite
iPhone Style Code
<!--[if !IE]>-->
<link href="iphone.css" type="text/css" rel="stylesheet"
media="only screen and (max-de...
Thank’s
 BLOG | blog.naver.com/yamoo9
   E-mail | yamoo9@naver.com
Webinar mobile presentation_2010
Webinar mobile presentation_2010
Webinar mobile presentation_2010
Webinar mobile presentation_2010
Webinar mobile presentation_2010
Nächste SlideShare
Wird geladen in …5
×

Webinar mobile presentation_2010

  • Loggen Sie sich ein, um Kommentare anzuzeigen.

Webinar mobile presentation_2010

  1. 1. Adobe CS4 Design Premium Web seminar 2010.04.29 17:00 ~ 18:00
  2. 2. Adobe CS4 Web Premium
  3. 3. Tablet PC Smart Phone Beyond Web
  4. 4. Adobe Creative Leader CrossMedia Website
  5. 5. www.naver.com m.naver.com
  6. 6. device is iPhone? var browser = navigator.userAgent.toLowerCase(); var is_iPhone = browser.indexOf(‘iphone’) != -1; if(is_iPhone){ window.location=‘http://m.naver.com’; } else { window.location=‘http://www.naver.com’; }
  7. 7. viewport Size 320 X 480 480 X 320
  8. 8. (viewport) (viewport)
  9. 9. iPhone Size Optimization <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
  10. 10. ,
  11. 11. Home icon size 57X57
  12. 12. Home icon size 57X57
  13. 13. iPhone Home button <link rel="apple-touch-icon" href="home_icon.png" />
  14. 14. CSS Sprite . .
  15. 15. CSS Sprite . CSS Sprite
  16. 16. CSS Sprite . CSS Sprite
  17. 17. iPhone Style Code <!--[if !IE]>--> <link href="iphone.css" type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" /> <!--<![endif]--> @media only screen and (max-device-width: 480px) { }
  18. 18. Thank’s BLOG | blog.naver.com/yamoo9 E-mail | yamoo9@naver.com

×