How to Create a Basic Website Design Template Using PHP, CSS, and XHTML Part 2 of 3

For the entire web design course go to: www.johnmorrisonline.com Learn how to create a basic static page website design template using php, css, and xhtml. Using website templates like the one you’ll learn to make here helps cut down on the rewriting of code and saves you a ton of time. This is a basic template we’ll use to build more advanced website designs and templates.

HTML and CSS: Design and Build Websites

A full-color introduction to the basics of HTML and CSS from the publishers of Wrox! 

Every day, more and more people want to learn some HTML and CSS. Joining the professional web designers and programmers are new audiences who need to know a little bit of code at work (update a content management system or e-commerce store) and those who want to make their personal blogs more attractive. Many books teaching HTML and CSS are dry and only written for those who want to become programmers, which is why this book takes an entirely new approach.

  • Introduces HTML and CSS in a way that makes them accessible to everyone—hobbyists, students, and professionals—and it’s full-color throughout
  • Utilizes information graphics and lifestyle photography to explain the topics in a simple way that is engaging
  • Boasts a unique structure that allows you to progress through the chapters from beginning to end or just dip into topics of particular interest at your leisure

This educational book is one that you will enjoy picking up, reading, then referring back to. It will make you wish other technical topics were presented in such a simple, attractive and engaging way!

25 Comments+ Add Comment


  • This 3 part series was a great training wheels starter. A couple notes based on my experience: I use bluehost, I had to add a doctype declaration to the header file, AND I had issues with permissions on where i placed my style.css file.  Once I played around fixing those two things, voila.. . obviously you know your stuff and I got much value out of this. I also will be viewing the freebie 3 part series from your website. You’re helping folks. Great job, thanks.

  • M8, ur just best arnt you, i typed in PHP website, got to this vid and its straight to the point man, thanks, realy appreciate it, exactly what i needed.

  • Lol! Ayt! Thanks! :)

  • btw, im your number one fan! Thanks again Idol!

  • dude, i was really impressed on your skills, most especially on using notepad++, can you really inspire me dude, can you please give me some links on some websites or from your friends links, php website tutorials? i want to use your tutorials,but we are required to make it on dreamweaver. Or do you have any suggestions for an Information Technology like me on a thesis proposal, im such a noob in this course so i want an easier one and a tutorials for noob too. Thanks!

  • It’s notepad ++ which has syntax highlighting, but yeah. I don’t use anything like Dreamweaver, because I’m stubborn. Using just a blank page forces me to really know the code inside and out. Again, just me beings stubborn. 🙂

  • dude, this was notepad. you use a note pad on creating website? you dont use dreamweaver? your such awesome! i will be more such glad if you’re gonna create more tutorials and a feedback on this comment will be better. Thanks!

  • I don’t get it i beg you to add me on skype and show me please please, then you would be my idol! skypename: loomanleet msn: lill-snorre@live.se

  • I’d start by taking my Web Design 101 course. It’s a free course on my website. Just go to my website and click “Courses” then “Web Design 101”.

  • How can people want to learn stuff like php css and xhtml but dont know how to upload files ….

  • Use XAAMP. it turns your local machine into a pseudo-server.

  • Great video! Set up your ecommerce business for free with our Easy Help Zen Cart Tutorials:

  • To upload just use WordPress

  • To upload you need a webhost to host your website. I recommend doing this because you (usually) dont need extra software. Also their security is usually better than yours. Or download xampp to make a local site. Other people won’t be able to access it but you can see the results of your codings.

  • o.o

  • ey sir how can i get the php of this website nakayomi(dot)byethost22(dot)com because im making a online pokemon game like that.

  • you need a host get a free host like byethost.com then login to your ftp and upload your files. You can also do this via Cpanel.

  • how do i upload it? i have FTP, but dont know how to upload it. How? Thanks!

  • Fixed it, thanks for reaction!

  • Is this still an issue? If so, do you have a page I can look at?

  • when i’ve made my page, the content of the page get’s double? I see my header and navigation bar under each other…

  • How do you get those colours in the characters and autoselect thingies in that program? Thanks, Barrosy

  • You’ll need an FTP program like FileZilla to upload files to your web server.

  • can someone please tell me how to upload, i’ll apreciate that