Discussion :  SOU CS Classes The fastest message board... ever.
Forum for discussion, questions, and replies relating to Web Development I 
Goto Thread: PreviousNext
Goto: Forum ListMessage ListNew TopicSearchLog In
Week 2 - Wednesday Discussion
Posted by: harveyd (IP Logged)
Date: October 03, 2007 04:33PM

1. Find a Native American web site that you think is particularly good. Why do you feel that way?
2. Find one that you think is particularly bad. Why do you feel that way?
3. What jobs are open to people with skills in web development? What are the qualifications? What are the salary ranges? You'll need to do some web searching for this question?
4. Find a good site for CSS information. Tell us what it is. What do you like about it?
5. Find an article about the impact CSS has on web-design.
6. Find and show us a CSS script that you like. What do you like about it?
7. Tell us something interesting about CSS.
8. Tell us how to use a CSS type that we didnít cover in class.
9. Tell us the url for a site that contains a CSS cheat sheet?
10. What is a purpose of CSS?
11. When would you use each type of style sheet (inline, document level, and external)?
12. What is a font family? What is a generic font?
13. What is monospace? Give an example of a monospace font.
14. Describe how hexadecimal notation is used for specifying colors.
15. Tell us something interesting about web-safe colors.
16. What is an easy way to apply the same style sheet specification to a bunch of tags without repeating it over and over?
17. What is a style sheet class?
18. When would you use a <span> tag?
19. When would you use a <div> tag?
20. How do you change the color of a hyperlink that was already visited?
21. Why are style sheets considered to be cascading?

Re: Week 2 - Wednesday Discussion
Posted by: (IP Logged)
Date: October 03, 2007 08:45PM

1. Find a Native American web site that you think is particularly good. Why do you feel that way?
The website [www.american-native-art.com] does a nice job of providing a synopsis of many native American tribes and their history. It makes a great introduction however, there is no language information.

James Cleaver

Re: Week 2 - Wednesday Discussion
Posted by: (IP Logged)
Date: October 04, 2007 04:40AM

4. Find a good site for CSS information. Tell us what it is. What do you like about it?

I found this css cheat sheet and I think that it is a very helpful site. Not only does it list things like font-families and font-size but is shows how they should be used. The site is: [www.tek271.com]

19. When would you use a <div> tag?

When you need to make a box for your web site, like in our lab2.

Re: Week 2 - Wednesday Discussion
Posted by: (IP Logged)
Date: October 04, 2007 06:35PM

9) I thought this sight seemed pretty extensive:
[home.tampabay.rr.com].
It explained what each property does as well as show the tag for it, and it had a few visuals to explain how things would be layed out as well.

Re: Week 2 - Wednesday Discussion
Posted by: (IP Logged)
Date: October 05, 2007 01:56PM

13. What is monospace? Give an example of a monospace font.
A monospace is a font that each character takes up the same amount of space, so that the characters look equally spaced. An example of monospace is Courier New.

Re: Week 2 - Wednesday Discussion
Posted by: (IP Logged)
Date: October 05, 2007 02:10PM

15. Tell us something interesting about web-safe colors.


Years ago, when most computers only supported 256 different colors, a list of 216 Web Safe Colors was suggested as a Web standard. The reason for this was that the Microsoft and Mac operating system used 40 different "reserved" fixed system colors (about 20 each).

It is not as important now, since most computers today have the ability to display millions of different colors, but the standard is still appropriate.

If you want your pages to validate with an HTML or a CSS validator, W3C has listed 16 color names that you can use: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. However, there are 150 color names that all of the major browsers use, but the validator will not recognize the names so you must specify their RGB or HEX value.

Re: Week 2 - Wednesday Discussion
Posted by: (IP Logged)
Date: October 05, 2007 02:48PM

18. When would you use a <span> tag?

A <span> tag is used for inline formatting, such as making one word or a few characters a different color.
<P>This is <SPAN class="example">red text</SPAN> in a paragraph</P>

19. When would you use a <div> tag?
A <div> tag is used for formatting structure in a block of text. Multiple formats can be applied.
<DIV style="color:aqua; font-weight:normal; font-family 'times new roman'"><H1>This heading</H1></DIV>

Note from Dan: Remember that tags names must be lower case to be XHTML compliant.



Edited 1 time(s). Last edit at 10/05/2007 02:56PM by harveyd.

Re: Week 2 - Wednesday Discussion
Posted by: (IP Logged)
Date: October 06, 2007 04:02PM

A very interesting site for CSS information is CSS Zen Garden. This site is so cool because it demonstrates how CSS changes the look of an entire page. It does this by allowing different web designers to post style sheets. These style sheets are posted as links, when you click on them they reload the same page with a differnt CSS design. This completely change the look of the page but the content is still exactly the same.I recommend everyone in this class check out this site it is excellent.
[www.csszengarden.com]

Re: Week 2 - Wednesday Discussion
Posted by: (IP Logged)
Date: October 08, 2007 04:59AM

14. Describe how hexadecimal notation is used for specifying colors.

