Weekend Game

This game seems incredibly simple at first, yet it will get you hooked very quickly. You only have to move the small red box inside the small blue box. Trust me it sounds so simple, yet becomes deceptively tough. Enjoy the puzzle solving everyone!

There are 34 levels, see how far you can get!

Click Here to play

Final WEB Design project

Here are multiple documents that you will want to look at regarding your final HTML project in grade 10 computer science. You web page needs to be posted onto the internet and a link inserted on this blog by Sunday January 20th at midnight for you project to be considered on time.

Here is the general overview of your project, and the my suggested steps for tackling this project.

Here is the website proposal that you need to hand in to me. An layout drawing example can be viewed here.

A Timeline for how you should be using your time in class, and what you should could be working on from home.

Finally you need you assessment document. Remember that 15% of the grade is for your proposal, and 5% for handing it in on time. This is worth 25% of this term.

External Stylesheets

Remember that the big difference between an external stylesheet and an embedded stylesheet is that you have your css tags contained on their own seperate page, and
link to this page. You can have mulitple web pages link to the same webpage.

The first slideshow contains the notes from the smartboard, the second slide show is an example of working with an external stylesheet with code that you can copy and use.

| View | Upload your own

The slideshow below contains an example of a website that uses a External CSS document.

| View | Upload your own

Embedded Stylesheets

Here are the slides from the smartboard to create an embedded stylesheet

| View | Upload your own

CSS and that other one we learned today about style sheets?! haha, yea i forgot what it's called ... but the difference between them is that the other page will bring you to your CSS page . You would need to have two different pspads open and create the link .. here's an example!?:


/* CSS Document */
body {font-family:arial; color:blue; font-size:8pt;}




****************************************************


Other:








www.pspad.com">







Here are some words that I will have shown up on my screen









Um yea, sorry I was kinda clued out to what I was suppose to do (I KNOW NONE OF THIS MAKES SENSE).. and i forgot to ask, my fault! ill fix this .. soon ^_^

Assignment 9 Chris Bao

a) What type of advertisements if any do they put on your website?

-They have advertisements for other hosting sites.

b) How much storage space they provide?

-They provide 100mb of storage space.

c) Do they provide any type of tech support, and if so what type?

-They have a tech support tab, that helps you with your basic questions.

d) How you can upload your files to the website?

-If you pay you can upload if not then you can not upload things

e)Do they offer any preformatted templates?

-No it Does not offer any preformatted templates.

Part 2:

a)Find free non-copyrighted images
-http://www.weirdclipart.com/ is a website that can be used

b)Provide a tutorial on creating either tables, iframes or Cascade Style Sheets
-http://www.highdots.com/css-editor/html_tutorial/special/iframe.html is a good tutorial.

c) Create one of the following: Text, graphics or images
-this site can be used to create on of the following http://cooltext.com/


by: Chris Bao

Jon Tran Assignment #9

Part 1:

The site I found is: http://esnips.com

a) What type of advertising if any they put onto your website
***They have advertisements on other uploading sites***

b) How much storage space they provide?
***They provide 5GB of storage space***

c) Do they provide any type of tech support, and if so what type?
***They do not provide tech support***


d) How you can upload your files to the website?
***Esnips has a easy use uploader in the site***

e)Do they offer any preformatted templates?
***They do provide preformatted templates***

Part 2:

a)Find free non-copyrighted images
***http://www.snapfish.com

b) Provide a tutorial on creating either tables, iframes or Cascade Style Sheets
***http://www.htmlcodetutorial.com/frames/_IFRAME.html***

c) create one of the following: Text, graphics or images
***http://www.3dtextmaker.com***

-- Jon Tran December 4, 2007

Well today we learned about CSS Style Tags. They are Very helpful for keeping things organized and they are very easy to use CSS tags can be used for headers, links, titles and even for background color.

I have mentioned few of the functions that these tags can be used for For assignment 10 we have to format a text document given to us and to do so we must use CSS tags unless you want it to be difficult. There on instructions to where you have to make changes.




Here is a website i thought that was very helpful: http://www.w3schools.com/css/css_reference.asp

REPOSTED FR COMMENT! originally made DEC. 2/07

The web hosting site I found was: www.freewebtown.com

Part 1:
a) What type of advertising if any they put onto your website?
-They have a advertising of Google, and many other web hosting
sites such as homstead and wingsix.com.

b) How much storage space they provide?
-They provide unlimitied storage.

c) Do they provide any type of tech support, and if so what type?
-They provide a "Site Tour" that sllows you to overview all the
feautures available to their site and how to do things.

