Jack Nilan            EMail : jacknilan@yahoo.com

Syllabus - Web Page Design - MP 3

Click Here to go to HTML Tutor learn how to use inline style sheets. You should experiment with style in headings, paragraphs and body. You should be able to change font type, size, weight, and color and line heights, letter spacing and text indenting. Experiment with previous pages you have written. Make sure you take notes on style sheet rules and place in your notebook. (don't forget, students with best notes get best grades!)

Click Here to learn how to use external style sheets. You should experiment with style in headings, paragraphs and body. You should be able to change font type, size, weight, and color and line heights, letter spacing and text indenting. You should be able to write and use your own class. Experiment with previous pages you have written. Make use you create at least 3 different external style sheet files. Apply all three to your Book Report Project and see the differences. Note - You must use the external sheet for each web page, not just the index. Make sure you take notes on external style sheet rules and place in your notebook.

• We are going to go to proprofs.com and create a Quiz, a Poll and Flash cards. All three should be real. You will be graded on the quality of your content. Embed the objects in your own web pages. Use one HTML page for each one. For the Quiz and the Flashcards have at least 15 questions (although you can have more).

• Click Here and take notes on using forms. Then experiment with forms on a web page. You should use Text Input, Check Boxes, Radio Buttons, Pull Down Menus, Scrollboxes and Text Area Boxes. You should have at least 1 type of each of the above working on your web page. You must also have a send and a reset button on form (although send will not work). Make sure you have notes and printout of code. Link your page with the forms you have created (now just copied) to your main page.

• Pick a project about a foreign language. You should have at least 4 pages, one of which should be a quiz. You should use some Java Script and some CSS skills that you have used. You can decide what pages you want to include. You should have a JavaScript Quiz as one of the pages. Click Here. Copy and paste the code. This quiz stores your questions and answers in an array then displays them one at time. This quiz will keep score for you. You should decorate the page (starting with the body).

• Setting up Perl
• Creating an HTML program with Perl
• Processing simple forms with Perl
• Creating a password protected page with Perl
• Write an HTML form that will let you select a choice of drink (NAME = 'drink'), a choice of food (NAME = 'food') and a choice of desert (NAME = 'desert'). There should be 3 values for each (ex. Coke, Pepsi, Orange). You can take a look Here to see how one value gets sent over. You Perl Page should receive 3 values and then print them out on a page. You should decorate the page.

• Setting up PHP
• Creating an HTML program with PHP
• Processing simple forms with PHP
• Creating a password protected page with PHP
• Write an HTML form that will let you select a choice of drink (NAME = 'drink'), a choice of food (NAME = 'food') and a choice of desert (NAME = 'desert'). There shouuld be 3 values for each (ex. Coke, Pepsi, Orange). You can take a look Here to see how one value gets sent over. You PHP Page should receive 3 values and then print them out on a page. You should decorate the page.
• Dynamically updating an HTML page with PHP
• Creating a blog with PHP

• Create an online video with Go animate

• Pick a President to do a web project on
• You should use an external style sheet
• You should have a biography page, an embedded quiz about the president you choose (proprofs.com - at least 10 questions)
• flash cards about facts of this president (at leat 10 cards)
• a pictures page (with a table - click on and go to blow up picture)
• a page about an important event that took place during this presidency.
• Make sure all embedded proprofs programs are on HTML pages that look good

• Pick an artist to do a web page about, different than the one you did on the earlier project. Do a biography page for him / her.
• You should use an external style sheet
• You should use Javascript to flash between at least 5 of his/her paintings (pictures should all be sized to about the same size in Photoshop). Click here to see Javascript lesson on flipping pictures.
• You should have a table of his/her pictures (at least 4 x 4) that when you click on a picture will go to another page where there is a full page picture
• You should have a Javascript or HTML multiple choice quiz - at least 10 questions - (not proProfs - use either Javascript or HTML)

• go to www.says-it.com and create a Coat of Arms for your family. You can select from hundreds of pictures to put in. If you want you can leave the picture area blank and fill it in on PhotoShop with a picture of your choosing.
• Choose two other signs and create them. Put them all on the same page and then link to it from your projects page (don't put anything crazy on signs please).

• Pick a movie that you like and create a web page about it. This project counts as two test.
  1. Create a new web site for this project using the name of your movie (or as close as you can get to your movie name as the web site title. You cans use webs or tripod)
  2. Describe the plot
  3. Give a review
  4. Have a page of flashing pictures using JavaScript
  5. Have a page about the main actors with pictures and a brief biography of each
  6. If possible embed a youtube video on a page
  7. You may add any other pages that you want
• Your goal is to have the best site on the Internet about your movie.