Photoshop Website Coding-Part6

www.pixelforlife.com

REMEMBER: IF YOU CHANGED THE INDEX PAGE TO .HTML, CHANGE IT BACK TO .PHP, OR ELSE THE PHP WONT WORK.

This is the sixth (and final) part of coding our template that we created in the "Photoshop Website Design" series.

In this tutorial we add a simple content area using lipsum text.
Then we separated parts of the website into separate .HTML files using simple PHP.

You can view the designing of this template here:
http://www.pixelforlife.com/website-design-tutorial/

Category:

Howto & Style

Tags:

• photoshop
• tutorial
• pixelforlife
• pfltuts
• website
• design
• game
• site
• call
• of
• duty
• world
• at
• war
• how
• to
• code
• css
• html
• xhtml
• content
• navigation
• button
• rollover
• php
• lipsum
• dreamweaver
• dream
• weaver

[2007rong]

I also have to say this was very informative. I'm currently enrolled at a school called Specs Howard in MI that has courses on graphic design. What classes would you recommend or do you think it's best to just study on your own?

[pfltuts]

@2007rong Hard to say what to take without knowing what classes are offered, but one class that you might not think of, that I highly recommend, is taking a printing class.

I thought taking a printing class would be a waste of time, but it was very informative. It's interesting to see where your designs go after you give them to your client.

By knowing this, it helps you design better, so it can be printed correctly. Much like learning how to program teaches you how to design correctly.

[HurricaneKey]

Thanks a Gazillion! I have taken web design 1 & 2 and photoshop and got more out of your series. I purchased other videos etc...some were good. But your method of teaching was quick-complete-and didn't leave much to chance. I had trouble with the pen tool but I think after this I should have pratical uses for it going forward. May I ask what your major was/is? Cause I don't think I enrolled Im getting the benefit of what you are learning.

[pfltuts]

@HurricaneKey Thank you very much for the comment.

My major is currently "Visual Communications." I am pretty much learning a little bit about every aspect of design (pre-production, printing, websites, etc).

Everything that I know now, I have not learned in class. Class was more of a stepping stone, it was a brief introduction, and then I would go online and learn even more about the subject.

[emil7910]

hi, when i create a html instead of php, "just for checking the website how it would look at the explore" then i dont get the design, I only get the text, is that normal and can i upload php files direct to the domain server, or is there something special that i have to do?? Thanks alot, your the mann!!

[pfltuts]

@emil7910 Sounds to me like it's not finding your styles.css file. Is the include statement in your header?

[AwsmUsername]

Cool, keep it up :)

[recepsoysal123]

I just want to thank you for your videos. Just go on please. My english is not so good. kind regards from Holland

[No1Melman]

@mamm3ut the advantage of using this method is, that when you start adding logins, you can use conditions where if you a member you get a certain type of navigation bar, opposed the normal, same with content, allowing access to certain "areas"/pages, and then the list is endless!

There is a lot of dynamism with PHP and its thee most widely used server side standard!

[pfltuts]

@mamm3ut I'm sorry, but I'm not really sure if I understand your question correctly, haha. Can you maybe explain it a little differently, or show me an example of some sort? You can send me a PM if you'd like.

In the mean time, maybe this will help answer your question.

The way I choose which parts to use a PHP_Include on, are the elements on the page that are going to stay exactly the same on every page. This makes it unimaginably easier to make changes.

[Res1stancebe]

Thanks for This great tut it realy help me alot to get the whole idea about a website keep up the great work

[vinifred02]

It would be easier if you just use AJAX for retrieving the content the will be in content area. Then, you won't need even using PHP.

[lunamoth12]

good tut vid. very helpful. tnx a lot.

can i view the whole code. anyone knows?