session 10 ii

I added my pictures but i didnt ralise that the template tags go in side the header for each entry ie before H2. thanks sam for pointing that out so i dun!

Xml Xsl etc

I was absent from last week so i had to catch up i figured it out though http://craigslarder.pbwiki.com/f/one.xml

you’ll have to open using IE or firefox when the box opens i figured out how to change fonts and move around the text i also tried two same  fields and it worked so I figured that out.

Xml 801

801 – I like this to a certain extent defining a bold tag  as being bold is a bit annoying xml seem not to like it being on my wiki though it keeps trying to download????

802 – Once sorting the temporary file thing with the caps and lower cases its good it would seem overall to be like using a fresh blank slate rather than using the pre defined rules of html which has its pro’s like simple to understand and redefine sets of different links like internal and external with different colours otherwise its redifining html standards which i suppose could get messy

Getting on with XML

I finished!!!!!! seems easy enough, does xml work in all browsers?

CSS Lists

I have played with the examples on the listomatic site and used the outline to edit some already listed items click on the link in previous post ‘examples’ or there <– and follow the links to list 1 or list 2. I changed the colour, this list was very easy to work with and worked straight away, although in IE has a dirty great block on the right in FFox it dont?….

examples

My examples

My layout CSS tryout

And they score…. ok??

Well i tried the fixed box for the links down the side added a absoulute box so the text would not run underneath the fixed box when it was changed in size then how about adding a header i did this by alternating the amount of pixels everything is away from things. This does not work in IE6 but doesnt look too bad have a look see click here

try shrinking the page to make the scroll bar apear to take full advantage

I tried!

There is no dreamweaver in the library N my computer crashed so i tried its a little messy i would change the links obviously and the link 1 and 2 and hompage colours so they too have font colours and have borders on my tables looks too plain Click here

Accessibility

www.anybrowser.org has this to say about the definition accessibility

“Since a web page can be interpreted differently by different browsers with different capabilites, and since the language of a web page- HTML, is constantly evolving, accessibility must be considered to make a page usable by as many people as possible. The keys to making your page accessible are graceful degradation, standards compliance, fast loading, and intelligent organization.”

As there is so many types of ways of reading this information how its presented is key. very similar to the spoken language. I think this site has loads of usefull tips and key is it is broken down into easy bites and is understandable, although it seems to highly favour itself in the context coding and the accesibility of the coding itself rather than the actuall body of text. have a read what do you think?

click here to visit the Reference

http://www.anybrowser.org/campaign/abdesign.html

Cascading style sheets Why bother

HERE is an example 

Need for Speed

Less information put into body of the website means a quicker loading time, with CSS only once does the text style have to be defined then can be used throughout a page or even site

The time taken to change fonts and layout can be cut by only editing the CSS once, and new content can be added quickly and edited to look the same as the rest of the site.

Accesibility

Its easier to change what the page looks like for different monitors, projectors, TV’s handhelds etc.

For users with poor eyesight or colour blind font size and colour can be accounted for without having to have all needs accounted for in one website style.

allows designers and users to have a personal feel to the pages they visit prefer dark blue or gold up to you