Activity 602: Details of my assignment

I have chosen the three types of user that for my assignment website to accommodate:

• A Standard User (size 12pt font, standard colour scheme)
• A User With Reading Difficulties (Larger font size, Standard HTML for screen readers, colour scheme to make to text as readable as possible)
• A User Requiring a Printable Version of the Site (standard font, no colour or images, to fit one A4 page)

For my assignment I intended to use standard HTML styled with CSS style sheets. I will also be using Java-Script to change between stylesheets.

Activity 1001-1002

By doing these two activities I have learned more about applying XSL style sheet to an XML page such as using headers and footers, headers and adding images using only the style sheet.

Activity 903: My reflections on using the XSLT workbook

After completing the XSLT workbook, I have learnt how to:

• Create and apply XSL style sheets to XML pages
•  Format XML pages with different styles
• Use multiple XSL sheets on one XML page

Activity 901 – 902 XSLT

By doing these two activities I have how to; attach a XSL style sheet to an XML page, produce a header and footer using only XSL and a contents page using only XSL.

Activity 801: My XML web page

I created a web page using XML and then added styling with CSS. By creating this page I learned how to create an XML page and how to apply an CSS to a XML page.

Click to view the XML page.

Click to view the CSS.

Activity 702: Completing the XML workbook

I have completed the basic Extensible Mark-up Language (XML) work book.

Activity 701: Making CSS Lists

I found a simple list design on the website listamatic and then modified the CSS to fit my website.

Click here to view the CSS code.

Creating a web site using CSS for positioning

Activity 503:

This webpage has been developed using CSS to position the objects. The HTML itself has no styling, the layout is controlled purely by the CSS.

Page without CSS

Page with CSS 

CSS Positioning

 Activity 503:
CSS

This is an example of a Z-Index which has been modified so that the boxes are placed in a pyramid structure.

usable website

Activity 402:

Click here to view my webpage