Download What are the three main parts of a web page

yes no Was this document useful for you?
   Thank you for your participation!

* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project

Document related concepts

URL redirection wikipedia , lookup

Cascading Style Sheets wikipedia , lookup

Sahineish Joy Hayslett
Comp 140 Final Exam
Part 1. Complete the following questions with short but complete answers.
Part 2. Complete the web page exercise using Dreamweaver
Instructions are viewable by clicking on the “Final Exam” link on the
Instructors website and then clicking on the home.html page.
1. What are the three main parts of a web page?
The three main parts of a web page are: head, root and body of the site.
2. What is a root element of a web page? Where is it placed?
The root element is the document element that encloses all elements beneath it. It’s
found at the top of the page on the 1st line
3. What is the difference between a block element and an inline element?
Block elements are only seen in the <body> elements such as <p> for paragraphs.
Whereas inline elements are elements that define the style of a selected text such as
“<strong>,” or “<q>.”
4. Is HTML5 finalized as the current version of HTML?
5. What does CSS impose on each HTML element?
CSS puts an imaginary box on each element that can then be formatted with fonts,
borders and shading, and margins and padding.
6. What are the four “theories” that affect the application of CSS formatting?
Cascade, inheritance, descendant, and specificity.
7. Are CSS3 features supported in modern browsers?
8. In the Adobe Textbook what was done with the header element? Why?
I’m under the assumption that this question is referring to the mylayout.html project for
“greenstart.” We added a background image, a logo component, a navigational
component. We also changed the alignment, modified background color and page width.
9. List the CSS coding used to format the header element mentioned in #8 above.
<div class="header">...</div>
10. Describe the term “Semantic”. Why is it important? How does it apply to the
<aside> element in HTML5?
A semantic element clearly describes its meaning to both the browser and the developer.
The <aside> element defines some content aside from the content it is placed in (like a
11. With respect to CSS, what is the difference between a “class” and an “id”?
Id is used for a single unique element and can only be used once while a class can be
used multiple times
12. With respect to a template, what is an editable region?
Editable regions on a template define which parts of a page are changeable.
13. What is a child page of a template?
An asset of a template.
14. What is the purpose of using Dreamweaver behaviors? They give the
user/visitors intractability with the site.
15. What are the three steps used to create a Dreamweaver behavior?
1. In the pop-up window that appears give your rollover a name, alt tag, link and
browse to locate the Original Image and Rollover Image. Click OK.
2. To force an image swap from another link apart from the rollover image
created, just copy the javascript onMouseOver and onMouseOut functions from
the rollover image link and paste it into the <A> tag of the link that needs to
swap the image.
3. Once you get one link working just duplicate and reuse it by just changing the
location of the swap image desired.
16. What is a domain name? Why is it used?
Website addresses, so servers can identify where you want to go on the internet.
17. What is the difference between Web Equivalent, Web Smart or Web Safe colors?
Equivalent: The closest match to a web color but it may not be a safe color (displaying
Safe: 216 colors, little variety
Smart: Offer more combinations besides the 216 safe colors of the web
18. Describe transparency in web design. How it can it be applied? Is the use of PNG
transparency of any advantage?
It allows you as the designer to gradate an image so that you may lay it on top of another
image without residual background because it just fades. PNG is a huge advantage of
this because it allows you to save an gradiated image with transparency, JPEG doesn’t.
19. What is meant by image optimization?
This term is used to describe the process of image slicing and resolution reduction. This
is done to make file sizes smaller so images will load faster.
20. Please prepare a one page Thumbnail list to fully show how your project pages
are built and how they are connected to each other.