DREAMWEAVER

 

Assignment 1  (20 marks)

Choose a business theme, real or fictitious, which sells a product or service.   Using your own creativity, create a three-page website that includes the items listed below. 

Site:
   (2 marks)

Create a site name called Assignment 1.  All images should be inside an image folder located within the Assignment  folder.  All subfolders and files you use in the website should be inside the Assignment 1.

Pages   
 A 3-column, fixed,  header and footer  page saved as Three.html
           (8 marks)

o   For the logo in the header, insert a picture that is set to the proper logo size.

o   Footer is your name and the date.

o   Main Content (middle section):    

§  Change the word “instructions” to the company name. 

§  Delete all the other information in the centre column. 

§  Replace it with a message that welcomes the user and contains contact information for the business. 

§  Type the message in WordPad.  It should be at least three sentences long.  Save it in the Assignment 1 folder as content.rtf. 

§  Copy the information from WordPad into the middle section of your page, below the company name.

 Insert paragraph tags as needed to spread out the information.

o   Left Sidebar:  Company slogan and an image below the links.  Change the link buttons to be
Products, Events, News, and About Us.

o   Right Sidebar:  An image and a famous quote.

o   Spell check the page.

o   CSS:       Have the header and footer background in a colour that is different from the default. 
                Have the footer text be in red.
                Have font for the entire page be Comic Sans.
                Have the famous quote in italics.
                Have the hover colour for the link buttons be a shade of red.

o   Convert the existing style sheet for print. 

o   Anything else you wish to add.

A 2-column, liquid, right side-bar, header and footer page saved as Two.html  (3.5 marks)

o   For the logo in the header, insert a picture that is set to the proper logo size.

o   Footer is your name and the date.

o   Right Sidebar:  An image and a numbered list of company locations.

o   Main Content:  An unordered list of why your product/service is so wonderful.

o   Spell check the page.

o   CSS:       Have the background for the header, footer, and side bar be the same, but different
                from the default.
                Create and use a custom class.

o   Anything else you wish to add.

A 1-column, liquid, centered, header and footer page saved as One.html            (6.5 marks)

o   For the logo in the header, insert a picture that is set to the proper logo size.

o   Footer is your name and the date.

o   Main Content:  A three-column table with the caption “Products/Services” that lists product, description and price as column headings. 

In the table, make up a list of seven different products or services for your company.

o   Format the table with borders and shading.

o   Spell check the page.

o   The table width is to be 90%.

o   Below the table, set up your warranty as a blockquote with a colored line around it.

o   Have the table be in one <div> and the blockquote be in a second <div>.

o   Anything else you wish to add.

               
FTP

Upload the Assignment                1 folder to your spot on the Nexus server.
Email your instructor that the Assignment is posted and ready to be marked.