Jim Gerland

MFC 215 Programming for the Web I - Assignments

  • Instructor: James R. Gerland, Sr.
  • Time and Place: UBLearns
  • US Mail Drop:
    UB Downtown Gateway
    77 Goodell St, Suite 207
    Buffalo NY 14203-1243
  • Email: (The best way to reach me)
  • Office Hours: To be arranged
  • Course Website: UBLearns MFC 215 course site.
  • Course Home Page: Syllabus

Create Your buffalo.edu Web Page

For this Assignment you will first read the appropriate chapters in the textbook and then create a web page called index.html in your ubunix.buffalo.edu account web space which will be used as the starting page for the rest of your Assignments for this course. Your web page should utilize the following HTML tags and include the following:

Your web URL to view your web page is:

http://buffalo.edu/~your-userid/

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

Your username and password for the ubunix.buffalo.edu machine is the same as your UBUnix username and password you used to log into this UBLearns account.

Now, whenever you login to your ubunix.buffalo.edu 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 ubunix.buffalo.edu account and then use either vi or Emacs to maintain your files or you can edit them on your PC and use an SFTP client ( FileZilla for Windows or Fetch for a Mac) to move them from your PC to your ubunix.buffalo.edu account. For Windows it is even better to use Notepad++ for your editor since it has a built-in SFTP client. For Mac the better choice is TextWrangler which also has a built-in SFTP client.

When you have this Assignment ready for me to view and grade you should post a note in the Home Page Discussion Folder with the URL of your web page so I can click on that link and open your Assignment in a new browser window (target="_new").

Add Cascading Style Sheets To Your Web Page

For this Assignment you will first read the appropriate chapters in the textbook and then 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 mfc215.css, in your ubunix.buffalo.edu account just as you did in previous Assignments. 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:

Each of these pages should also have a link back to your Assignment 1 web page.

You should then add 3 <a> (anchor) tags to your Home Page web page that opens your CSS web pages.

When you have this Assignment ready for me to view and grade you should post a note in the CSS Discussion Folder with the URL of your Home Page web page so I can click on that link and open your Assignment in a new browser window (target="_new").

Create a Table Web Page

For this Assignment you will first read the appropriate chapters in the textbook and then a create web page, for example called table.html, in your ubunix.buffalo.edu account just as you did in Home Page Assignment. Your new web page should utilize the following HTML tags and include the following:

This page should also have a link back to your Assignment 1 web page.

You should then add an <a> (anchor) tag to your Home Page web page entry for this assignment that opens your Table web page.

When you have this Assignment ready for me to view and grade you should post a note in the Table Discussion Folder with the URL of your Home web page so I can click on that link and open your Assignment in a new browser window (target="_new").

Create an HTML5/CSS Compliant Web Page

For this assignment you will first read the appropriate chapters in the textbook and then create a new web page, for example called html5.html, in your ubunix.buffalo.edu account 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:

You can (and should) use the W3c validator page at http://validator.w3.org/ to verify your code and http://jigsaw.w3.org/css-validator/ to verify your CSS styles.

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 HTML5 web page.

When you have this Assignment ready for me to view and grade you should post a note in the HTML5 Discussion Folder with the URL of your Home Page web page so I can click on that link and open your Assignment in a new browser window (target="_new").

Add Special Effects to Your Web Page Using Cascading Style Sheets

For this assignment you will first read the appropriate chapters in the textbook. Then copy your Web Page (index.html) to create a new web page (cssse.html). Then modify your new cssse.html and your original mfc215.css file to add these features to your new cssse.html web page:

You should then add an A (anchor) tag to your Home Page that opens your CSS Advanced web page and add a link to your CSS Advanced web page that goes back to your Home Page web page.

When you have this Assignment ready for me to view and grade you should post a note in the CSS Advanced Discussion Folder with the URL of your Home web page so I can click on that link and open your Assignment in a new browser window (target="_new").

Create a Form Web Page

