Chrystal at work

Chrystal Seager
Professional Portfolio

Create: Technological Experience

Portfolio Website


Portfolio Home


As a way of applying my HTML and CSS skills, I designed this website to house my MLIS portfolio. The website shows that I understand the basics of website design, including document types, web standards, organization, presentation, and so on. For instance, all the HTML and CSS files have been validated to W3C standards. Creating the site also required the understanding and use of web files, web servers, and transferring files using file transfer client software.

The website demonstrates the principles of user interface usability and accessibility outlined in this competency in several ways. It employs a color design palette that ensures readability. It presents global navigation tabs that serve to allow the user to navigate the site and also conceptualize the layout and content of the site as a whole. The site also uses internal navigation with internal page links for navigating within a page. CSS style sheets organize the content logically. “Alt” tags are used in images to display alternative text for users of devices not capable of image display or having slow download times. Usability and accessibility can always be improved, but for a basic and coded-completely-from-scratch site, this competency is addressed fully.

The site was coded from scratch in HTML and validated to W3C standards, shown by the icons at the bottom of each page. The website applies most elements of HTML successfully. The site applies CSS style sheets effectively as well, as evidenced by the success of the CSS file in styling the site consistently, attractively, and effectively (it works!). As with the HTML, validates to W3C standards for CSS, again shown by the icons at the bottom of each page. The CSS is used to style the content as opposed to using HTML to do so, demonstrating my understanding that content and style are separate and that best practice in web design is to use CSS for style and HTML for content.

Finally, the site demonstrates my understanding of copyright and intellectual property issues, and more importantly, my ability to apply them, by acknowledging image copyright on my site and providing copyright information and source links: see “Fine Print” link. This was the format for addressing copyright of images in the class, but I think it would be an improvement to rename the link something more obvious than “Fine Print” so the user would know to click there for copyright information and attribution.

A Model of Feline Information Behavior

For a fun look into my initial attempts at both creating both HTML web files and understanding information behavior models, visit here.