Archive for the ‘Web Development’ Category

Online digital photos for holiday family albums

Tuesday, December 16th, 2008

Where to put the pictures once you have them. 

Once you have all those great digital images of the cat bouncing around on the Christmas tree, and the kids screaming for joy over the wrapping paper, you’re going to want to share those images. A web photo album might be a good solution. 

Web albums are a much better option than trying to email everyone your digital images. Once completed, you can email everyone a single link to the web album, and the relatives and friends can download the pictures they like from a single area, very easily. 

Downloading Picasa and installing is very easy for the Windows XP and Vista users. If you have a Mac, there are now two solutions which can be found on the Picasa Help Center area, one is using iPhotos, and loading to the Picasa Web Album area from that software, and the other is a direct loader if you don’t use iPhotos. I’m told there is going to be a full version of Picasa for the Mac sometime in the future, but right now, that is just rumor-ware. 

Once installed Picasa searches your computer for images. You can control the areas Picasa is allowed to search in the 

File->Add Folder to Picasa Dialog. 

Yes that is a bit confusing, and should be renamed, but whether you are adding a folder or removing one from the search list of Picasa, the command dialog is the same. 

I took the time to show you that functionality in this article, because, honestly, that is the hardest option setting to find and use in Picasa, the rest is really easy. 

Once you have Picasa downloaded and installed, and your Image areas being searched, the layout and folder areas are created for you. You can make different album areas however, and then upload those albums to the Internet. The Picasa services gives you 1-Gig of free space on the web for your images and videos. I have not heard of a limit to the number of Albu

ms you can have, so make as many or few as your image collection requires.  

Once you create a web album, you can set that album to be Public, Private or even set it to have a password. 

Quick overview of Picasa’s Albums, Folders and Collections

We need to stay focused on our task for this article, because Picasa simply has too many good options and getting side-tracked is easy. However, we should go over some basic vocabulary; this will make the rest of your explorations into Picasa easier to understand as well. 

  • Collections
  • Folders
  • Albums

Collections are the Gray Bars in the side-menu area with the arrows. Clicking on the arrows, expands the Collection or Opens it. 

Folders in Picasa are created by the folders the program finds on your hard drive. If you create a new folder under your Pictures directory (and put image files into that folder), you can expect to find a new folder of the same name in the Folders Collection of Picasa the next time you open the program. 

Albums are collections of pictures you have created inside Picasa. An Album is a “Theme” or group of images which you create by selecting images from your other folder areas. 

When creating an album, the same image can be used in several Albums, but Picasa doesn’t really like duplicate images inside physical folders. Albums are really simply a list of images, not the “physical” images themselves. So the same image in several Albums is not a duplication of that image, simply multiple references to the same image. 

Why? Well, for many reasons, the first one being disk space. It is assumed by Picasa’s program that you “want” to make albums for sharing with others, if the program made copies of the physical files for every album you wished to create, your disk space would be eaten up in a very short time. However, if we only are making lists of these images, then we are free to make many more Albums, while not eating up our available hard-drive space. 

Digital images can be very large. 

Create a New Album with selected pictures. 

With the vocabulary out of the way, we want to put together an Album from our collection of holiday digial images, and then upload that album to a space on the Internet where family and friends can view, download, print and share these images. 

With that goal in mind, I’m going to create an album in the following Flash Tutorial, and then I’m going to add pictures to that album. 

Not so hard, and adding images to our album is just as simple, we are going to find an image we want to add, right click on the image, and add the image to the Album we just created. 

You can also simply drag the image over to the album, but I find it easier to right-click and choose the Album name. 

TIP: We can also hold down the Ctrl key, and select several images at once, then right click on one of the selected images, to add all of the images at the same time. 

Log into your Picasa Account

If you have a Google account already, then you have a Picasa Account as well. If you don’t, then you can create an account by going to the Web area in the top menu bar, and signing up. Again signing up is free, and mostly painless. 

Once signed up, we just log in, and we are ready to put our album on the Internet. 

Create your Web Album by Uploading your Local Album

This is really the easy part. We just choose our Album and click on the Upload button. 

By default our Web Album is going to have the same Properties (name, description, date, etc) as our local album. 

Change the Settings of your web album

We have several options for our albums. We can let anyone who comes across the album on the Internet see it, we can set it so only a list of people can see the album, we can also put a password on the album, and email our friends and family the link address, and password. 

