Monday, November 3rd

advertisement
Tuesday, March 10th
• Warm Up: What are Meta tags? Why
do we use them and where do they
go?
• Today:
• REVIEW some key/sticky concepts in
Web Design
Meta Tags
• Allows browser to find your website
• Descriptor is the most common Meta Tag (and I think most
useful)
• Goes in header on HOME page
<META name="KEYWORDS" content="html, webdesign,
javascript">
2
Image as a Link
• Links use the <a> and </a> tags
• Image as a link uses the same <a href=“
site.org”>
• And the same </a> tag to end
• In between, you put the picture
• <a href=“ site.org”> <img src= “rainbow.gif”>
</a>
3
Link within a page (Anchor)
• There are two parts to an anchor: the place you want to select
• The place you want to go
• Part one: <a name=“anchorlink”></a>
• Part two: in the place you want the user to “go to” on the
page, put:
• <a href=“#anchorlink”>stuff you want them to see</a?
4
Today …
• Finish HTML assignment # 2, show Mrs. H
• Begin HTML assignment # 3
5
Form
• Go to Echo Echo and complete the tutorial on
forms before completing assignment # 4
6
Email
• Providing a link where customers/fans can email you is
COMMON on a website
• Generally, the text may say:
• Contact Us
• Email Me
• Send an Email
• How do you create the email link?
• You use the link tag
<a href= > </a>
• <a href="mailto:youremailaddress">Email Me</a>
7
Scroll Boxes = Drop Down Lists
• Very useful on a form
• Used to provide pre-set options for answering
• The <select> tag defines the menu.
The name setting adds an internal name to the field so the
program that handles the form can identify the fields.
The size option defines how many items should be visible at a
time. Default is one item.
The multiple setting will allow for multiple selections if
present.
8
Scroll/Drop Down …
• <html>
<head>
<title>My Page</title>
</head>
<body>
<form name="myform"
action="http://www.mydomain.com/myformhandler.cgi"
method="POST">
<div align="center">
<select name="mydropdown">
<option value="Milk">Fresh Milk</option>
<option value="Cheese">Old Cheese</option>
<option value="Bread">Hot Bread</option>
</select>
</div>
</form>
</body>
</html>
9
Download