Changes

Jump to: navigation, search

BTC640/Overview

1,448 bytes added, 23:53, 9 January 2013
Lab
= Lab =
This first lab should be very easy if you still remember the basics you've learned in your HTML course. If you don't remember them - now is a good time to relearn the stuff you forgot. * Set up a Wiki account. This can take 48 hours so make sure you do it well before the lab deadline.* Create a wiki page at http://zenit.senecac.on.ca/wiki/index.php?title=USERNAME , where you would replace USERNAME with the user name you used to register. Add some text, grouped in a few sections with proper level1 and level2 headings. Add an image(can be your photo or something random). Add a small tablewith your timetable.
* Set up a Moodle account: https://open.senecac.on.ca/cms/
* Make If you just had it set up - make sure you change your moodle password. If you already had the account - make sure you remember the username and password. Log in to Moodle and familiarize yourselves with it.* Unless you're certain that you remember HTML very well - spend Go through the rest of the time slidy slideshow (link in the lab refreshing notes above) and make your memoryown slidy presentation with at least three slides: have bulleted lists, links, and lists. Test it in two or three browsers. * Create an HTML page from scratch and add some typical at least the following elements to it:** a - with a link to your wiki page. ** br** button** div** form** hr** img** input** ul, ol, li** p** pre** select** script** style** table, th, tr, td* Add a stylesheetto your HTML page. Add some it into the page, don't create a separate file. In the stylesheet change the background colour of all the DIVs, add a border around all the buttons, set the font size of all the Ps with the class "YourName" to 20pt, the postion (use an absolute position) of one of your images identified by its ID "SpecialImage".* Add a simple script (for example print to your HTML file that will bring up an alert when a your button is clicked).* Go through The alert will contain the slidy slideshow (link in the notes above) and try to make current size of your own slidy presentationbrowser window, e.g. Test it in a few browsers: "Your browser window size is 640x480".* Find a flash animation on the web that you can download (note this may be difficult). There are many samples you can find online. Place that into your HTML page.* Degree students'''Don't forget this part''': finish reading the academic paper and make a summary list of links of prior work described in itall the places where you got resourses/code/images/animations from. It's ok to use any online resources you want, but you must tell me what they were. == Submit == After you finished everything - submit your HTML page to Moodle. This is a good exercise for marked work That will contain everything except the wiki page (which I will get to by following the link) and the flash animation (I just want to see the HTML code you'll have used to embed the animation). I expect to do see only one file in later weeksMoodle, and not an archive. That will make marking this stuff actually doable for me.

Navigation menu