d) How you can upload your files to the website?
-You can upload your files to the website by using a simple single
uploader, activeX multi image uploader or java multi image uploader.
Although the last two will require you to download it.

e) Do they offer any preformatted templates?
-Yes they do offer made templates by them already.

Part 2:
a)Find free non-copyrighted images
http://www.tinypic.com/

b) Provide a tutorial on creating either tables, iframes or Cascade
Style Sheets
http://www.pageresource.com/html/table1.htm

c) create one of the following: Text, graphics or images
http://www.dafont.com/



KATHLEEN F.
DEC 2, 2007

Karleen's assignment # 9

Part 1

The web hosting site I found was: http://geocities.yahoo.com/

a) What type of advertising if any they put onto your website?
--They have a text based advertising, with a search engine.

b) How much storage space they provide?
--They provide a disk space starting at 5GB.

c) Do they provide any type of tech support, and if so what type?
--They provide an extensive online help area where you can get instructions for getting started and see answers to frequently asked questions.

d) How you can upload your files to the website?
--You can upload your files using a file manager on the website.

e) Do they offer any preformatted templates?
-- Yes, they have the yahoo page wizards to help you quickly choose and personalize templates to create a stylish web page, also a page builder which is a full-featured web page building program. You don't need to know any coding or design -- just use PageBuilder to drag and drop elements into your page, choose colors and clip art, and create a personalized, interactive web site.

Part 2

a) Find free non copyright images
-- http://www.publicdomainpictures.net/

b) Provide a tutorial on creating either tables, iframes or Cascade Style Sheets
--http://www.yourhtmlsource.com/

c) Create one of the following: Text, graphics or images
--Text http://www.3dtextmaker.com/
--Gif images http://www.gifworks.com/



Karleen Estanislao

Assignment #9

~Part 1~ These are the answers i found for part 1

The site i found is: http://www.110mb.com/

a) What type of advertising if any they put onto your website
*** They have no forced advertisements ***

b) How much storage space they provide?
*** They provide 5GB of storage space ***

c) Do they provide any type of tech support, and if so what type?
*** They provide live tech support open for 5 hours a day ***

d) How you can upload your files to the website?
*** 110mb has a file manager which has an file upload tool so you can upload your files using that***
e) Do they offer any preformatted templates?
*** They do provide preformatted templates ***

~Part 2~ These are the answers i found for part 2

a)For free images that are not copyright go to
*** http://www.sxc.hu/index.phtml ***

b)For help on Css
*** http://www.htmlcodetutorial.com/css/css.html ***


c)For Text Effects (Only 4) Go To
*** http://www.layoutland.net/generators/texteffects.html ***

Sample Blur
Sample Drop Shadow
Sample Glow
Sample Shadow

The Assignment 9 Fisasco! lol

Part 1?????? ok then

The web hosting site I found was: http://www.infernohost.net

a) What type of advertising if any they put onto your website?
***None at all :D
b) How much storage space they provide?
*** They Provide 300 MB Disk Space
c) Do they provide any type of tech support, and if so what type?
---They got a very good begginers helps guide in there help section
d) How you can upload your files to the website?
***Infernohost has a FTP manager and Web file manager.
e) Do they offer any preformatted templates?
***N/A

Part 2

a)Find free non-copyrighted images;
***www.imagehut.net/ . 3 plans, 1 free, 2 pay monthly. free pictures but you can upload yourself.
b) Provide a tutorial on creating either tables, iframes or Cascade Style Sheets;
***http://www.w3schools.com/html/
c) Create one of the following: Text, graphics or images;
*** http://www.graffitigen.com/.

THEPHAASONNNE'S ASSIGNMENT 9...? yes, 9.

PART 1;

The web hosting site I found was: www.freewebs.com .

a) What type of advertising if any they put onto your website?
>>>They have advertising from Google at the top of the website.
b) How much storage space they provide?
>>>They provide approximately 45 MB of storage space.
c) Do they provide any type of tech support, and if so what type?
>>>They have a "help me build my site" type support.
d) How you can upload your files to the website?
>>>Freewebs has a VERY quick and simple file uploader in the site.
e) Do they offer any preformatted templates?
>>>They have many themes and layouts/templates to choose from.

PART 2;

a)Find free non-copyrighted images;
>>> www.photobucket.com . The images were uploaded by other users. *Note: You must be a member to upload your own. Don't worry, it's free!
b) Provide a tutorial on creating either tables, iframes or Cascade Style Sheets;
>>> http://www.hitmill.com/html/tables/tables.html .
c) Create one of the following: Text, graphics or images;
>>> www.flamingtext.com .

