Manager Design

Tim Palac www.timpalac.com

815-***-****

abm40e@r.postjobfree.com

Objective

To work in a team environment that fosters new ideas, promotes leadership

and advancement within the company, and allows me to apply my skills in web

development, web design, and project management.

Technical Skills

. Code for the web using XHTML, CSS, JQuery, AJAX, XML, XSLT, and PHP

. Design websites with graphic editors including Photoshop and Fireworks

. Animate and optimize movies for various mediums using Flash, Flex, and

Actionscript

. Utilize programs such as Dreamweaver to save production time

. Optimize websites for search engines with Content, Titles, and

Descriptions

Experience

2006-Current - American Society of Plastic Surgeons - Web Designer

. Lead developer in an XML & XSLT Content Management System

. Serve as the IT project lead on various web initiatives

. Design modern layouts for new applications using Photoshop

. Troubleshoot technical issues with Content Contributors

. Create and maintain pages using W3C Compliant XHTML & CSS

. Use JQuery and AJAX for dynamic functionality on the website

2009-Current - Epic Simple - Production Manager

. Lead production of all websites from concept through launch

. Develop workflows to easily manage each step of site creation

. Delegate design, content, and other work to contractors

. Work with the Business Manager to find new clients and meet

their needs

. Handle some business tasks including estimates and bookkeeping

2005-2006 Unified Barcode & RFID - Internet Marketing Coordinator

. Created concepts and designs for websites and e-newsletters

. Recoded our website using W3C Compliant XHTML & CSS

. Increased our usability, readability, and search engine rankings

. Programmed in PHP to add and change dynamic functionality

. Coded in Crystal Reports to meet the needs of Finance

2005 Direct Response Web Solutions - Web Developer

. Constructed websites using XHTML & CSS standards

. Prepared layouts using Adobe Photoshop

. Programmed basic functionality using PHP

. Updated content and images on client websites

2003-2005 Northern Illinois University - Peer Advisor

. Assisted students with scheduling for upcoming semesters

. Led tours of the art building for prospective students

. Helped transfer students at orientations

2003-2004 Chicago Producers - Multimedia Designer

. Designed web sites for clients

. Edited and produced video shoots

. Built a fully featured interactive portfolio

. Restored several photographs for clients

Education

2001-2005 Northern Illinois University

. Received a B.F.A. in Design (Time Arts)

. Performed studies in Interactivity, Animation, and Video Art

. Held honors throughout my education with a 3.55 G.P.A.

Code Samples

I keep the coding process simple and easy to maintain. My code is always

to W3C Standard and separates structure, presentation, and behavior.

The following code samples are from Procedure Web Content developed for the

American Society of Plastic Surgeons. The code has been simplified to

demonstrate the interaction between XHTML, CSS, and JQuery.

XHTML

In this example, I start by defining a header, right navigation, and main

content area using standards-compliant XHTML.

<div class="procedures">

<h2 class="blueRounded">What You Need to Know</h2>

<div class="clearFix">

<div class="smaller">

<ul><li><a href="Choose_a_surgeon_you_can_trust.html"

class="tabOn">Choose a surgeon you can trust</a></li>

<li><a href="What_is_Breast_Augmentation_Surgery.html">What is

Breast Augmentation Surgery?</a></li>

<li><a href="Breast_Augmentation_Before_and_After.html">Breast

Augmentation Before and After</a></li>

</ul>

<div class="larger">

<h3>Choose a surgeon you can trust</h3>

<p>Plastic surgery involves many choices. The first and most

important is selecting a surgeon you can trust.</p>

</div>

</div>

</div>

CSS

Now I add the design layer using an external CSS file. Some of these tags

pull from site-wide cascading styles that are not listed below.

div.procedures h2.blueRounded {

background: #256a89;

color: #fff;

clear: both;

padding: 3px 0 3px 10px;

float: left;

}

div.procedures div.clearFix {

float: left;

width: 100%;

border: 1px solid #333;

padding: 20px 15px 5px 15px;

background: url(http://www.plasticsurgery.org/Images/bg-menu-sidebar.gif)

-198px 0;

}

div.procedures div.clearFix div.larger {

font-size: .8em;

float: left;

width: 69.2%;

padding-top: 10px;

}

div.procedures div.clearFix div.smaller {

font-size: .7em;

width: 30%;

float: right;

padding: 10px 0 0 0;

}

div.procedures div.clearFix div.smaller a.tabOn {

color: #000;

text-decoration: none;

cursor: default;

}

JQuery

And finally, I hijack the links using JQuery and AJAX functionality. The

user can now navigate without leaving the page, while search engines and

those with JavaScript turned off are taken to separate landing pages.

procedures .description .smaller a').click(function {

$("div.ui-tabs-panel").load(this.href + " #mainContent h1,

#mainContent h4, #mainContent p, #mainContent ul");

procedures .description .smaller a').removeClass("tabOn");

$(this).addClass("tabOn");

return false;

});

Contact this candidate