HTML Editors:
Students will use either of three editors for their lesson practices. The primary editor for classroom use will be quackit. The other three editors can be used at home at their leisure.
The options are:
Meta Tags
The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.
Why should you use meta tags ?Meta tags are not the "ultimate solution" to get ranked high into the search engines overnight.
There are other methods to get to the top of the list. By the number of links on your site, the content of your site and how your website is constructed all play a part. Also the age of your website or domain is important.
That being said: Meta tags are free and they help !
Search engines like Google, Bing, Yahoo and AltaVista show Meta tags in their search results. You will have a direct influence on your presentation. And by doing so you will manipulate the click-behavior of your soon te be customer.
Why some websites are No. 1 and why some will never be found.Over 80% of all people use search engines to find information on the internet. About 60% of them use the search engine Google. Hardly anyone knows your internet domain name but often they do know the business you are in.
Every day new internet techniques are introduced. So many that it's hard to keep up. Meta tags are a "traditional" technique and have already been in use for a long time.
ExampleDescribe metadata within an HTML document:
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
DAY 1 - EXAMPLES
Examples – BASIC (STRUCTURE)
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Examples – HEADERS / FOOTERS
A header for an <article>:
<article>
<header>
<h1>Most important heading here</h1>
<h3>Less important heading here</h3>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>
Most important heading here
Less important heading here
Some additional information here.
Lorem Ipsum dolor set amet....
Learning Extension:
Student(s) will create a basic web page
Student(s) will add additional tags:
a. attributes
b. elements
c. headings
Students will use either of three editors for their lesson practices. The primary editor for classroom use will be quackit. The other three editors can be used at home at their leisure.
The options are:
- Notepad (accessible from their Start button, located under programs, then under accessories.
- activejump (students will need to register to access editor
- Tutorials
Meta Tags
The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.
Why should you use meta tags ?Meta tags are not the "ultimate solution" to get ranked high into the search engines overnight.
There are other methods to get to the top of the list. By the number of links on your site, the content of your site and how your website is constructed all play a part. Also the age of your website or domain is important.
That being said: Meta tags are free and they help !
Search engines like Google, Bing, Yahoo and AltaVista show Meta tags in their search results. You will have a direct influence on your presentation. And by doing so you will manipulate the click-behavior of your soon te be customer.
Why some websites are No. 1 and why some will never be found.Over 80% of all people use search engines to find information on the internet. About 60% of them use the search engine Google. Hardly anyone knows your internet domain name but often they do know the business you are in.
Every day new internet techniques are introduced. So many that it's hard to keep up. Meta tags are a "traditional" technique and have already been in use for a long time.
ExampleDescribe metadata within an HTML document:
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
DAY 1 - EXAMPLES
Examples – BASIC (STRUCTURE)
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Examples – HEADERS / FOOTERS
A header for an <article>:
<article>
<header>
<h1>Most important heading here</h1>
<h3>Less important heading here</h3>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>
Most important heading here
Less important heading here
Some additional information here.
Lorem Ipsum dolor set amet....
Learning Extension:
Student(s) will create a basic web page
Student(s) will add additional tags:
a. attributes
b. elements
c. headings