Website Layout

Website layout is a combination of programming languages and an artistic eye for the assembly of elements.

Programming languages

Modern site layout is primarily influenced by the Cascading Style Sheets (CSS) computer language. However, other scripting is essential to site layout, and functioning, like PHP, HTML, and Javascript.

The most recent example of a website where I did a significant portion of the layout is: beeinformed.org.

CSS based menu

Figure 1. A CSS based menu I developed for midgepeet.utk.edu

I have detailed knowledge of CSS and HTML and a good functioning knowledge of PHP and Javascript. CSS can do things like the menu in Figure 1. Here, I developed a menu that when hovering over the fly images, their taxonomic family name appears. The viewer can then navigate to a page about that family. CSS has a limited number of selectors, properties, and values. However, they can be used in combinations that have the infinite application that you see on the web today.

For this website (my4acres.com), I developed a “child theme” that retains features of a default WordPress install (like being mobile web ready) and adds a custom look and feel. This is often the most effective way to design a WordPress site that will survive future upgrades, or when you simply want work efficiently.

Also important in site layout are the graphics and photos of the site. See the page “Header Art” for more graphics examples.

Share on TwitterShare on TumblrSubmit to StumbleUponSave on DeliciousDigg ThisSubmit to reddit