Tor2

Tame TOR II ,[object Object],[object Object],[object Object],[object Object]

Today’s Topics ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://www.w3.org/

The basics ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Structural tags ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],GSLIS West News Page

html tag ,[object Object],[object Object],GSLIS West News Page ,[object Object],[object Object],[object Object]

head ,[object Object],[object Object],[object Object],[object Object],GSLIS West News Page Contains “administrative” info

title ,[object Object],[object Object],[object Object],[object Object],[object Object],GSLIS West News Page ,[object Object],[object Object],[object Object]

body ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],GSLIS West News Page Contains page content

Content ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],GSLIS West News Page User sees “Page content”

Fun with formatting ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Tech Lab Tip: Don’t get section headers confused with the document header <head> tag.

Fun with Text ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Question How would you make words both strong and emphatic ?

Fish again ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Tech Lab Tip Tags must always be completely contained within the outer tag.

Watch where you close Wrong! Wrong!

This is correct Right!

Fun with Lists ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Pretty pictures ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Manny Being Manny ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Live links ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Live link in action ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

It’s your turn! ,[object Object],[object Object],[object Object]

Local machine vs. web server ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Tech Lab Tip To save your file from Notepad, chose File => Save As => “myfile.html” using double quotes.

Find practice files ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Download practice files ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Practice Page: Get Started ,[object Object],[object Object],[object Object],Tech Lab Tip Mac users: The pre-installed text editor on the Mac is called TextEdit, but it does not always handle HTML very well. You may want to download the free Taco HTML Editor. See the Tech Lab Download Center at http://my.simmons.edu/gslis/techlab/howto-info.shtml#web for instructions

Practice Page: Structural Tags ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Practice Page: Page Title ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Practice Page: Adding Content ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Insert this text The long awaited, eagerly anticipated, Harry Potter and the Half Blood Prince has arrived. A magnificent spectacle more than worth the price of admission, Harry Potter and the Half Blood Prince will blow you away. However, given that so much has gone into protecting . . .

Practice Page: Adding Content ,[object Object],<h1> Plot Summary </h1> Preview your page Tech Lab Tip Once your page is open in Internet Explorer or FireFox, just Refresh to see your changes.

Practice Page: Adding Content ,[object Object],<img src=“cover.jpg” /> Preview your page to see if it worked

Practice Page: Adding Content ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Preview your page, change to an ordered list, and preview again

Practice Page: Adding Content ,[object Object],<h3> Reading List </h3>

Practice Page: Adding Content ,[object Object],[object Object], Test your HPQ with a <a href=“potterquiz.pdf”> quiz </a> !

Practice Page: Adding Content ,[object Object], The long awaited, eagerly anticipated , Harry Potter and the Deathly Hallows has arrived. A magnificent spectacle more than worth the price of admission, Harry Potter and the Half Blood Prince will blow you away. However, given that so much has gone into protecting . . . What’s the tag?

Ready to go live! ,[object Object],[object Object],[object Object],[object Object],[object Object]

Accessing your Web space ,[object Object],[object Object],[object Object],[object Object],[object Object]

Understanding your Web space ,[object Object],[object Object],[object Object]

Upload your files ,[object Object],[object Object],[object Object]

You’re live! ,[object Object],[object Object],[object Object],[object Object],Tech Lab Tip To make everything on your page work properly, you must upload ALL your files including your .html document and any files you reference in your .html document, images, .pdfs, etc.

Troubleshooting ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],There is also plenty of helpful documentation on the Tech Lab Download Center – try the “Creating Web Pages” section: http://my.simmons.edu/gslis/techlab/howto-info.shtml

Want to know more? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

GSLIS Toolkit coming soon! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Need more help? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Tor2

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (17)

En vedette

En vedette (7)

Similaire à Tor2

Similaire à Tor2 (20)

Dernier

Dernier (20)

Tor2