Diary

My students and I will be creating and designing websites for The innovation Project 

Soon I will share students websites having following structure :  

1. Create a page called menu.html. Use tables to structure this page as follows:        (3) 

1. Apply the heading style 1 to the contents in row 1 i.e. “THE INNOVATION PROJECT” and heading style 3 to rows 2 AND 3. The contents in row 1 AND 3 must also be centralized.                                                               (2)                                                                                                                           

1. In the second row the first cell creates a hyperlink that references the page home.html with the image  

directly above it.  

The second cell references the page Whatisinnovation.html with the image  

innovation.jpg above it.  

The third cell references the page Page2.html with the image  

sustainability.jpg above it.                                                               (2) 

1. The third row references AddInfo.html                                          (1) 

1. Set the target of all hyperlinks to the view iframe in the fourth row.                          (1) 

1. Create an iframe called display with no frame borders in the fourth row of the table. The default page for this frame must be set to framescreen.html.                                      (2) 

1. Link this page to reference the styles.css stylesheet.                                              (1) 

1. Create the page framescreen.html which adds a style to the body by inserting the image called background.jpg which must be repeated across the top of the page               

(3) 

2. Open the page home.html. 

   1. Add a link to reference the styles.css stylesheet to each page. 

   2. Now apply class x to paragraph 1 and class y to paragraph 2 for this page.                  (2)   

3. Open the page Whatisinnovation.html. Add a link to reference the styles.css stylesheet. Now use list tags to organize the information as shown below:   

Use google.com to obtain information about innovation ..                  (3) 

• Innovation is : 

  • ___________ 

  • ___________ 

  • ___________ 

  •   

  •   

1.6    Open the page Page2.html. Add a link to reference the styles.css stylesheet. Now use paragraph tags to organize the information as shown below:                        (3) 

Which innovations are making cities sustainable ???  Use google.com to assist 

1.7    Open the page Addinfo.html. Add a link to reference the styles.css stylesheet. Now use definition paragraph tags to organize the information as shown below:             (3)                          

Use google.com to obtain information about South Africa 

1.8     Marks will be awarded for “Wow factors”.  You may include PHP script, videos, bootstrap, etc