index.html 9.98 KB

Raw Blame History Permalink

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1"/>
  <link rel="stylesheet" href="http://www.w3.org/Mobile/styles/core.css" type="text/css" media="screen,print"/>
  <link rel="stylesheet" href="http://www.w3.org/Mobile/styles/course.css" type="text/css" media="screen, print"/>
  <link rel="stylesheet" href="http://www.w3.org/Mobile/styles/print.css" type="text/css" media="print"/>
  <link rel="stylesheet" href="http://www.w3.org/Mobile/styles/handheld.css" type="text/css" media="handheld, only screen and (max-device-width:480px)"/>
  <link rel="icon" href="http://www.w3.org/2005/11/MWI-Icons/MWI-favicon" type="image/png"/>
  <script src="http://widgets.twimg.com/j/1/widget.js" type="text/JavaScript"></script>

  <style type="text/css">
  #twtr-search-widget {
    float:right;
    margin-left:1em;
  }


  </style>

  <link href="http://widgets.twimg.com/j/1/widget.css" type="text/css" rel="stylesheet" />
<!--  <meta name="viewport" content="width=320"/> -->
  <title>W3C Mobile Web Initiative Training</title>
<!--[if IE]>
  <style type="text/css">
    #main {margin-top:2em}
    #dateTab {
	padding-top: 0.5em;
  }
  </style>
<![endif]-->
</head>

<body>
<div id="main">

<h1 id="subtitle">Learn Directly from the W3C Experts</h1>
<!-- <div id="twtr-search-widget"></div> -->
<div id="twtr-search-widget">
<script type="text/JavaScript"><!--

	/* widget config */
	var jtw_divname                = '';  /* unique id of the widget */
	var jtw_search                 = '#w3cmobileweb';  /* keywords or phrase to send to search.twitter.com and display */
	var jtw_width                  = '15em';  /* width of widget in px, %, or auto */
	var jtw_height                 = '25em';  /* height of widget in px, %, or auto */
	var jtw_scroll                 = '';  /* add scroll bar to widget, 'yes' or 'no' */
	var jtw_widget_background      = '';  /* background style of whole widget */
	var jtw_widget_border          = 'thin solid #0B5B9D';  /* border style of whole widget */
	var jtw_center_widget          = '';  /* center widget horizontally in container if 'yes' */

	/* tweet styling */
	var jtw_tweet_textcolor        = '';  /* text color of the tweets */
	var jtw_tweet_linkcolor        = '';  /* link color of the tweets */
	var jtw_tweet_background       = '';  /* background style of the tweets */
	var jtw_tweet_newbackground    = '';  /* background style of new tweets */
	var jtw_tweet_border           = 'thin solid #0B5B9D';  /* border style of the tweets */
	var jtw_tweet_margin           = '';  /* marin in px for each tweet */
	var jtw_tweet_fontsize         = 'smaller';  /* fontsize in px or em of each tweet */
	var jtw_big_img                = '';  /* display big avatar instead of small avatar */
	var jtw_hide_img               = '';  /* do not display twitter avatar if 'yes' */

	/* display config */
	var jtw_pre_html               = '<div style="padding:0.2em 0 0.2em 0.2em; background-color:#0B5B9D; color:white; margin-bottom:0.5em"><span style="font-size:smaller">What\'s the buzz in...</span><br/><span style="font-size:bigger; font-weight:bold">W3C Mobile Web Training</span><p style="font-size:smaller; text-align:right">Twitter tag: #w3cmobileweb</p></div>';  /* html code to display at the top of widget */
	var jtw_post_html              = '';  /* html code to display at the bottom of widget */
	var jtw_mid_html               = '';  /* html code to display inbetween each tweet */
	var jtw_widget_style_misc      = '';  /* misc css style for the widget */
	var jtw_results_style_misc     = '';  /* misc css style for the results */
	var jtw_tweet_style_misc       = '';  /* misc css style for each tweet */
	var jtw_num_tweets             = '';  /* number of tweets to display in widget (up to 100) */
	var jtw_tweet_lang             = '';  /* language of tweets to display (2 letter country code) */
	var jtw_widget_refresh_interval= '0';  /* the frequency (in seconds) to look for new tweets*/

	// -->
</script>
<!--<script src="http://tweetgrid.com/widget/widget.js" type="text/javascript"></script>-->
</div>


<p>The Mobile Web Initiative is a major undertaking by the W3C to make the Web truly available on
devices of all types and sizes. As part of this effort, we have begun to develop training courses that
make the various standards and tools more easily understood and used.</p>


<h2 id="MWBP">New Course: Introduction to Mobile Web and Application Best Practices</h2>
<p>This is an updated version of the <em>Introduction to W3C Mobile Web Best Practices</em> course that
ran several times between 2008 and 2010. But it's such a big update, and there's so much new content
that we're calling it a new course!</p>
<p>The <i>Introduction to W3C Mobile Web and Application Best Practices</i> online course will
  help Web designers and content producers who are already familiar with the
  desktop world to become familiar with the Web as delivered on mobile devices.
  It is based entirely on W3C standards, particularly the <a href="http://www.w3.org/TR/mobile-bp/">Mobile Web Best Practices</a>
  and <a href="http://www.w3.org/TR/mwabp">Mobile Web Application Best Practices</a>.</p>

  <p>During this course you will:</p>
  <ul>
    <li>learn about and use the <strong>recommended versions of HTML and CSS</strong> to use for mobile today;</li>
    <li>understand the constraints of working on mobile and how to overcome them to deliver the <b>best</b> possible <b>experience</b> to the <b>widest range</b> of <b>users</b>;</li>
    <li>practice client side and server side <b>content adaptation</b> techniques;</li>
    <li>learn about and use the <b>exciting new APIs</b> available on modern mobile platforms.</li>
  </ul>