For this assignment you will first read the appropriate chapters in the textbook and then create a new web page, for example called form.html, in your ubunix.buffalo.edu account 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 for me to view and grade you should post a note in the Form Discussion Folder with the URL of your Home web page so I can click on that link and open your Assignment in a new browser window (target="_new").

Create a Multimedia Web Site

For this Assignment you will first read the appropriate chapters in the textbook and then create a new web site of four (4) pages, for example multimedia.html, audio.html, video.html, and scrolling.html in your ubunix.buffalo.edu account just as you did in previous Assignments. Your Multimedia Assignment new web site should open up a new web page that utilizes hypertext links to allow me to visit your three (3) web pages.

The sounds and audio clips can be either uploaded to your ubunix.buffalo.edu account or you can link to clips that exist somewhere on the Internet as long as you respect copyright laws and the clips are ethical and moral.

This web page should also have a link back to your Assignment 1 web page.

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

When you have this Assignment ready for me to view and grade you should post a note in the Multimedia Discussion Folder with the URL of your Home Page web page so I can click on that link and open your Assignment in a new browser window (target="_new").

Create a JavaScript Web Page

For this assignment you will first read the appropriate chapters in the textbook and then create a new web page file, for example called javascript.html, in your ubunix.buffalo.edu account just as you did in previous assignments. This web page should use JavaScript functions to include the following:

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 JavaScript web page.

When you have this Assignment ready for me to view and grade you should post a note in the JavaScript Discussion Folder with the URL of your Home Page web page so I can click on that link and open your Assignment in a new browser window (target="_new").

Add JavaScript Validation to Your Web Form Page

For this assignment you should first read the appropriate chapters in the textbook and also the Form Validation with JavaScript web page listed in the Useful Links section and also search the Internet using your favorite search engine site (Bing, Google, MSN, Yahoo, whatever) for:

+javascript +form +validation

and then create a new web page file, for example called validation.html, in your ubunix.buffalo.edu account 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:

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 Validation web page.

When you have this assignment ready for me to view and grade you should post a note in the Form Validation Discussion Folder with the URL of your Home web page so I can click on that link and open your assignments in a new browser window (target="_new").

Krug Book Essay/Presentation

For this Assignment you should have already read Steve Krug's book, Don't Make Me Think. You will write an Essay summarizing the guiding principles in that book. Your essay will be developed in Microsoft Word and contain a cover page along with your 500 word essay. You will also create a PowerPoint presentation with a welcome slide, at least 5 additional slides covering the guiding principles of the book and a final slide with your contact information. You will create a web page that follows the guiding principles of Don't Make Me Think. This we page will contain a well designed navigation to your home page and each of the other Assignments. This page will also contain links to your Essay Word document and Presentation PowerPoint slide show.

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

When you have this Assignment ready for me to view and grade you should post a note in the Essay Discussion Folder with the URL of your Home web page so I can click on that link and open your Assignment in a new browser window (target="_new").

You only need to do this assignment if you need extra credit to help you get to the next highest letter grade.

HTML5 Wow Me

For this Assignment you will first read the appropriate chapters in the textbook and then create a new set of web pages in your ubunix.buffalo.edu account with with appropriate additions to your mfc215.css file just as you did in previous Assignments. This set of web pages will show off what you may have learned about HTML5, CSS3, and JavaScript outside of this course (kind of what I would have covered in the second semester of this course if it existed). Things like the <canvas>, <audio>, and <video> tags. Or advanced <form> features or HTML5 Geo-location or Drag and Drop or Math or other "cool things" that can be demonstrated with HTML5, CSS3 and JavaScript, such as animation, etc.

Each of these pages should also have a navigation section that links to each of the other pages in this assignment and back also to your Assignment 1 web page. You should utilize everything you learned from the Krug Don't Make Me Think book.

You should then add an <a> (anchor) tags to your Home Page web page that opens your HTML5 Final Assignment web pages.

When you have this Assignment ready for me to view and grade you should post a note in the HTML5 Final Discussion Folder with the URL of your Home Page web page so I can click on that link and open your Assignment in a new browser window (target="_new").

Check the course schedule for due date for all Assignments.