Professional Portfolio Website 1.0
December 6, 2012
For my first attempt at creating my own Professional website I was fortunate to have a course based in web authoring. During the spring of 2012 I learned web development and design, information architecture, and proper semantic markup. I initially had a very novice understanding of HTML and CSS but this course took me from knowing how to make a <div> to actually designing databases and my entire own WordPress Theme. This course entirely shifted my outlook on my professional life as I knew once I starting building dynamic web pages I could become a front-end web developer. At the time I was also hired by The State News web team so I was able to use the skills I was learning in class at work and vice versa.
Version 0.5 of the site was a hard coded HTML and CSS site that showed just how little I knew about web design. However, it showed me just how much work goes into simple HTML semantic markup. I hard coded all the lists and pages enhancing my knowledge of tags, the DOM, and how web pages work in general.
After this initial design I worked on creating wireframes and detailed views of the actual pages using adobe Photoshop and Illustrator. Once I had created dynamic markups and designs documents we were able to transition this into a WordPress theme, which you can see the final result below. Taking these initial designs into full HTML markup was another example of learning at a rapid rate because I was doing the same with my job at State News at the time. I continue to use these skills of markups everyday, so this skill will continue to benefit me for years to come.