<p>The course beginning on Monday June 6th is now full but we're <strong>planning another run in September</strong>. Be sure not to
miss early bird registration and <strong style="color:#f00"><a href="mailto:public-mobile-training-request@w3.org?subject=Subscribe">subscribe</a></strong>
to our mailing list.</p>

<h2>Introduction to SVG</h2>
<p>The team that worked on the Mobile Web course worked with Professor <a href="http://www.w3.org/2010/09/svg_tutors.php">David Dailey</a>
of Slippery Rock University, Pennsylvania, to present a course on Scalable Vector Graphics (SVG) &mdash; a technology that is becoming
increasingly important for both mobile and desktop. The course ran in October 2010 and January 2011 and is likely to run again.
Full details are provided in the <a href="http://www.w3.org/2010/09/intro_svg_course_description.php">course description</a>.</p>


<h2 id="reginfo">Make Sure You Don't Miss Out!</h2>

<p>Details of all our courses, the opening of registration periods etc. will be announced on this page and elsewhere.
If you would like to be kept informed about future courses then
please <strong style="color:#f00"><a href="mailto:public-mobile-training-request@w3.org?subject=Subscribe">subscribe</a></strong>
to our mailing list. This is <strong>only</strong> used to give information about W3C Mobile Web Initiative training.
(Messages are <a href="http://lists.w3.org/Archives/Public/public-mobile-training/">archived</a>.)</p>


<div id="footer" style="margin-bottom:4em">
<p class="copyright">&copy;2011 W3C (ERCIM, Keio University, MIT CSAIL)</p>
</div>
<p class="revision">Last updated: $Date: 2011/05/19 08:58:25 $</p>
<p class="topper"><a href="http://www.w3.org/People/all#phila">Phil Archer</a>, <a href="mailto:phila@w3.org">phila@w3.org</a>, <a href="http://www.w3.org/Mobile/">Mobile Web Initiative</a></p>


</div> <!-- end main -->

<p id="header">
	<span id="titleW3CMWI">
		<a href="http://www.w3.org/" class="titleW3C" accesskey="0"><img src="http://w3.org/Mobile/W3C" width="85" height="43" alt="World Wide Web Consortium (W3C)" /></a>
		<a href="http://www.w3.org/Mobile/" class="titleMWI" accesskey="1"><img src="http://w3.org/Mobile/MWI" width="151" height="63" alt="Mobile Web Initiative Logo" /></a>
	</span>
</p>
<h1 id="tagline">W3C Mobile Web Initiative Training</h1>

<div id="sidebar">

<ul>

	<li><strong class="uberTitle"><span class="uts"><span>MWI Training</span></span></strong>
		<ol>
		<li class="sectionTitle"><strong><a href="http://www.w3.org/Mobile/training/mobile_course/">Intro to Mobile: Course Description</a></strong>
<!--		<ul>
		  <li class="register"><a href="http://www.w3techcourses.com/course/view.php?id=5">Regsiter Now!</a></li>
		</ul>-->
        </li>
		<li class="sectionTitle"><strong><a href="http://www.w3.org/Mobile/training/mobile_course/mobile_course_dates.php">Dates, Costs &amp; Terms</a></strong></li>
		<li class="sectionTitle"><strong><a href="http://www.w3.org/Mobile/training/mobile_course/mobile_tutors.php">Tutors</a></strong></li>
		<li class="sectionTitle"><strong><a href="http://www.w3techcourses.com/" class="moodle">Course Web site</a></strong></li>
		<li class="sectionTitle"><strong><a href="http://www.w3.org/2010/09/intro_svg_course_description.php">Intro to SVG: Course Description</a></strong>
<!--		<ul>
		  <li class="register"><a href="http://www.w3techcourses.com/course/view.php?id=2" style="background-image: url('http://www.w3.org/2010/09/colour_drops.gif');">October 2010 SVG Course<br />Registration Open</a></li>
		</ul>--></li>
		<li class="sectionTitle"><strong><a href="http://www.w3.org/Mobile/">MWI Home</a></strong></li>
		</ol>
	</li>

	<li class="backToTop"><span><a href="#header" class="mobileOnly">(Back to the top)</a>&nbsp;</span></li>

</ul>
</div>

<!--
<script type="text/JavaScript">
new TWTR.Widget({
  search: '#w3cmobileweb',
  id: 'twtr-search-widget',
  loop: true,
  title: 'What\'s the buzz in',
  subject: 'W3C Mobile Web Training',
  width: 250,
  height: 250,
  theme: {
    shell: {
      background: '#3082af',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  }
}).render().start();
</script> -->


</body>
</html>