Hexadecimal notation is used to numerically represent colors, creating a color code using 6 digits to indicate a specific color. Hexadecimal notation consists of the use of the 10 digits 0 through 9, and then the six letters a through f creating a numbering system up to 16 which can be easily converted to the binary system on which computers are based. In hexadecimal notation, for example, the color white becomes ffffff. Each code is broken up into three pairs: the first pair is a value of red, the second a value of green, and the last pair a value of blue (which also corresponds with the "rgb" color mode, as opposed to "cmyk" which is used more in the printing world and stands for cyan, magenta, yellow and black; web safe colors are always "rgb"). The lower the number the darker the color, i.e. 000000 is the color code for black; and the higher the number, the lighter the color, thus white is ffffff. Red becomes ff0000 which in essence translates to all of the red value, none of the green and none of the blue value. Some older monitors are only able to display up to 256 colors. Of these 40 are reserved for the browser's use, so in essence there are available, 216 colors. While the hexadecimal notation can accommodate many more colors than that, the 216 colors are what constitute web safe colors because they display on all color monitors.

Re: Week 2 - Wednesday Discussion
Posted by: (IP Logged)
Date: October 10, 2007 12:55AM

12. What is a font family? What is a generic font?

A font family is the typeface that is applied to text. Generic fonts include cursive, fantasy, monospace, sans-serif, and serif. These are basic fonts that when a browser does not recognize the one used it will replace it with one of the generic ones.

13. What is a monospace? Give an example of a monospace font?

Monospaced fonts are fonts that all the characters are the same width. They are also called fixed pitched and uniformly spaced fonts. They are usualy used for tabular data, because they are easily aligned in columns. Courier is a typical typeface that is normally monospaced.

Re: Week 2 - Wednesday Discussion
Posted by: (IP Logged)
Date: October 10, 2007 07:33PM

4. Find a good site for CSS information. Tell us what it is. What do you like about it?

[www.w3schools.com]

w3schools is awesome. They have a million different tutorials on a million different things related to web editing. From php to css. It's great!


9. Tell us the url for a site that contains a CSS cheat sheet?

[www.ilovejackdaniels.com]
This is a great cheat sheet. It has everything listed out, very simple and easy to follow.

Re: Week 2 - Wednesday Discussion
Posted by: (IP Logged)
Date: October 14, 2007 06:08AM

1. Find a Native American web site that you think is particularly good. Why do you feel that way?

I have a class in Native American Dancing that uses more than one web site that I think is good: [www.gatheringofnations.com] and [www.powwows.com]
because everything that I need for my class is there and is easy to find.


4. Find a good site for CSS information. Tell us what it is. What do you like about it?

- Because everything I want about CSS exists in this web site. It really helps me study this class; at: [www.w3schools.com]



Edited 1 time(s). Last edit at 10/14/2007 06:55PM by alshabanm.

Re: Week 2 - Wednesday Discussion
Posted by: (IP Logged)
Date: November 18, 2007 07:31PM

10. What is a purpose of CSS? CSS is used by both the authors and readers of web pages to define colors, fonts, layout, and other aspects of document presentation. It is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS). This separation can improve content accessibility, provide more flexibility and control in the specification of presentational characteristics, and reduce complexity and repetition in the structural content. CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.
17. What is a style sheet class? Class selectors are created by typing a dot followed by the class name. Before you start putting in these, you should have an existing stylesheet or style block to add them to. That was all covered in the intro to CSS. Now, say you wanted to format lots of individual pieces of text as 12 point red Verdana. Adding the font face, color and size HTML around every instance where you want this type of text is a load of code, and a whole load of coding. This is the beauty of classes. Put this line of CSS into your style:

.caution {font-family: Verdana; font-size: 12pt; color: red; }

Note the dot before the name you want to use for it. You've just set up a class. Now, you can add class="caution" to any element and it will be formatted as such. Try it out on a couple of tags, like <p class="caution"> and <h1 class="caution">. When you're giving the name of the class here, the dot does not appear. Try to name the classes based on their function rather than their presentation.

Re: Week 2 - Wednesday Discussion
Posted by: (IP Logged)
Date: November 18, 2007 11:46PM

11. When would you use each type of style sheet (inline, document level, and external)?

-External is the highest level in the cascade and would be used when you want to apply
styles to multiple often a large number of pages.
-Document level style sheets are used when you want to change something about a
particular page or document. This is normally used when this change is unique to
that page.
-Inline styles are used to apply a style to a specific tag.


20. How do you change the color of a hyperlink that was already visited?

a:visited
{
COLOR: #800080;
}

21. Why are style sheets considered to be cascading?

Because they override each other in a cascading heirarchy:
External is the highest level
Document level overrides external
Inline level overrides document and external

Note from Dan: The one declared closest to the tag wins. This means it is possible for external to override document level if the link tag follows the style tag.



Edited 1 time(s). Last edit at 11/19/2007 04:15PM by harveyd.



Sorry, only registered users may post in this forum.
This forum powered by Phorum.