Introduction:This website is a collection of features programmed to try and demonstrate the basic Web technologies used in creating websites. Although you will have to sign up and log in to access the main content, which is neccessary to demonstrate user authentication, once you do you will have access to a resume, portfolio, a photo gallery and more. The technologies chosen . . .
. . . are the backbone of this Web application. The remainder of this page explains these technologies with regards to how they are used on this site. But first an introduction.
In basic terms a Web page consists of three layers; structure, appearance, and behavior. The structure is defined by the HTML, XHTML, or HTML5 predefined elements or tags that make up a page. These tags could be any combination of p, a, img, div tags and more.
The CSS controls the appearance of these elements in terms of color, size, layout, visibility and so on for each element. CSS is sometimes considered the clothing that covers the skeleton or HTML tag structure.
CSS:In terms of the new CSS3 specifications the appearance utilizes the new text-shadow property for starters. There is a lot of background images, background gradients, floats, some media queries which determine the viewport's appearance given the size or width, and the @font-face CSS rule which demonstrates using custom fonts as can be seen in the header and navigation. The header, although appears to be a background image is actually a CSS3 Repeating Linear Gradient.
PHP:The signup and log in forms are written in PHP with a MySQL database for storage. Upon signing up the info is recorded in a table in the database and you are presented with a log in form (Or log in from the front page if signed up). Upon logging in a video is displayed along with access to a photo gallery. The video uses HTML 5 video tag with appropriate attributes and is pretty cool if you wait for the download. The photo gallery, also with some cool images, is where much PHP work was written. The images are uploaded to a database and echoed to the page four at a time. The Pagination links that navigate the different pages of photos under the images is a procedure that uses the GET super global to retrieve the current page number from the URL.
Authentication:The sign up, log in, and logout procedure deserves its own description. From the login procedure a PHP session variable and a cookie are set. The session variable keeps the user logged in while the website session is active. The cookie keeps the user logged in even after the website session is inactive (the session variable has died) and the user comes back. This is called persistant log in because the user is logged in until the cookie expires or the user logs out, MAKING IT USER FRIENDLY.