29 August 04:36   

    The afterward challenges will advice you familiarise yourself with a few additional applications of XML (other than the XHTML that youve already been doing!)

    Copy the afterward book into your editor of best and save it as myfirstsvg.svg, then accessible up the book in a browser (Internet Explorer with the Adobe plugin, or Firefox 1.5):

    

    

    
      http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd>

    

      

      

    

    

    Assuming this is the first time youve apparent an SVG file, you ability apprehension that it looks actual agnate to an HTML file, but with some accessible differences!

    # Change the rectangle so that its abounding with yellow

    # Create the rectangles bound a bit bigger and adapt the blush of the bound (lets say, green!)

    # Any account what the fill-opacity ability do? Analysis it out.

    # See if you can about-face your rectangle into a square

    # Finally, can you adapt the position of your rectangle?

    Easy?!

    Still using the aforementioned SVG book (myfirstsvg.svg), add the afterward aspect to your SVG:

    

    Test it out and see if it does what you expect! Looks a bit arid though!

    Add some apparent old CSS style, so that

    # your amphitheater is abounding with the blush Blue,

    # your amphitheater has a achievement agnate to your rectangle

    # your amphitheater has an caliginosity of 0.7

    Note, if youre using FireFox, you can aswell use CSS bogus selectors, like :hover to change your shapes if the abrasion hovers over them! (for eg: circle:hover )

    Finally, see how you go alignment the Olympics logo:

    # Add addition 4 circles to your book (you ability wish to construe them so that they arent all on top of anniversary other)

    # Accord anniversary amphitheater an id, just like you would an HTML element, then use this ID to create anniversary amphitheater a altered colour.

    # Align the colours and the positions of your circles to anatomy the Olympic logo

    Animating shapes in SVG is absolutely easy! Theres infact a tag alleged animateTransform to advice us out, but abominably its not yet accurate by FireFoxs built-in SVG, so able-bodied charge to install the Adobe SVG plugin.

    Note that the animateTransform aspect goes central the amphitheater element! (Watch out for this, create abiding that you dont abutting your amphitheater aspect afore your animateTransform element).

    Modify one of your circles as follows:

    

    

      
                          type=translate from=50,150 to=300,100 begin=0s

                          dur=2s fill=freeze/>

    

    

    Now,

    # Try arena with the from, to, activate and dur attributes, testing to see what they do.

    # If you feel ready, accept a go at creating an action area 5 circles breathing to anatomy the Olympic logo! Your circles should all activate at the ancillary of the page, and then breathing to anatomy the Olympic logo!

    RSS is a ancestors of web augment formats, defined in XML and acclimated for Web syndication. RSS is acclimated by (among additional things) account Web sites, weblogs and podcasting. No one can absolutely adjudge what it stands for (either Absolutely Simple Syndication, Affluent Website Arbitrary or RDF Website Summary)

    Web feeds accommodate web agreeable or summaries of web agreeable calm with links to the abounding versions of the content, and additional metadata. RSS, in particular, delivers this advice as an XML book alleged an RSS feed, webfeed, RSS stream, or RSS channel. In accession to facilitating syndication, web feeds acquiesce a websites common readers to clue updates on the website using an aggregator. (see the [http://en.wikipedia.org/wiki/RSS_%28file_format%29 Wikipedia RSS article] for added information.)

    Youve apparently already been using newsfeeds to accumulate abreast with the apple of web design, using Bloglines or addition account reader.

    In this activity, youll chase a tutorial to make your own RSS account augment for your site! The commodity [http://www.xul.fr/en-xml-rss.html Absolutely Simple Syndication] will advice you familiarise with the basal tags that are acclimated with RSS as able-bodied as move you through creating your own RSS file.

    After account through the commodity in overview,

    # Make a new bare RSS book of your own and save it as feed.xml

    # Plan through the Architecture a claimed RSS Feed, step-by-step to make your own RSS augment for your own site. Try to create abiding youve got 3 or 4 items in your feed. They ability point to altered sections of your site.

    # Already youre blessed with your book youll wish to validate your book to create abiding you havent abandoned any closing tags etc. RSS feeds can be accurate just like web pages using the [http://validator.w3.org/feed/ augment validator]. Archetype and adhesive the argument of your rss augment into the validator and see what happens!

    # Upload your augment assimilate your websites capital folder

    # Finally, verify that your augment works by abacus it to your Bloglines annual (or additional augment reader).

    Just to see how simple it is to amalgamate XML languages, make a new book with the afterward code, and save it as mathmltest.xml (Note the .xml extension, not .html). Accessible the book in Firefox and analysis the result.

    (Note, the afterward archetype is simplified a little, for the abounding data appointment the [http://www.w3.org/Math/ W3 specification]).

    

    

    

    

      

        

      

      

        
Heres some archetype MathML


        
A simple fraction


        $$

          

            

              3

            

            

              x + 2

            

          

        

        
A added complicated fraction


      

    

    

    Unfortunately MathML gets a bit too complicated to do annihilation too beam yet, so the afterward challenges just advice administer the aloft example. Try abacus an added area to your book for anniversary of the challenges below:

    A added complicated fraction

    $x\; =\; -frac$

    An avant-garde blueprint (hard)

    $x\_\; =\; frac.$

    Here is a website which generates Algebraic ML using simple computer symbols to create the blueprint and then translates it. [http://www.mathmlcentral.com/Tools/ToMathML.jsp MathML Central]

    First we charge to acquisition out what a Google sitemap is for. In summary, [http://www.google.com/support/webmasters/bin/answer.py?answer=40318&ctx=sibling What is a Sitemap and why should I accept one?] from Google says:

     A Sitemap book lets you acquaint us about all the pages on your site,

     and optionally, advice about those pages, such as which are

     alotof important and how generally they change.

     By appointment a Sitemap file, you can yield ascendancy of the first

     allotment of the crawling/indexing processes: our analysis of the pages.

    Then acquisition out what the XML book should attending like: [http://www.google.com/webmasters/sitemaps/docs/en/protocol.html Using the sitemap protocol] (This page aswell has an archetype of a Google sitemap).

    Now you may be accessible to:

    Once youve created your sitemap, you can chase the instructions on [http://www.google.com/webmasters/sitemaps/docs/en/about.html About Google Sitemaps] to apprentice area abouts your book needs to go on your server and how to abide it with Google.