Assignment 1 - My hometown

This assignment considered as an introduction to Microsoft Expression Web. In this assignment I have created a hot spot for an image that points out to an external webpages. Also, I have used several bookmarks that points out to several sections in the page "Internal Links". In addition, I have used google maps to locate my home town. Moreover, CSS is used to color and align paragraphs, headings, images.

Assignment 2 - Food survey & Index

The second assignment was originally focused on two parts, which are how to use tables to align the content, and how to use form properties to transfer data by using G-Form technology. In fact, I have created a survey to retrieve customers food prefernce. In addition, index.htm has been created to serve as the main page for my WMU homepage account. Finally, CSS styles used to align the content and to give some colors for headings and cells.

Assignment 3 - AA Cars rental

This assignment aims to create a company that rents cars for customers. The page layout was centered by using a div attribute that defines zero pixel of margin and left text and a background image that does not scroll as the text scrolls. Also, an external CSS was used to layout other elements, such as table cells that have background colors and centered text. In fact, I have defined other styles for the table cells using classes to give white background and black text and even the images are . Other feature is to create Pseudo selectors for links that changes styles for text when the mosue is hover, click, visit, and active the hyper text links.

Assignment 4 - Tutorial & Site revision

In this assignment I have gained a skill that relates to creating the Dynamic Web Template (DWT) for a webpage. In fact, I have used this DWT for my previous assignments' pages. Which means that I had to revise the whole website. Specifically, I have used a tables to construct the main template with a header, footer, side navigation bar, and main content row that would serve as a container of the each assignment because it is an editable region defined in the template.

Another part of this assignment is creating a tutorial to teach business student a topic related to the technology. In fact, I have chose Photoshop CS3 software to teach students how to create a tricky 3D background.

Assignment 5 - Layers

In this assignment, I have created a page laied out using <div> tags instead of tables. Each <div> tag will serve as a container. For example, <div> for header that contains the banner, <div> tag for navigation area that contains a table with interactive buttons that changes itself when the mouse is over or out of it. In addition, when the mouse is over the button another hidden <div> tag will show up its content of hyper links with some effects same as the ones' in the interactive buttons.

However, when the mouse is out of button or the table the content will disappear. I  have accomplished this feature by using layers with changing in the behavior for the desired <div> tags.  Also, side  bar that provides information about me and a customized search engine for sites such as mine, Western Michigan University, and Wikipedia websites. Finally, the conent area will have thumbnails describing what I have achieved throughout the whole semester of creating html pages for my assignments.