Changes

Jump to: navigation, search

BTC640/Overview

1,672 bytes added, 08:31, 16 May 2013
Submit
= Lab =
* Set up 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 Wiki accountgood 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 regsterregister. 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/* 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.* Go through the slidy slideshow (link in the notes above) and make your own 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 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 stylesheet to your HTML page. Add 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 to your HTML file that will bring up an alert when your button is clicked. The alert will contain the current size of your browser window, e.g.: "Your browser window size is 640x480".* Find a flash animation on the web that you can download. There are many samples you can find online. Place that into your HTML page.* '''Don't forget this part''': make a list of links of all 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.
* Set up a Moodle account.== Submit ==
* Make sure After you change finished everything - submit your moodle passwordHTML page and your Slidy page to Moodle. Log in That will contain everything except the wiki page (which I will get to Moodle by following the link) and familiarize yourselves with itthe flash animation (I just want to see the HTML code you used to embed the animation).
* Unless you're certain that you remember HTML very well - spend the rest of the time I expect to see only one file in the lab refreshing your memory. Create an HTML page from scratch Moodle, and add some typical elements to it. Add a stylesheet. Add some simple script (for example print not an alert when a button is clicked)archive* Go through the slidy slideshow (link in the notes above) and try to That will make your own slidy presentation. Test it in a few browsers. * Find a flash animation on the web that you can download (note marking this may be difficult). Place that into your HTML pagestuff actually doable for me.

Navigation menu