DMA322: Custom Header Issues

Wanting to get something easy out-of-the-way yesterday I figured I'd take the 10 minutes needed and add the things due this Monday for Crisps class. After adding the links I went to add a custom header as I have done on many other websites including this one.. I remember Crisp said in class that the zenit techs didn't compile php with jpg or jpeg support, so it was no surprise to me when it failed. Before everyone goes emailing Crisp or tweeting me I figured I should make this handy-dandy work around. Let's begin! Step 1: Find an image you want to use for the custom header. It can be anything (within reason). Step 2: Open Photoshop, MS Paint or whatever application you have available and resize the image. It should be around 720 pixels wide by 180 pixels in height (720x180). Otherwise your header image will be huge and make your blog look weird and possibly n00bish. Step 3: This step isn't required but highly recommended. With Photoshop still open make a smaller version of the header image maybe 200 pixels in width and the corresponding height. Save it with the same name as the image made in Step 2 but add "-thumb" before the file extension. This is so you can see the image on the Header page. Step 4: Open FileZilla or your preferred FTP application. Log on to the zenit server and go to this path: public_html/wordpress/wp-content/themes/tarski3/headers. Let me break this path down. public_html is where files go that you want visitors to see. wordpress is the directory name I'm assuming you used, it may vary.. wp-content is the WordPress directory where all your content goes. Examples: themes, plugins, uploads, images, videos, etc.. themes is where your themes are located and edited. tarksi3 is the theme we installed in class, again this folder name may vary, mines tarski. headers is the folder where all the header images are stored. Step 5: Navigate in the left area of FileZilla and locate the image(s) that you resized for your header in Step 2. Drag over or double-click to upload the image(s) to the "headers" folder. Step 6: Login to your WordPress admin area. An example link is: . Step 7: Locate the "Appearance" tab on the left and then click on "Header". If everything went well you should see your header thumbnail. Or a broken image if you didn't make the thumbnail. Step 8: Click on the radio button to the left of the image thumbnail and click "Save Changes". Step 9: If you click the link on the top left of your blog it will bring you to the main page where you can see your stylish new custom header image! Step 10: Pass the link to this post onto others who need help: On a side note, I find it interesting how hardly anybody has posted on their blogs this semester..

DMA500: Design Mockup Revisions

Here are my revised design mockups. Had fun making the revisions, I especially like the ECJ Computers BPC.

DMA204: Shoe Advertisement

For DMA204 We had to take a picture of a shoe and make it into a magazine size advertisement. I chose to use Skechers for my advertisement the end result came out pretty good ๐Ÿ™‚ On a side note I always thought Skechers was spelled Sketchers, weird huh..

DMA500: Project 2 Client Mockup Site Design

Over this not long enough study week we had to make two website mockups for potential clients. I selected ECJ Computers, a local computer store and a Metalocalypse / Dethklok Fan site that has frames. Yea I know who uses frames anymore?? It's so 2000's.. Leave a comment, tell me what you think ๐Ÿ™‚

DMA204: Kensington Market Book

Spent sometime last night trying to figure out how I want my Kensington Market book to look. After looking at many different options I decided to go with the vintage look. Not the 1950's vintage that Megan is using just plain old vintage with one extra feature, a frame. I selected only pictures that are time period accurate to use. I replaced one that had a pontiac grand am in it and I now have a solid 12 pictures to use. Here are a couple of them: Now to work on the book design!

DMA234: Bonefish Art Gallery Mockups

I was finished earlier until I read the version 2 pdf. Made the appropriate changes and it's finally done. I had fun working on this project, used a lot of skills I learned this semester so far plus a lot I learned at my previous job. Also I've added watermarks because I can... Here are some more pictures of changes I made in class: