You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
196 lines
10 KiB
196 lines
10 KiB
<?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) — 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">©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 & 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> </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>
|