• Print
  • Email

Build Your Own Web Gallery

A step-by-step guide with screenshots for building your first website

This Article Features Photo Zoom

View Terms and Conditions

Cloning

Preview Completed Project

WHAT YOU NEED FOR THIS TUTORIAL:
1. No experience with HTML code.
2. Photoshop or similar program with a text tool.
3. Plain-text editor (Notepad or TextEdit); Dreamweaver or a similar web-authoring application is preferable.
4. A web domain with a hosting plan.
5. User name and password for your hosting.
6. File-transfer software like FileZilla. There are many options to choose here.
7. The complete files for our sample site, which you are free to reuse (except for the photos).

If you're not familiar with computer code, learning HTML might sound overwhelming. While it's true that HTML is just the beginning of a vast world of programming languages for the web, for the typical photographer who wants a polished, professional website, HTML is sufficiently powerful and flexible to get the job done.

What's really exciting and fun about learning HTML is that once you get the basics down, it's easy to learn new tricks. What may look to the uninitiated as strings of nonsense characters are really just little building blocks-think of "Legos"-that snap together to create the web page you see in the browser. We're going to break all of this down into the basic elements so it'll be really manageable to learn.

One more thing before we get started: web hosting. You're going to need it, so go get a domain and hosting right now before you continue. Many photographers will register a domain using their name (e.g., www.wesleypitts.com), or if that's already taken, they'll add "photography" to the end. Or, be creative and make up something.

The company you choose to host your domain is up to you. Yahoo! offers solid hosting. It's not the cheapest, but it's competitively priced, has an easy-to-use interface and comes with a lot of features you may use later if you want to get more sophisticated.

If you want to shop around, just do a Google search for "web hosting". Pick a company, order a domain and hosting, and head back here.


10 Comments

  1. Hi PC Photo, I love reading the tips/techniques in your magazine! Keep up the great work. I just wanted to share a much easier and nearly free way of building a website: use Google Sites in conjunction with Picasa. Heck, you can even buy your domain from Google for 10US/year. That's how I put my site together. And the sky's the limit (well, almost) when it comes to how fancy and splashy you want to make it. The only downside to going this route is you're stuck with the Picasa image player, which does a fine job, but limits how your pictures are presented. I look forward to your next issue!
  2. My website's address is www.jsvfoto.com
  3. Thanks for the great info, lease keep up the great work with informing all of us properly. Anyways, 2008 was a wonderful year for web design and technology in general. I hope to see some excellent designs this coming new year. Check out Adamssite for some eye popping web templates, web page templates, and html templates. Happy New Year, Adam
  4. Stock market quote

    Badly need your help. I don't mind what language an opera is sung in so long as it is a language I don't understand. Help me! Help to find sites on the: Stock market quote. I found only this - stock market crash quotes. You will know the time when the currencies are exchanged. We find weak evidence that more generous insurance coverage increases body mass index. Thank you very much :o. Zane from Sri.
  5. HTML is not even really necessary anymore to make good looking websites. However, if you want to have more control over your site, definitely take a little time to learn it and some kind of graphics editing program.
  6. Re

    I added the hot note referring to this topic utilizing article submission guidelines and some submit article service.
  7. photoshop

    Great tutorial on basic process...however you cannot save PNG file types from Photoshop! You can with Fireworks, however.
  8. Made my life easier..thanks
  9. Thank

    The tutorial provided here is with complete details is very useful for creating web album
  10. Build Your Own Web Gallery

    thc for great info. ill tweet it to my followers

Add Comment

 
Win This! Digital Photo Magazine Enewsletter
Banner
 

 
  • International residents, click here.
Check out our other photo sites:
outdoor photographerdigital photo pro