-- Marina Thephasone. :D Dec 01 07

Assignment 10

Part One These Are The Awnsers I Found For This Assignment

The Site I Found Is  www.Bravenet.com

a) The Advertising They Have On There Sites You Build Is There Our Ads Like Created By Bravenet, And Ads For What They Provide
b)They Provide 50mb of Disk Storage To Use
c)They have A Fourm, And Email Tech Support Which Is Easy To Use
d) You Can Upload Files With A Built in Web Application
e)They Provide Lots Of Premade/Preformatted Templates

Part 2 These Are The Awnsers I Found

a)For Free Non Copyright Images Go To www.freedigitalphotos.net
b)For A Table Tutorial Goto www.htmlgoodies.com/tutorials/tables
c)For Text Effects And Images Go To www.namefunk.com
You Can Create A Couple Of Different Types Of Font Effects But It Doesnt Have Many.

EXAMPLES OF namefunk.COM

тнιѕ ιѕ αη єƒƒє¢т σƒ ωнαт ωωω.ηαмєƒυηк.¢σм ρяσνι∂єѕ

7h!5 !5 4n 3ff3(7 0f wh47 www.n4m3funk.(0m pr0v!d35

Iframes =D

In the last class we learned about iframes. how they work, pros, cons, and what not.

Heres an example of an iframe:

*Replace the [ ] with < >

[iframe src="http://www.google.ca" name="Random" width="100%" height="200"]

[/iframe]

to get this

thats the example of an iframe. this is cheap casue i'm bored and it sthe morning xD
hmmm the next scribe will be................... Starts with a C and last name starts with a
BAO lol.

Assignment #9

This assignment is to be completed on the blog. To complete the assignment you need create your own post on this blog, give it a title and answer the question(s). You should provide links to the websites used in your answers.

This assignment's marks will be evaluated the same as any other assignment.

You need to make sure that you are not using the same website/company as someone who has posted ahead of you. You will receive zero on any questions that use the same website as another student. The evaluation can be found here

Part #1: You need to find a free web hosting company. You need to provide the following information:
a) What type of advertising if any they put onto your website?
b) How much storage space they provide?
c) Do they provide any type of tech support, and if so what type?
d) How you can upload your files to the website?
e) Do they offer any preformatted templates?
Remember to provide the internet address for the website

Part #2: You need to find different websites to accomplish each of the following tasks
a) Find free non copyright images
b) Provide a tutorial on creating either tables, iframes or Cascade Style Sheets
c) create one of the following: Text, graphics or images

This assignment is due by Sunday Dec 2nd at Midnight.

Happy posting everyone.

Assignment #8

Yes I know that we haven't finished assignment #7 yet, but I know that some of you will want to be getting a head start on the next assignment. Well go and check it out. The assignment involves something called iFrames. Don't worry thought we will be looking at it together as a group on Monday.

So have a great weekend, try out the game and I'll see everyone in class on Monday morning.

Mr. Reece

PS. Here in an example of what your assignment #8 could look like

Have some fun

Checkout my blog as I have gone and posted a link to a very simple, yet quite fun game. I will attempt to post a link to a new web based game every weekend for your enjoyment.

Have a great weekend and happy blogging.

Mr. Reece

Nested Tables

Assignment #7 focuses upon the use of Nested Tables. The Assignment 7 can be found on Google Documents, with the power point slide show example of nested tables below.

| View | Upload your own

it wasn't finished.

sorry duudes.



but uh, the good news is that i found a new scribe. hooraay. yaay. ahem. well yes. if you're wondering who it is, wonder no more. for it is mr. JERSEY G_____N. last name not mentioned due to safety reasons. but he knows who he is.

Answer Key for HTML Unit Test

Here are the answers for your first term test.

Part 1 - Written Portion. Remember that we will be having another quiz and/or test before we start our final project in December. I will be reusing at least 1 of the questions from this test on the new test/quiz

| View | Upload your own

For the Production portion I have uploaded the html text into a google document. Click here to view the answer key. You can copy and paste it into PSPad if you'd like.

Mr. Reece

Friday's Test

Remember that while there is a chance that we will be called down to the theatre for the Remembrance Day ceremony, be ready to write the test.

First part is 12 short answer questions.

* Be able to insert an image, and use the alt tag
* Know the 4 main meta tags
* Know where Head, html, body etc go in a document
* Tell an image to use an image map
* Create an image map
* Three types of image map areas
* Main three tags used in constructing a table
* Rowspan and Colspan
* How to create an ordered and unordered list

