Designing New Website For Portfolio - Part 2

My new website has left the Photoshop phase, and is now a working layout. I 've become good at z-indexing for layering my graphics. One of the my other challenges is making the load time faster without loosing the quality of my graphics either.

http://www.dmtportal.net/dmtportal-new/index2.htm

Check List

1. Header graphic hot spot - Done
2. Change 2 small left content graphics
3. Add text content
4. Change color and headings of slider menu
5. Add slider content
6. Form - fonts size/bold fix z-index - Done
7. Footer text
8. Add pages
9. Cross browser test
10. Submit
11. Update layout of blog

Designing New Website For Portfolio

My current portfolio website was my first time using a tableless css layout. The site is 3 years old, and it's time for a total make over. I've learned a lot since then from always challenging myself. I need to take it to the next level with each new website. The old site was http://www.dmtportal.net/. The new site will be www.david-toth.com.

This is the photoshop mock-up.

Final Checklist for Ar-Jay's Upholstery

1. Validate XHTML - Done
2. Validate CSS - Done
3. Convert to PHP with includes files - Done
4. Design photo gallery -
5. Design contact forum and test - Done
6. Map - Done
7. Create pages - About, Services, Work, Contact - Done
8. Blog - Done
9. Site map - Done
10. Submit - Done

Site Update

http://www.arjaysupholstery.com/

Arjay's Upholstery Working Layout

After a few learning curves, I've completed the first working web layout. I still have some more styling to do, but I'm happy with the results so far. I've been experimenting with optimized graphic, and combining style sheets for faster load time. I'm going on a short 4 day vacation, so I will not be working on the site during that time. It will give me a fresh perspective when I come back.

1st working layout:

Updated php version as of 9-10-10

Old link inactive

I Challenge Myself - ArJay's Upholstery Website

With every new web project I like to challenge myself with something new. ArJay's website has a lot of png graphic overlays and textures. The footer area will be the most fun. I will become good at positioning and z-indexing. Also, with the amount of graphics, I will have to speed up the load time with some good image optimization.

ArJay's Website PSD Layout For Final Approval

Here is the final photoshop mock-up. Next, I need to go over with customer for final approval. Also, need to go over detials before slicing the image. Need stock pictures of upholstery work of airplanes, boats, and late model cars before creating service pages. Here is the layout.

AR-Jays Website Coming Together - 2nd Revsion

This project was put on hold while waiting for stock photos from customer. It gave me time to work on and finish some other web projects. I also became good at fixing Malware issues. A couple of week ago, GoDaddy server was hacked, and one of my php sites was attacked. I had to go through all my files, and clean them out 3 times. At first, I thought it was an RSS problem, but later discovered it was coming form the server. Afterwards, I apologized to the creater of SimplePie. It was a little stressful. It would pop-up a fake virus scan, and would try to trick you into taking action.

Here is the latest Ar-Jays Photoshop Mock-up.

New Web Design Project - AR Jays Upholstery

I just began my latest web design for AR Jay's Upholstery located in San Diego, California. Its actualy a re-design of an exsisting website. The website will have an upholstery shop look and feel. I'll be using large background graphics, and PNG graphics to give it realistic depth. The new website will include a Wordpress blog. Let the fun begin.

Quick Mock Up

Beginning PSD Design

Project Six is launched

I launched my newest website last week. I have a few tweeks here and there. The website is about my 1966 Ford Mustang and related media.

Project Six

Project Six Blog

Next, I have to finish my friend's website. Featuring his 1977 Ford Pinto Drag Car

Quick Draw Racing

Final Checklist For Project Six

1 Index - mouseover for blog and contact graphics - DONE

2 Media - content and text for magazine pages

- MF - Done

3 Inline Six - Done

4 Gallery pages - finish and upload menu graphics - DONE

5 Restoration - DONE

6 Exterior - text - DONE

7 Engine - Done

8 Models text - DONE

9 Prototype - Gallery/Text - Done

10 Email - encrypt

11 Validate - Done

12 Google Analytic code - waiting for site to be uploaded to new server - Done

13. Site map and submission - Done

Project Six Website - 1966 Ford Mustang

I just uploaded my first rough draft of my Project Six Website. With in the first 60 seconds, I saw some changes and additions that needed to be made. The website shows off my 1966 Ford Mustang with a 200 six cylinder. Showing it off is part of the enjoyment of having it.

Old website (circa 2002)-

www.project-six.com

New draft-

http://www.dmtportal.net/project-six/index.htm

Project Six Re-Design

My newest web project is re-designing one of my older websites www.project-six.com. The website features my 1966 Ford Mustang. I designed it in 2002 with messy tables and scrambled code. I look forward to launching the new css website.

JBA Performance Center Launches new website

JBA Performance Center Launches new website. Ken Polard from Site Creaters built the infrastructure. I'm bringing over some of the information and graphics from old website.

www.jbaracing.com

BACK IN ACTION

After getting my new computer, I'm downloading CS4 Suite. Its taking forever though.

Just completed my first PHP class

My first PHP class was a little hard. I will be doing alot of reviewing before my next PHP class. I'm digging the server side includes.

MySQL Database

I just started to build my first database. It was somewhat difficult start, but I'm getting the hang of it.

IE6 or not IE6

I'm relatively new to CSS based websites, and I want them to be semantically correct and validate. I find myself spending a lot of time figuring out how to get my websites to render correctly in ie6. I've read many articles about the pros and the cons. What makes the most sense to me is the audience for a particular website. What percentage of them using ie6 would I be turning away? If it is small enough, then I should not worry about them, and just design a clean and effective website. I can't help not worry about that one person who views my website in IE6, and says it "sucks".

First PHP Script

Some of what I learn in web design is from taking a part source codes, and re-arranging it. I just learned why I could never see the php code in an html document. The only thing the Web browser sees within the PHP coding sections is any output from the PHP script. The Web server hides all of the PHP code from the client, and the php codes is not present in the source code.

Cool stuff!

WAMP Server - Version 2.0h

I just downloaded the WAMP Server for my PHP class. Let the fun begin!

PHP and MySQL

Today, I started my first PHP class. Now the fun begins.