Open main menu

CDOT Wiki β

Changes

BTC640/Overview

1,640 bytes added, 08:31, 16 May 2013
→‎Submit
= Lab =
* Set up a Wiki account. * Create a wiki page at http://zenit.senecac.on.ca/wiki/index.php?title=USERNAME , where This first lab should be very easy if you would replace USERNAME with still remember the user name basics you used to regster. Add some text, grouped 've learned in a few sections with proper level1 and level2 headingsyour HTML course. Add an image. Add If you don't remember them - now is a small tablegood 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 table with 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.
* Make sure you change your moodle password. Log in to Moodle and familiarize yourselves with it. * Unless you're certain that you remember HTML very well - spend the rest of the time in the lab refreshing your memory. Create an HTML page from scratch and add some typical elements to it. Add a stylesheet. Add some simple script (for example print an alert when a button is clicked).== Submit ==
* Go through After you finished everything - submit your HTML page and your Slidy page to Moodle. That will contain everything except the slidy slideshow wiki page (which I will get to by following the link in the notes above) and try the flash animation (I just want to see the HTML code you used to make your own slidy presentation. Test it in a few browsersembed the animation).
* Find a flash animation on the web that you can download (note I expect to see only one file in Moodle, and not an archive. That will make marking this may be difficult). Place that into your HTML pagestuff actually doable for me.
Retrieved from "https://wiki.cdot.senecapolytechnic.ca/wiki/Special:MobileDiff/77634...95619"