My Web Portfolio

     

Lab 1: HTML and CSS

This was our first lab in CPSC 120. The lab consisted of learning the basics in HTML and styling with CSS. We then added an image to the page. Finally, we made another web page from scratch on a topic that interested us. We used features such as mouse hovering, using an image as a background, and making a logo.

Lab 1A      Lab 1B

Lab 2: Intro to Javascript

Our second lab introduced us to the world of javascript. Techniques such as making active buttons to both images and text were utilized. The goal of this lab was to show how an active web page can be more interesting and functional to both the creator and the viewer.

Lab 2A      Lab 2B

Lab 3: Multi-Page Website

Our third lab built off of the foundation of a multi-page web site. We were suppose to build a web site with multiple pages that stylistically were similar. Then we made each page have a link back to all the other pages in our site. Therefore you could get back and forth from any page.

Beinert Prize               Klein Prize               Mosey Book Prize               Bentsen Prize               Proctor Prize               Rippey Prize               Lee Prize in Mathmatics               Phi Betta Kappa               Honors Program              

Lab 5: Javascript Graphics

This lab was designed around canvas and events. This was our first real dealing with computer programming. We used animation, moved arrow keys, gaev your mouse a function and made our very first computer drawing.

Animate            Arrow Keys            First Drawing            Mouse           

Lab 6: If Statements, Form Statements and more Statements

This lab also worked with Javascript. We also dealt with HTML form elements and with JavaScript timeouts for the first time. An example of what we did with this making a coin flip either heads or tails.

Coin Flip

Lab 7: For Loops and Loopy Art

This lab also used Javascript. The goal of this lab was to draw random loopy art on a canvas. The art will be displayed in a slideshow changing every few seconds.

Loopy Art

Lab 8: Intro to GIMP

Click on link to see some of the different functions you can do by using GIMP.

My GIMP Drawings

Lab 9: HTML Forms

This lab deals with HTML Forms. The goal of this lab is to create four HTML forms to interact with a web application that is already running on the math department's web server.

Login            Post Message            Set Your Profile           

Lab 10: JQuery Animations

The goal of this lab is to start using JQuery, and in particular JQuery events and JQuery animations.

CS Courses            Coin Flip            Jumpy Text            Math Courses