1. or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML

2. 2 Why build a website? Instant publication To use the power of hypertext Personal Satisfaction To illustrate your skill Caution: When you start adding pages it can get unruly. Have a plan and save yourself trouble.

3. 3 What is HTML? HTML is a formatting language made up of tags. Tags have brackets A command goes in the brackets Tags usually come in pairs to show a and an. i.e.,

4. 4 Hexadecimal Color Codes Colors in HTML are codes six digits long made of numbers and letters. i.e. This is the code for white. Geek Note: RRGGBB

5. 5 Writing an HTML file Straight Text ◦ Notepad Fancy Editors ◦ Front Page ◦ Cold Fusion ◦ Dream Weaver

6. 6 Starting a Notepad File Open Notepad Start > Programs > Accessories > Notepad Save the File ◦ Select: File > Save As ◦ Save in: A Drive or C Drive; create a personal folder ◦ File Name: index.html or mypage.html ◦ Save type: All Files (to make sure you’re not saving over something with the same name)

7. 7 Where is my file??? G Drive Your Computer Dante Server

8. 8 Publishing your Page Open Secure FTP Start>Programs>FTP Clients>SSH Secure FTP>Secure FTP Dante Enter your UW NetID and Password Open your public_html folder Click the up arrow and find the image “book.gif” Upload Change properties to read for everyone and write for you (permission mask 644) Upload your html page and do the same

9. 9 Recap Why to build a website How to format documents in HTML Where your files sit How to adjust permission masks

10. 10 ¿Questions? Do you have any questions about this material?

11. 11 Evaluation Please take a moment to fill out our evaluation forms. Thank you