more link tweaking

src/site/docs/tutorials/connect-dart-html/index.markdown

 ---
 layout: default
 title: "Connect Dart & HTML"
 description: "Shows basic scaffolding of a Dart web app"
 has-permalinks: true
 tutorial:
   id: connect-dart-html
-next: add-elements
+next: add-elements/
 next-title: "Add Elements to the DOM"
-prev: get-started
+prev: get-started/
 prev-title: "Get Started"
 ---
 
 {% capture whats_the_point %}
 
 * The DOM models a browser page in a tree/node structure.
 * An HTML file hosts your Dart code in a browser page.
 * Use query() with an ID to get an element from the DOM.
 * Control run-time configurations in Dart Editor with named launches.
 * Compile to JavaScript to run in any modern browser.
@@ skipping 139 matching lines @@
 Dart Editor creates a directory called mini and, within it,
 the files and directories needed for a web application.
 
 <img src="images/new-app-files.png"
      alt="After new application created">
 
 * The top-level directory is named after the application.
 
 * The pubspec.yaml file is used by applications
 that rely on external packages of Dart code.
-[Target 5: Install Shared Packages](/docs/tutorials/packages/)
+[Target 5: Install Shared Packages](/docs/tutorials/shared-pkgs/)
 provides more information.
 Web applications use a package called `browser`.
 This dependency is declared in the pubspec.yaml file.
 
 * The web directory contains the Dart, HTML, and CSS code for the web app.
 
 * The main source file, mini.dart in this sample,
 contains boilerplate code for the clickme app
 you saw in the previous target.
 You will edit the code in this file and
@@ skipping 29 matching lines @@
 <img src="images/0-mini-code-walk-through.png"
      alt="Import Dart HTML library">
 
 This program imports Dart's HTML library,
 which contains the classes and functions for programming the DOM.
 Generally speaking, all Dart web apps need the Dart HTML library.
 Key classes include:
 
 | Dart class | Description |
 |---|---|
-| <a href="http://api.dartlang.org/dart_html/Node.html" target="_blank">Node</a> | Implements a Dart Node. |
-| <a href="http://api.dartlang.org/dart_html/Element.html" target="_blank">Element</a> | A subclass of Node, implements a web page element. |
-| <a href="http://api.dartlang.org/dart_html/Document.html" target="_blank">Document</a> | Another subclass of Node. Implements the document object. |
+| <a href="https://api.dartlang.org/dart_html/Node.html" target="_blank">Node</a> | Implements a Dart Node. |
+| <a href="https://api.dartlang.org/dart_html/Element.html" target="_blank">Element</a> | A subclass of Node, implements a web page element. |
+| <a href="https://api.dartlang.org/dart_html/Document.html" target="_blank">Document</a> | Another subclass of Node. Implements the document object. |
 {: .table}
 
 The Dart core library contains another useful class,
-<a href="http://api.dartlang.org/dart_core/List.html" target="_blank">List</a>,
+<a href="https://api.dartlang.org/dart_core/List.html" target="_blank">List</a>,
 a parameterized class that can specify the type of its members.
 The Element class keeps its list of child Elements
 in a List\<Element>, a list that can contain only Element objects.
 
 ###Using the query() function
 
 This app's main() function contains a single
 line of code that is a little like a run-on sentence
 with multiple things happening one after another.
 Let's deconstruct it.
@@ skipping 142 matching lines @@
 and then click the Run button
 <img src="images/run.png" width="16" height="16"
      alt="Run button">.
 Dart Editor invokes Dartium
 and loads `mini.html` in it.
 Below is mini app running in a frame.
 The app just displays a line of text.
 
 <iframe class="running-app-frame"
         style="height:150px;width:300px;"
-        src="http://dart-lang.github.com/dart-tutorials-samples/web/target02/mini/web/mini.html">
+        src="http://dart-lang.github.io/dart-tutorials-samples/web/target02/mini/web/mini.html">
 </iframe>
 
 The Dart web app changed
 the text in the browser window dynamically at runtime.
 Of course, placing static text on a browser page
 and doing nothing else
 could be accomplished with straight HTML.
 This little app only shows you how to make a connection
 from a Dart app to a browser page.
 
@@ skipping 125 matching lines @@
      alt="HTML with CSS">
 
 Save your files and run the app again.
 
 Below is the revised mini app,
 which is slightly more colorful
 but still neither interactive nor interesting.
 
 <iframe class="running-app-frame"
         style="height:150px;width:300px;"
-        src="http://dart-lang.github.com/dart-tutorials-samples/web/target02/mini_with_style/web/mini_with_style.html">
+        src="http://dart-lang.github.io/dart-tutorials-samples/web/target02/mini_with_style/web/mini_with_style.html">
 </iframe>
 
 ##About CSS selectors {#about-css-selectors}
 
 IDs, classes, and other information about elements
 are established in HTML.
 Your Dart code can use this information
 to get elements using a CSS selector&mdash;a pattern
 used to select matching elements in the DOM.
 CSS selectors allow the CSS, HTML, and Dart code
@@ skipping 91 matching lines @@
     where you'll find many recipes about
     manipulating the DOM and using CSS.
     The cookbook also has recipes about basic Dart data types,
     such strings, lists, maps, and numbers.
   </li>
 </ul>
 
 {% endcapture %}
 
 {% include tutorial.html %}