1 / 9

The “Other” Important Stuff:

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. . Doctypes !.

jadzia
Télécharger la présentation

The “Other” Important Stuff:

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

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! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> • 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: Transitional: Frameset: • 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! • 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. • Special rules used if you’re working with framesets. • Obviously, don’t use if you’re not gettin’ your frame on.

  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> A Quick Dissection Let’s break this thing down into English real fast. <!DOCTYPE html PUBLIC "-//W3C// DTD XHTML 1.0 Transitional//EN” "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd"> “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! <meta name="description" content="We are your best bet for replacement bus tail pipes." /> <meta name="keywords" content="bus tail pipes, bus parts, bus repair" /> • 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: <meta name="description" content=”We are Larry’s Porcupine Chow, Inc, makers of fine porcupine food in upper Quebec for over 30 years." /> <meta name="keywords" content=“Porcupine Chow, Porcupine Feed, Upper Quebec, Animal feed" /> 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! • 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.

More Related