more link tweaking

src/site/docs/tutorials/web-ui/index.markdown

 ---
 layout: default
 title: "Get Started with Web UI"
 description: "Web UI provides web components, templates, data binding, and encapsulation."
 has-permalinks: true
 tutorial:
   id: get-started-web-ui
-next: templates
+next: templates/
 next-title: "Use Templates"
-prev: shared-pkgs
+prev: shared-pkgs/
 prev-title: "Install Shared Packages"
 ---
 
 {% capture whats_the_point %}
 
 * Web UI is an open-source package.
 * Web UI provides web components for Dart apps.
 * Other features support separation of data and presentation.
 * Compile Web UI apps automatically in Dart Editor.
 * Use data binding to sync Dart variables and UI elements.
@@ skipping 31 matching lines @@
 </div>
 
 <hr>
 
 <aside class="alert" style="background-color:Lavender;color:SlateBlue">
   <font size="24">
   <i class="icon-bullhorn"> </i>
   </font>
 
   The Dart Web UI team recently
-  <a href="https://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/6laXXxRtA7k">announced</a>
+  <a href="https://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/6laXXxRtA7k" target="_blank">announced</a>
   a port of the Polymer project:
-  <a href="http://pub.dartlang.org/packages/polymer">polymer.dart</a>.
+  <a href="https://pub.dartlang.org/packages/polymer" target="_blank">polymer.dart</a>.
 
   We've converted most of the tutorial Web UI examples and compiled some
   <a href="https://github.com/dart-lang/dart-tutorials-samples/blob/master/web/to-polymer-notes.txt" target="_blank">notes</a>
   along the way.
   Here is the source code for the polymer versions of the three examples from this target:
   <ul>
     <li>
       <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06-polymer/littleben_element"
          target="_blank">littleben_element</a>: version of littleben using a custom element
     </li>
     <li>
       <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06-polymer/littleben_model"
          target="_blank">littleben_model</a>: version of littleben with a bound model
     </li>
     <li>
       <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06-polymer/shout"
          target="_blank">shout</a>
     </li>
     <li>
       <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06-polymer/stopwatch"
          target="_blank">stopwatch</a>
     </li>
   </ul>
 </aside>
 
 <hr>
 
 
 The
-<a href="http://pub.dartlang.org/packages/web_ui">Web UI package</a>
+<a href="https://pub.dartlang.org/packages/web_ui" target="_blank">Web UI package</a>
 provides the tools and Dart code
 that implement data binding, web components,
 templates, and encapsulation.
 To use these Web UI features,
 you need to install the Web UI package in each application that uses it
 and compile the project using the Web UI compiler.
 To streamline the development process,
 you can use Dart Editor to help set up your project,
 install the package, and automate the build process.
 
 This target begins by showing you how to set up a project to use Web UI,
 including how to install the package.
 (If you are unfamiliar with packages, the previous target,
-<a href="/docs/tutorials/packages/">Install Shared Packages</a>,
+<a href="/docs/tutorials/shared-pkgs/">Install Shared Packages</a>,
 has details.)
 Then this target describes how to use two features of the Web UI package.
 Specifically, you will learn 
 how to use data binding to embed mutable Dart data in your HTML page
 and to declaratively attach event handlers to UI elements.
 
 The next two targets,
 <a href="/docs/tutorials/templates/">Target 7: Use &lt;template&gt;</a>
 and
 <a href="/docs/tutorials/custom-elements/">Target 8: Define a Custom DOM Tag</a>,
@@ skipping 88 matching lines @@
 </li>
 </ol>
 
 ##Install the Web UI package in an existing Web application {#install-web-ui} 
 
 If you already have an application to which you would like to add Web UI,
 you need to set up the package dependencies
 and install the Web UI package libraries into your project.
 This section assumes that you have read
 the previous target,
-<a href="/docs/tutorials/packages/">Install Shared Packages</a>,
+<a href="/docs/tutorials/shared-pkgs/">Install Shared Packages</a>,
 and are familiar with the process
 of installing packages.
 
 <ol>
 <li markdown="1">
 In Dart Editor,
 open an existing project.
 For the example here,
 we're using the default sample application
 generated by Dart Editor
@@ skipping 31 matching lines @@
 
 <aside class="alert" markdown="1">
 <strong>Note:</strong>
 If you include a version constraint,
 instead of using `any`,
 your code will be less likely to break
 because of new releases of the package.
 For example: `web_ui: >=0.4.1 <0.4.2`.
 You can proactively upgrade to new versions when you are ready.
 Check the Web UI package
-<a href="https://github.com/dart-lang/web-ui/blob/master/CHANGELOG.md">
+<a href="https://github.com/dart-lang/web-ui/blob/master/CHANGELOG.md" target="_blank">
 CHANGELOG</a>
 to see what version of the package
 works with the version of the SDK you are running.
 </aside>
 </li>
 
 <li markdown="1">
 Select pubspec.yaml, and install the package by
 choosing **Tools > Pub Install** from the menu.
 This recursively installs the web_ui package