Production portion. You will have to create a simple webpage that has 1 main table. You will need to use rowspan and colspan for this table. The question will build upon assignment #5 (make sure you understand all of the elements of assignment 5 for this test)

* You will need to insert text, images and lists into this table

See you in class on Friday everyone!

Mr. Reece

Last class we learned about lists, there are two types of lists: Unordered and Ordered List. We also learned about putting the two together this is called a Nested List.


Ordered Lists
Ordered lists can be in Roman Numerals, Regular Numbers, and ABC'S Format. To determine which type of ordered list you want, you should have the type stated so it should look like this:

Example: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_ordered

Reference: Page 20 in your green book.

Unordered Lists

Unordered lists are usually in Discs (Black Bullets), Circles (Outlined Bullets), Or Squares. Unordered lists are used when you want to list something that doesn't have to be in order 1,2,3,4 or a,b,c,d. To start an Unordered list use the

Example: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_unordered

Reference: Page 21 in your green book.

Nested Lists

Nested Lists, are Unordered and Ordered Lists put together, so its a list in a list. Nested Lists are used when showing something like, Football branching off into CFL and NFL.

Example: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists2

That's what we learned last class, if you need further help look in your green book or use the Internet to help you.

Assignments and due dates

A few students have asked that I publish your assignments online, so I've started to do this. I will be using google documents to publish your assignments online so that you can work on them at home. This will hopefully save you from printing the document out.

I still recommend that everyone purchase a USB memory stick. You can purchase a 1gb unit from Stingers for between $20 and $25, or go to staples or at similar store and buy one yourself. This is the most efficient way to transport files between home and school

Here is the link to Assignment #5

Here is the link to Assignment #6

Assignment #5 and #6 are due by 3:30 pm on Friday November 9. This is the last possible day to hand in any assignments

Remember that you will be having your term test on Friday, so Monday and Wednesday will be the only classes when you can work on your assignments.

We will need a scribe on Monday as we will be learning lists, which is the basis for assignment #6.

Have a great weekend everyone.

Mr. Reece

Class on Tuesday

I just wanted to let everyone know that you will be receiving your evaluation sheets for assignments #2 and #3 on Tuesday.

As well there will be a very short quiz based upon information that we have learned through the first 4 assignments. The quiz will be worth 10 marks.

See there are already advantages to coming to your classroom blog.

On Tuesday we will be examining how to create a post, but if you want to get a headstart try playing around with creating a post. To start you need to make sure that you are logged in to blogger, using the account information that you've set up.

Next you need to choose the "Create Post" Option in the top right hand corner of the webpage. That will bring you to a new page where you can compose a post. Give it a try, I'm quite sure that you'll like it.

Make sure to preview your post before you publish it, since once it has been published it will exist on the net forever.

Have a great weekend everyone!

Mr. Reece

Working with Tables

Today, October 26th we were given our new assignment, assignment #5. The focus of this assignment is working with tables, in particular some of the properties of tables including rowspan, colspan, cellpadding and cellspacing.

Below are the notes from the smartboard discussion on how to construct the first table of the assignment. (*Note, you will need to give the image height and width properties for everything to work properly)

Remember to include important page elements including Meta tags, body tag and comments.

| View | Upload your own

Assignment #4

Assignment #4 Working with Image Maps is due at the end of class on Wednesday October 24th. You will have time during class on Wednesday (About half of the class) to work on this assignment.

Our upcoming assignment will focus on troubleshooting and the editing of code.

Scribe Post

Every day that is not designated as a work period there will be a student designated as the class scribe. This student is responsible for reporting to the blog what has happened that day in class. You will receive bonus marks that count toward your term mark based upon your scribe post. The scribe post is voluntary, so if you choose to not participate as the class scribe when you are chosen please inform me so that I can pick a new scribe.

The scribe for the day is responsible for choosing the next class scribe. Every person in the class will have the chance to be the class scribe before someone becomes the scribe for a second time.

Below is a list of all of the students in the class. When you have participated as the class scribe your name will be crossed off the list. When choosing the next scribe you can only choose from the people who's names are not crossed off

List of Students
Stephen
Steven
Stuart
Chris
Shannon
Nathan
Thomeeh
Karleen
Kathleen
Jana
Christopher
Jersey
Hayden
Shalaw
Danny
Simon
Sean
Marina
Jonathan

There are links of the right of this blog that provide examples of other scribe posts.

Mr. Reece