Lecture Summaries class 20 - Last Class
Prepared by: Anthony Larrain
These notes serve as an outline to the lecture, they are not intended to
be complete. Attend class to get more details.
FrontPage Layers
- Layers allow you to easily place related web content at exact X and Y coordinates.
- Start FrontPage: In design mode: From main menu, Insert --> Layers.
- Each Layer is given a name layer1, layer2 etc.. These names can be changed.
- Inside the layer you can add your web content: text, paragraphs, links, lists tables etc..
- Layers can be moved and resized, before or after content is added.
- Each layer is placed inside a
div tag
- CSS positioning is used to layout the layer. This code is generated automatically by FrontPage as an inline style.
- Each layer can have a different font, color etc.. This can be done using frontpage or adding styles to the
HTML file
- If you use CSS to style the layer, use Id selectors.
- Example:
Suppose you create two layers. If you do not change the name of the layer, they will be given the default names layer1
and layer2.
To add some style to each of the layer, we define an id selector.
<![CDATA[
#layer1{
background:green;
color:hotpink;
font-family:arial;
}
#layer2{
background:lavender;
color:yellowgreen;
}
]]>
HTML Forms
- Forms provide a way of getting user feedback
form is an HTML tag- Inside the form tag you can place normal text, markup and special elements called controls.
- Controls are elements like, radio buttons, check boxes, buttons, text fields.
The Code is:
<![CDATA[
<form action=" " method=post>
<p><label>First Name: </label>
<input type="text" name="firstname"></p>
<p><label>Last Name: </label>
<input type="text" name="lastname"></p>
<p><label>Email:
</label>
<input type="text" name="email"></p>
<p><label>Comments:</label>
<textarea name="thetext" rows="6" cols="40"></textarea></p>
<p><input type="submit" value="send"> <input type="reset"></p>
</form>
]]>
The value for the attribute action would be filled in by you.
- This needs to be the URL of a script that will process your form data. If you have a web hosting account they
may provide the URL and script.
- FreeForms.org. Provides a service that will route form data to your email address.
- Sending it directly to your email. Not a good idea.
More on forms W3.org