For family photos, and holiday pictures, I prefer to just make the album public, and then, if I wish later, change the album to private. Then I send out invitations to the album. Putting in a password is a bit much and for some of my older family members, I might as well not put the pictures up if I’m going to make it difficult for them to see, cause they are not going through the ordeal. Your millage (and family) may vary. 

Let people know your web album is ready to be seen

As shown in the tutorial walk through there are many options for sending out invitations to your web album. You can use the Picasa invitation, or just copy the URL address of the web album and paste it in your own email. Link to it from your blog or Myspace page. 

Post pictures from your web album into your Myspace and Facebook area.

Once the album is uploaded, each picture will have a link beside it, on the right, which you can copy and paste into your Myspace area, or your Facebook area. If you have a blog on Blogger, use the Blogger button at the bottom menu of Picasa, for fast uploading to that website. 

Have fun this season! and as always, if you have questions, jump into our forum area and we’ll get you answers.

How do I get my Website listed in Google?

Monday, December 15th, 2008

Google

If you have a website which has already been around a while then chances are it will already be listed in Google. Google is currently the largest and most popular search engine on the planet and to ensure you get a decent amount of visitors to your website you will need to make sure your website is indexed first of all.

So how could your site be listed even if you have never told Google it exists? Simple! as Google spiders the web it follows links on the pages to discover new content, pages and also new websites. If your website has a link to it from another website being spidered by Google then Google will eventually come crawling around your site and then place it in its index.

So how can you check if you site is listed already? simple go to Google and type your full URL i.e. e.g. http://www.d-a-l.com and then hit Search. If your site is not listed then you can always use the Google ADD URL feature here - Google ADD URL

How to Password Protect a Web Page

Tuesday, December 9th, 2008

There are many ways to implement security on your Website via a huge array of scripts and fancy encryption. If you have a Website and wish to secure an entire section or simply just a page this can be done by using htaccess.

What is htaccess?

htaccess is the default name of the Apache directory-level configuration file. The .htaccess file configures the current directory with things like password protection but can also perform a wide range of other useful techniques. For the purposes of this “how to” we will be using .htaccess to secure an entire directory or simply a single web page.

This is useful because you may have a “members only” area which you want to restrict to certain users or perhaps a private area where you have statistics or information you don’t want publicly viewable.

The first step is to create your encrypted user name and password. There are few places which allow you to do this (free of charge of course!)

http://www.4webhelp.net/us/password.php

http://www.htmlite.com/HTA006a.php

Choose a User Name and a Password and then encrypt to receive a string of text similar to this:

dal:20fnCgEGpRopc

This is your encrypted login info.

Next open up Notepad, you can find this by selecting the Windows Start Button followed by “Run” and typing “Notepad” then hit enter and the Notepad text editor should launch.

Now simply copy and paste your encrypted login info into the text file and then save it as “.htpasswd” NOTE: the dot before htpasswd!

Once you have this file saved you need to upload it to your web space. make sure you upload the file in a directory above the “Home” or “public_html” root folder.

Next we need the .htaccess file. This file tells apache which files or folders you want to protect.

Open up Notepad again so you have a new document. The code to protect an entire folder on your site will look like this:

AuthUserFile /full/path/to/.htpasswd
AuthType Basic
AuthName “The Private Folder”
Require valid-user

The section which says “/full/path/to/.htpasswd” needs to be the full path to the folder you wish to protect. If you are unsure of this path you may want to ask your web hosting provider.

The .htaccess file will protect the contents of that folder specified above and all sub folders and content below that folder as well.

If you wanted to simply protect one page your code would like like this:

AuthUserFile /full/path/to/.htpasswd
AuthType Basic
AuthName “The Private Page”

<Files “private.html”>
  Require valid-user
</Files>

This would ensure that only the page “private.html” would be protected. Again the correct path to your .htpasswd file must be entered.

Once you have the desired code, save the notepad file as “.htaccess” (Again remember that dot!) and now upload this file to the same directory you wish to protect or which holds the private file.

Now test out your new .htaccess protection by trying to access the folder or file you have protected. You should be presented with a user name and password prompt. Enter your chosen user name and encrypted password which was created earlier i.e. mine would be user: dal password: 20fnCgEGpRopc.

If you have any problems getting .htaccess to work it could be because your host does not support it. Sometimes it’s easy to get this enabled for your site so speak with your web host.