Or Just the ma’am Instructor: Eric Riley [email protected] Basic HTML.

11
or Just the <tags> ma’am Instructor: Eric Riley [email protected] Basic HTML

Transcript of Or Just the ma’am Instructor: Eric Riley [email protected] Basic HTML.

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

or Just the <tags> ma’am

Instructor: Eric [email protected]

Basic HTML

Page 2: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.

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.

Page 3: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.

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 <start> and an </end>.

i.e., <command></command>

Page 4: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.

4

Hexadecimal Color Codes

Colors in HTML are codes six digits long made of numbers and letters.

i.e. <body text="FFFFFF">This is the code for white.

Geek Note: RRGGBB

Page 5: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.

5

Writing an HTML file

• Straight Text◦ Notepad

• Fancy Editors◦ Front Page◦ Cold Fusion◦ Dream Weaver

Page 6: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.

6

Starting a Notepad File

• Open NotepadStart > 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)

Page 7: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.

7

Where is my file???

G Drive

Your Computer

Dante Server

Page 8: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.

8

Publishing your Page

Open Secure FTPStart>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

Page 9: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.

9

Recap

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

Page 10: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.

10

¿Questions?

Do you have any questions about this material?

Page 11: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.

11

Evaluation

Please take a moment to fill out our

evaluation forms.

Thank you