|
You have arrived at withinmyworld.org, a personal domain that also provides resources and articles for college students and beginning webdesigners, as well as interesting links for everyone. I hope you enjoy your stay and return often! <--I am Robin, also known as CuriousLittleBird, and I am a 24-year-old graduate student getting my Master's in Middle-Grades Education. I hope to teach Language Arts and Social Studies after I graduate in May 2009. ...More? This layout is best seen in a range from 1024 x 768 to 1680 x 1050. Anything smaller or larger than this range will not display as well. |
Layout Information
This is Version 9 of withinmyworld.org, and I am very proud of my design this time around, as I was proud of my previous designs. It shows my continuing evolution as a designer and also as an avid Web-watcher. I have seen how others design their personal pages and blogs, and so I decided to put my own spin on the current "web 2.0 looks" and see where it took me. This lovely layout was the happy result.
Stylistically, I created this layout out of a desire to include more multimedia on my page as well as link my site to some of my activity online. I also wanted a very light sky layout, so I designed this layout in Photoshop Elements 5.0, with the help of some cloud brushes I downloaded (check the Technical Details page for more information).
The header picture was taken about an hour before sunset one summer evening at my boyfriend's house (I was on the front porch, taking pictures with my cell phone camera). I love landscapes, sky pictures, and general nature pictures--they are so soothing to look at, and when I wanted to redesign my website's layout, I immediately gravitated towards this picture as my inspiration.
The structure and coding of the layout is quite simple, as I am self-taught in all things web-design. It is a basic two-column CSS layout, center-aligned and 900 pixels across. The (huge) background image is fixed using CSS so that the content floats over the top of it--I thought this was a cool effect, and it stopped me from having to make sure the background image matched up on all the edges so it could tile seamlessly. The header, navigation, and footer are all regularly aligned divided layers, while the two columns of information are floated in the midst of everything. I mainly used divided layers to break up the content into different blocks, though there is an invisible table hiding in the welcome paragraph. Speaking of invisible things, there is also a transparent GIF image that I have used to space apart divided layers on the page. (That little 1x1 GIF image comes in handy!) PHP includes and an internal CSS stylesheet finished the structure of this layout.
Got questions about the font I used or where I got the widgets? Technical Details has all your answers!
