ASSIGNMENT HTML CSS & JAVASCRIPT


Your web URL to view your web page is:

You will add a link to this page that allows the user to view your work.

Your username and password for the ait.presys.com.au machine will be given to you at enrolment.

Now, whenever you login to your ait.presys.com.au account you need to issue the command cd public_html to change to the sub-directory where you can create and maintain the files for your Assignments and Assignments.

You can use ssh to login to your the ait.presys.com.au account and then use either vi or Emacs to maintain your files or you can edit them on your PC and use an FTP client ( FileZilla for Windows or Fetch for a Mac) to move them from your PC to your the ait.presys.com.au account. For Windows it is even better to use Notepad++ for your editor.

When you have this Assignment ready upload to your web server via ftp and email me with a link to the url to let me know it is ready.

Assignment 1: Create Your Web Page Assignment 1

For this Assignment you will create a web page called index.html in a folder HTML5 which will be used as the starting page for the rest of all Assignments for this course. Later we will upload to a web hosting environment. Your web page should utilize the following HTML tags and include the following:

When you have this Assignment ready upload to your web server via ftp and email me with a link to the url to let me know it is ready.


Assignment 2: Add Cascading Style Sheets To Your Web Page

For this Assignment you will create three (3) new web pages, for example called inline.html, external.html, and embedded.html, and another file for your external styles, for example called mystyles.css, in your assignment folder just as you did in the previous Assignment. One of your Assignment 2 web pages should use inline styles; the second web page should use embedded styles; and the third web page should use a linked style sheet. These web pages should change the default look for the following HTML tags:

When you have this Assignment ready upload to your web server via ftp and email me with a link to the url to let me know it is ready.


Assignment 3: Create a Table Web Page

For this Assignment you will create a web page, for example called table.html, in your assignment folder. Your new web page should utilize the following HTML tags and include the following:

When you have this Assignment ready upload to your web server via ftp and email me with a link to the url to let me know it is ready.


Assignment 4: Create an HTML5/CSS Compliant Web Page

For this assignment you will create a new web page, for example called html5.html, in your assignment folder just as you did in previous assignments. Copy your current CSS Embedded web page (embedded.html) to a new html5.html web page. Your index.html new web page link should open up a new web page that utilizes your HTML5 and CSS to include the following:

When you have this Assignment ready upload to your web server via ftp and email me with a link to the url to let me know it is ready.


Assignment 5: Add Special Effects to Your Web Page Using Cascading Style Sheets

A For this assignment you copy your Web Page (index.html) to create a new web page (cssse.html). Then modify your new cssse.html and your original mystyles.css file to add these features to your new cssse.html web page:

When you have this Assignment ready upload to your web server via ftp and email me with a link to the url to let me know it is ready.


Assignment 6: Create a Form Web Page

For this assignment you will create a new web page, for example called form.html just as you did in previous assignments. This web page should utilize the following HTML tags and include the following:

You should utilize the new HTML5 form tag features. Use your favorite search engine (Bing, Google, Yahoo, whatever) and do a search for

+html5 +form to find lots of helpful information.

This web page should also have a link back to your Home Page web page.

You should then add an a (anchor) tag to your Home Page web page that opens your Form web page.

When you have this Assignment ready upload to your web server via ftp and email me with a link to the url to let me know it is ready.


Assignment 7: Create a Multimedia Web Site

For this Assignment you will create a new web site of four (4) pages, for example multimedia.html, audio.html, video.html, and scrolling.html in folder just as you did in previous assignments.

Your Multimedia Assignment new web site should

When you have this Assignment ready upload to your web server via ftp and email me with a link to the url to let me know it is ready.


Assignment 8: Create a JavaScript Web Page

For this assignment you will create a new web page file, for example called javascript.html in your assignment folder just as you did in previous assignments.

This web page should use JavaScript functions to include the following:

When you have this Assignment ready upload to your web server via ftp and email me with a link to the url to let me know it is ready.


Assignment 9: Add JavaScript Validation to Your Web Form Page

For this assignment you will create a new web page file,
for example called validation.html, in your folder just as you did in previous assignments.
This web page should build on your Web Page Form Assignment and use JavaScript functions to include the following:

When you have this Assignment ready upload to your web server via ftp and email me with a link to the url to let me know it is ready.


REFERENCE DOCS

HTML & CSS
The Web Book
Javascript
HTML5 Cheat Sheet
CSS Cheat Sheet