Presentation is loading. Please wait.

Presentation is loading. Please wait.

The “Other” Important Stuff: Doctypes: Making sure your website always looks good. Meta tags: making sure Google knows what you’re all about. Domain name.

Similar presentations


Presentation on theme: "The “Other” Important Stuff: Doctypes: Making sure your website always looks good. Meta tags: making sure Google knows what you’re all about. Domain name."— Presentation transcript:

1 The “Other” Important Stuff: Doctypes: Making sure your website always looks good. Meta tags: making sure Google knows what you’re all about. Domain name and hosting: so your amazing new site is up for all to see.

2 Doctypes! Creators of HTML were human; didn’t nail it the first time. Several different versions of HTML have existed…handle things a little differently, no one is ‘wrong.’ Modern browsers can handle any version fine …they just have to know which version they’re getting! The doctype has that info.

3 Which Document Types are there? HTML - 4.01 Strict, Transitional and Frameset XHTML 1.0 Strict, Transitional and Frameset XHTML 1.1 Strict: tags all written in lower case letters All tags have closing tags - including self-closing tags like images and breaks. All variables need quotes. thing=“blah” is required. THIS is what you want if you’re using CSS! Transitional: Less fussy and more forgiving about the stuff strict is intense on. Even if you’re using transitional, try and stick to strict as much as you can! Use this if you’re mixing oldschool HTML appearance-tweaks instead of CSS, or trying to mix both. Frameset: Special rules used if you’re working with framesets. Obviously, don’t use if you’re not gettin’ your frame on.

4 A Quick Dissection <!DOCTYPE html PUBLIC "-//W3C// DTD XHTML 1.0 Transitional//EN” "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd"> Let’s break this thing down into English real fast. “Hey computer! This is the doctype tag!” “It’s an XHTML 1.0 document. It’s in English.” “This is a link to the page of details the Smart Guys made about how this works. Any questions? Look there.” WHAT TO TAKE AWAY: You HAVE to have this thing, first on your site. Right now for simple sites it’s not a game changer, but get in the habit, and put this bad boy in.

5 Meta Tags! The second thing your site should have on it. Tells search engines about your site Two of ‘em: – Meta description: A few sentences about what your site’s about. Shows up when people search for your site. – Meta Keywords: a random assortment of words and phrases related to your site, that people might type into a search engine.

6 What they look like: Search Engine Optimization is a million dollar business. Fortunately, doing a little bit yourself this way takes 5 minutes, is free and simple, and might catapult your …Porcupine Feed Company to internet stardom.

7 Getting a host. Getting a domain! -Lucky you! You’ve made a webpage. …and it’s just sitting on your hard drive. Knock it off! -You’re going to need a domain name, and you’re DEFINITELY going to need a host. Then the whole internet can see your wonders.

8 The Domain. -Without a domain name, all websites would be something like http://76.176.115.292/ and that’s just no fun. So get a domain!http://76.176.115.292/ -Domains range in cost from bus change ($10 a year) for a random name, through to tens of thousands of dollars for something seriously catchy. -Lots of companies will give you your host and domain together as a deal. Shop around!

9 The host! -Every website needs to ‘live’ on a computer somewhere. Your little laptop isn’t gonna cut it. -You pay for hosting, then upload your site to a server. It becomes visible to the world. -For a small site you’ve made yourself, a few dollars a month will be great.


Download ppt "The “Other” Important Stuff: Doctypes: Making sure your website always looks good. Meta tags: making sure Google knows what you’re all about. Domain name."

Similar presentations


Ads by Google