Da Home Page

Throughout this course, we have studied many things that will help is build a pretty decent looking web site. This specific site, my Final Project, is designed as a review and tutorial, of those topics.

Along the top of the page are links to pages discussing the various techniques and code used in those assignments that we completed. I refer to this area as the "Menu".

Opposite the Menu, at the bottom of the page, is an area I call the "Footer". In this area you will see things change. Most notable are the links for the current page's HTML, CSS, and JavaScript code. There is also a link that will display the original page(s) that I did during the class -- the ones that I submitted. Those pages are not modified (other than their "calling" HTML page links, where necessary.).

Through the use of JavaScript and CSS, the Menu and Footer sections will remain constant as you navigate this site (of course, the links in the Footer change). The original assignment pages are still treated as their own "sites", and therefore do not use the Menu or Footer; instead, they open in their own window/tab.

As any decent programmer/coder will tell you, it is good practice to re-use code; why reinvent the wheel? I have done so, to some small degree, here. Still, over 95% of the coding in these pages is "new" -- all done in Notepad++.

The following pages, accessed via the menu at the top or by the links which are the first-level bullet points, cover the the following items:

I am also using these pages to complete my NAUTILUS assignment. As such, near the bottom of the page, just above the Footer, I will detail what I learned while working on each assignment.

So, to begin:

NAUTILUS:
For this project I learned about passing, and parsing, strings from the HTML code to a javascript function located in a separate .js file -- and have that function execute in the absence of any event being triggered. I've also learned that nesting unordered lists automatically "increments" and "decrements" the bullet point styles (see: "Basic Web Page" page for a great example). I also learned how to display tags as regular text, like: <table> There are a few more things that came up while making this site. Those are detailed in the NAUTILUS sections of the following pages. This is also my first time that I've developed a design document. I've also performed my first browser type check to see if a user is using IE or Firefox/Chrome; if so, certain footer elements are changed so that they they work with IE -- or are removed altogether since IE doesn't support some of the things I'm doing.

On the Flashcards page I created some new code that displayed quotations, both pre-loaded and ones entered by a visitor. In making that section of code, I learned about splicing an array (adding and deleting elements), clearing input fields upon button click (which calls a JavaScript function), how to randomize stuff, and how to not display duplicate quotations until the entire pool had been exhausted without using a loop (thanks, Renee, for the inspirations).

In the Web Forms page I added new code that would allow a visitor to execute a Google search from within my page (with the results being displayed in a new window or tab) using only two lines of HTML code.

Click here to access the design document for this site.