MGMT110

Enhancing Images in Photoshop

Here is the link to my enhanced pictures page.

Cheers.

Ali.

Rugby page styling

Here is the link to my styled rugby page

And here is an uploaded version of my stylesheet file

Download rugby_styles.css

Cheers.

Beginning to Style

Set text color to White:
Q 1: what hex code does this produce?
Answer:

color: #FFFFFF;

The style code for Level 1 headings is:

<style type="text/css">
<!--
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	background-color: #336600;
	text-align: center;
}
-->
</style>

Copy everything between the tags in the section into the blog entry .

Question 2: Does the background stop where the text stops?
Does the background stay a fixed width when you move the right side of the browser window in to the center?
What does this tell you about a block level tag?

Answer:
The background goes nearly for the full length of the windown, and is resized when the window is too. The space between the window left and right borders and the background always remain the same, even when it means wrapping the text.

Style whole page

Q 3a: What has changed about the text?

Ans: The text font of the main text has changed, and so did the size of all the text.

Preview in I.E, View —> Text Size (change)
Q 3b: What happens (if anything)?

Ans:
The size of the text does not change

Preview in Netscape, View —> Text Zoom (change)
Q 3c: What happens now?

Ans:
The size of the text changes.

Styling Image box

Q 4a: Does anything show in the DW Design pane?
No it does not. At least not some pf the recent changes made. It shows the background colors, padding and borders, but not the styling of the img box.

Preview with Netscape.
Q4b : What do you see in the Netscape browser?

The above cited changes all appear.

Q4c : What do you conclude?

I conclude that when we use styles, the only way to see all the changes made, is to use a web browser preview.

Now copy all the styles in the section into the Extended Entry pane of your blog entry.

<style type="text/css">
<!--
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	background-color: #336600;
	text-align: center;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #000000;
	background-color: #33FF99;
	padding: 0.25em;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00CC33;
	border-right-color: #00CC33;
	border-bottom-color: #006600;
	border-left-color: #006600;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #000000;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
}
img {
	padding: 5px;
	border: 1px dashed #0000FF;
}
-->
</style>

HTML Page Practice

Here is the link to my Beginner's guide to rugby page

Cheers