@@ skipping 88 matching lines @@
 The Dart code computes the current time and
 formats it into a String.
 The HTML code embeds the value of that Dart String
 into the HTML using the data binding feature provided by the Web UI package.
 Use one-way data binding
 when the value of the bound expression (here, a Dart string)
 can change only in the Dart code.
 
 <iframe class="running-app-frame"
         style="height:100px;width:300px;"
-        src="http://dart-lang.github.com/dart-tutorials-samples/web/target06/littleben/web/out/littleben.html">
+        src="http://dart-lang.github.io/dart-tutorials-samples/web/target06/littleben/web/out/littleben.html">
 </iframe>
 
 You can find the complete source code for this sample on github at
 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06/littleben" target="_blank">littleben</a>.
 
 On the HTML side, the code uses a _template expression_
 to embed the value of the String `currentTime` into the page.
 In this example,
 the expression is simply the name of a Dart variable
 and it appears as part of an element's text property.
@@ skipping 17 matching lines @@
 If the variable points to a different object,
 you'll know thanks to @observable.
 However, if the internal value of the variable changes
 (like, list contents), @observable doesn't help you.
 You'll need to also say
 "I want to observe list contents" with toObservable().
 {% endcomment %}
 
 The value of `currentTime` changes every second
 thanks to a periodic
-<a href="http://api.dartlang.org/dart_async/Timer.html" target="_blank">Timer</a>
+<a href="https://api.dartlang.org/dart_async/Timer.html" target="_blank">Timer</a>
 object.
 When the string changes,
 the HTML page gets updated automatically.
 
 This sample also uses the
-<a href="http://api.dartlang.org/dart_core/DateTime.html" target="_blank">DateTime</a>
+<a href="https://api.dartlang.org/dart_core/DateTime.html" target="_blank">DateTime</a>
 class to get the current time.
 
 ##Binding the value of an element to a Dart variable {#two-way-data-binding}
 
 Using the Web UI package's two-way data binding feature,
 you can bind the value of an element,
 typically an &lt;input&gt; element,
 to the value of a Dart variable.
 
 Try it! Type in the input field in the example running below.
 
 <iframe class="running-app-frame"
         style="height:230px;width:300px;"
-        src="http://dart-lang.github.com/dart-tutorials-samples/web/target06/shout/web/out/shout.html">
+        src="http://dart-lang.github.io/dart-tutorials-samples/web/target06/shout/web/out/shout.html">
 </iframe>
 
 You can find the complete source code for this sample on github at
 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06/shout" target="_blank">shout</a>.
 
 The value of the text field is bound to a Dart string called `shoutThis`.
 The string is declared
 and marked with `@observable`
 in the Dart code.
 The string is bound to the input field in the HTML code
@@ skipping 59 matching lines @@
 to bind Dart event handlers to UI elements.
 Each button in the stopwatch example below
 has an event handler for responding to mouse clicks.
 The event handlers are bound to the button in the HTML code
 and implemented in Dart.
 
 Try it! Click the buttons to start, stop, and reset the stop watch.
 
 <iframe class="running-app-frame"
         style="height:175px;width:205px;"
-        src="http://dart-lang.github.com/dart-tutorials-samples/web/target06/stopwatch/web/out/stopwatch.html">
+        src="http://dart-lang.github.io/dart-tutorials-samples/web/target06/stopwatch/web/out/stopwatch.html">
 </iframe>
 
 You can find the complete source code for this sample on github at
 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06/stopwatch" target="_blank">stopwatch</a>.
 
 Here's the code that sets the mouse click handler for the **Start** button.
 
 ![Set event handlers directly in HTML code](images/event-handler.png)
 
 Event handlers are declared using attributes,
 where the attribute name specifies the event type
 using a hyphenated form of the Dart event name beginning with `on-`.
 The buttons in the example specify event handlers for mouse clicks
 using `on-click`.
 
 Other common events 
 are double-click events (`on-double-click`)
 and change events on input fields (`on-change`).
 See the API docs for 
-<a href="http://api.dartlang.org/dart_html/Element.html"
+<a href="https://api.dartlang.org/dart_html/Element.html"
    target="_blank">Element</a>
 for a complete list of event names.
 {% comment %}
 Events classes are planned to change
 and this section will need updating.
 {% endcomment %}
 
 The attribute value is a Dart expression that usually
 specifies a function call.
 In the stopwatch example,
@@ skipping 18 matching lines @@
     Sigmund Cherem's article,
     <a href="/articles/dart-web-components/">Web UI Package</a>,
     contains several interactive examples on the page
     and the corresponding source code.
   </li>
 </ul>
 
 {% endcapture %}
 
 {% include tutorial.html %}