Create A Web Page Using Any Tool You Wish Ms Expression Web
Create A Web Page Using Any Tool You Wish Ms Expression Web Is Recomm
Create a web page using any tool you wish (MS Expression Web is recommended). Set the title and description for the page. Put text content in the page. Be sure to keep it class appropriate. Use CSS to customize at least one element. CSS can be used to set the style for certain elements: headers, links, user-specified styles, etc. Create at least one web link. Create at least one email link. Display at least one image. Be sure to use images that are class appropriate that you have the right to display online. Scale the images to be small enough to load quickly. Paint and PowerPoint offer beginning image creation tools. There are online repositories of public domain images. Clip art is public domain. Make at least one dynamic behavior. Examples: mouse over, click, mouse out, mouse down, key down, etc. triggers a font change, text change, sound, image change, popup message, etc. Include comments to identify the CSS customization and the dynamic behavior.
Paper For Above instruction
/ CSS customization for headers /
h1 {
color: #336699; / Sets header color to blue /
text-align: center;
}
/ CSS for links /
a {
color: #FF5733; / Bright orange link color /
text-decoration: none;
}
a:hover {
text-decoration: underline; / Underline on hover for links /
}
/ CSS for email link /
.email-link {
font-weight: bold;
}
/ CSS for image /
.small-image {
width: 150px; / Scaled to be small enough for quick loading /
height: auto;
border: 2px solid #ccc;
}
Welcome to My Class Web Page
This is a simple, class-appropriate webpage created to demonstrate various web design skills. The page includes styled text, links, images, and dynamic behaviors.
Visit Khan Academy for excellent educational resources.
Contact me via email at teacher@example.com.
Hover over this text to change its style.
// Function to change font style on mouse over
function changeFont() {
document.getElementById('dynamicText').style.fontSize = '24px';
document.getElementById('dynamicText').style.color = '#FF0000'; // Change text color to red
}
// Function to reset font style on mouse out
function resetFont() {
document.getElementById('dynamicText').style.fontSize = '';
document.getElementById('dynamicText').style.color = '';
}