Web Class -- Week 2, Your Very First Web Page

Week 2 

CLASS #2 Notes:
“If you really want to know if your
Web site works, ask your next
door neighbor to try using it, while
you watch.
(You bring the beer.)”
http://www.sensible.com/

Content and xhtml

Subjects

1. Adding Content to a basic Web Page
2. xhtml - some rules
3. (x)html elements - defined
4. Formatting your content
5. The <img /> element
• Image editing
• Inserting a graphic on a web page

Objective This week

• --Adding Content and formatting content with xhtml
• Working with images

Resources for this week -- The Links

The xhtml rules
http://uofgts.com/BasicWD/xhtml.html

Oh no, more rules! Things you need to know!
TYNTK

At the very least this week

Go through this xhtml tutorial...

The Building Blocks of a Web Page

You should be able to Format your content
Using the Web Editor of your Choice 

and the basic elements
start with this very Basic html5  Blank Page

(It's in your class Master website folder)

or you can get it here

http://uofgts.com/BasicWD/Basicxhtmlpage5.html

 After you have gone through the tutorial you can use one of these wire "frame" templates to insert your content...

html5-3col.html, html5-2colindex.html, 

In your class master web site folder there are a few others wire frames...

Play with Sumo Paint

SumoPaint If you know a little Photoshop, you'll know how to use this free on-line paint program.
Use it to add an image or graphic or logo to your content!

Here's a More detailed tutorial on how to insert an image on a page using <img>
Inserting Images

 

What we will look at next week...

• Inserting (color)
• Inserting Images
• Links, the key to the web

Some vocabulary 

.php

- Personal Home Page is actually a server side scripting language

An xhtml element

is made up of an opening tag like <h1> and a closing tag </h1>.

Depreciation

- deprecation is applied to software features that are superseded and should be avoided. Deprecation may indicate that the feature will be removed in the future. Features are deprecated—rather than being removed.

http

- hyper text transfer protocol.

ftp

- file transfer protocol

XHTML

– The Extensible Hypertext Markup Language.

a markup language that has the same depth of expression as HTML but also conforms to XML syntax.

The intersection of HTML and XML a reformulation of HTML in XML.

 Got a question?  'holler…