1. HTML Basics, Textile and Movable Type

2. Movable Type is the tool you’ll use to update CHILD. You’ll use very basic HTML and Textile within Movable Type to format the text and add links. Why do I need to know this?

3. HTML Basics

6. Headings Example HTML Heading One <h1>Heading One</h1> Heading Two <h2>Heading Two</h2> Heading Three <h3>Heading Three</h3>

7. Paragraphs Example HTML Here is the first paragraph. Here is the second paragraph. <p>Here is the first paragraph.</p> <p>Here is the second paragraph.</p>

9. Hyperlinks <a href=“http://site/default.asp”>Home</a> Home

10. Images <img src=“/site/images/image.gif”>

11. Text Formatting DO NOT USE! Underline Example HTML Bold <b>Bold</b> or <strong>Bold</strong> Italic <i>Italic</i> or <em>Italic</em>

13. Textile

15. Textile Translations HTML Textile <h1>Heading One</h1> h1. Heading One <h2>Heading One</h2> h2. Heading Two <p>Paragraph</p> n/a <b>Bold</b> *Bold* <em>Italic</em> _Italic_

16. Textile Lists HTML Textile <ul> <li>Bullet Item</li> <li>Bullet Item</li> <li>Bullet Item</li> <ul> * Bullet Item * Bullet Item * Bullet Item <ol> <li>Number One</li> <li>Number Two</li> <li>Number Three</li> </ol> # Number One # Number Two # Number Three

17. Textile Links No equivalent – need to use HTML <a href=“/departments/web/docs/mydoc.pdf” target=“_blank”>My Document</a> HTML Textile <a href=“http://child”>CHILD</a> “ CHILD”:http://child “ Dot Org”:www.seattlechildrens.org <a href=http://child” title=“Visit CHILD”>Access CHILD</a> “ Access CHILD(GO TO CHILD)”:http://child

18. Textile Images HTML Textile <a href=“/site/images/image.gif”> !/site/images/image.gif! <a href=“/site/images/image.gif” alt=“Image description”> !/site/images/image.gif(Image description)!